Cosas nuevas están llegando. New things are coming.
Kodeval Pages entró a boxes y está por volver a la pista: con KP Studio, un editor visual que te muestra el código mientras armas tu página, un probador para verla en otros aparatos y un diseño estrenado de cero. Falta poco.
Kodeval Pages went into the pit lane and is about to get back on track: with KP Studio, a visual editor that shows you the code while you build your page, a tester to see it on other devices, and a design made from scratch. Not long now.
Muy prontoVery soon
¿Primera vez por aquí? Copia el código. Entiende cada línea. First time here? Copy the code. Understand every line.
Kodeval Pages es una librería de módulos de HTML y CSS para tu web: las piezas que tiene casi cualquier página, listas para copiar, y explicadas en español para que sepas qué hace cada parte y por qué está escrita así.
Kodeval Pages is a library of HTML and CSS modules for your website: the pieces almost every page has, ready to copy, and explained so you know what each part does and why it is written that way.
- Cada línea, explicadaEvery line, explained
- Cada módulo trae su código, cómo se ve y qué hace cada bloque, con palabras simples.
- Each module comes with its code, how it looks, and what each block does, in plain words.
- Gratis y con licencia MITFree and MIT licensed
- Puedes usarlos en proyectos personales y comerciales, conservando el aviso de la licencia.
- You can use them in personal and commercial projects, keeping the license notice.
Los 15 módulos que ya estánThe 15 modules already there
- Header básico
- Navbar minimalista
- Hero simple
- Sección feature
- Grid de cards
- Tabla de precios
- Formulario de contacto
- Accordion FAQ
- Tabs
- Timeline
- Testimonios
- Banners de notificación
- Sistema de botones
- Variables CSS base
- Footer simple
Lo que viene.What is coming.
-
KP StudioEl editor de Kodeval PagesThe Kodeval Pages editor
Un editor visual con el código siempre a la vista. Lo que tocas en el lienzo se escribe en el HTML y el CSS, lo que escribes aparece en el lienzo, y cada pieza te explica qué es. Lo que armas es código común, sin nada propio adentro: te lo llevas y funciona igual. Primero en el navegador, y algún día también en tu PC.
A visual editor with the code always in sight. What you touch on the canvas is written into the HTML and CSS, what you type shows up on the canvas, and every piece explains what it is. What you build is plain code with nothing proprietary inside: take it with you and it works the same. First in the browser, and someday on your PC too.
-
Probador de dispositivosDevice testerTu página, en otro aparatoYour page, on another device
Mira tu página dentro de cuatro aparatos hechos en CSS por marcas que no existen: una tableta, un teléfono y dos plegables que se abren y se cierran. Los giras con el mouse, los pones de canto o los miras por detrás, y los botones del costado funcionan.
See your page inside four devices made in CSS by brands that do not exist: a tablet, a phone, and two foldables that open and close. Turn them with the mouse, look at them edge-on or from behind, and the side buttons work.
-
Descubre tu nivelFind your levelVeinte preguntas para saber por dónde empezarTwenty questions to know where to start
Un test para saber qué ya sabes de HTML y CSS y qué te conviene repasar. Equivocarse no resta: cada respuesta te muestra la correcta y te dice cuánto falta para el siguiente nivel.
A test to find out what you already know about HTML and CSS and what is worth reviewing. Getting it wrong costs nothing: every answer shows you the right one and how far you are from the next level.
-
Un diseño nuevoA new designPor fuera y en cada móduloOutside and in every module
Kodeval Pages estrena colores, letras y un modo claro para quien lo prefiera. La bandera a cuadros se queda.
Kodeval Pages gets new colors, new type, and a light mode for whoever prefers it. The checkered flag stays.
Mientras tanto.In the meantime.
Tu cuenta y el resto de Kodeval siguen funcionando como siempre.
Your account and the rest of Kodeval keep working as usual.