¿Te has preguntado cómo se crean esos efectos visuales dinámicos que ves en algunas páginas web? Uno de los más populares es el efecto de «puntos que siguen al ratón», una forma simple pero efectiva de añadir interactividad y una estética única a tu sitio. Efecto de unos puntos alrededor del puntero del ratón En este post, te mostraré cómo crear este efecto desde cero usando las tecnologías web actuales: HTML, CSS y JavaScript. Nos olvidaremos de los códigos obsoletos y nos centraremos en un método moderno, limpio y eficiente. ¿Cómo funciona el efecto? La idea es simple: El resultado es un efecto de rastro suave y fluido que parece…
-
-
¿Qué es el codigo CSS y para qué lo utilizan?
En el mundo del desarrollo web, hay ciertos términos que aparecen constantemente. Quizás ya hayas oído hablar de algunos, como HTML, JavaScript o codigo CSS, pero puede que aún no sepas exactamente qué significan o cuál es su propósito. Por eso, hoy iniciamos una serie de posts dedicados a las bases del desarrollo web y su terminología clave. Empezaremos con uno de los pilares del diseño de páginas web: CSS. En este artículo, descubrirás qué es el código CSS y por qué es una herramienta indispensable para cualquier desarrollador o diseñador web. ¿Qué es el codigo CSS? CSS son las siglas de Cascading Style Sheets, que en español se traduce…
-
Grid Designer- Crea las columnas para tu Web Online
Sin lugar a dudas las herramientas online como Grid designer siguen adquiriendo una relevancia muy grande, desde lograr tus colores y diseños para tu Web así como las imágenes y demás que usaras en ellas. Crea las columnas para tu web con Grid designer Hoy queremos comentarles sobre esta herramienta, con ella lograras dar forma a las columnas que usaras en tu Web así como la cantidad de ellas y el tipo de letras que usaras. Con un editor sencillo de usar en línea, en pocos instantes crearas el código necesario para dar forma tu página. Dicho estos comentarios te invitamos a visitar la herramienta y probarla. Y como siempre…
-
3 pautas de diseño profesional y CSS para tu web
Una página web bien hecha, puede ser una fuente de ingresos útil cuando quieres independizarte, pero es importante que sepas que el diseño responsive y funcional, es el pilar sobre el que debe girar todo. Hoy, por ejemplo, tenemos las 3 pautas más importantes de diseño web profesional, con las que tu blog dejará de ser un simple sitio a un lugar donde los visitantes encuentren lo que haces de manera sencilla. 1. Nada más importante que el Diseño adaptable: Otros lo llaman diseño responsive, el tema es que si tu sitio no lo tiene, no se indexará. Para hacerlo, solo necesitas decírselo a tu maquetador o la persona encargada…
También te puede interesar
Crea tu propia web con Jimdo
Descarga temas para WordPress gratis
Angular JS, cómo aprovechar el framework de Google
-
CSS, creando hojas de estilo enlazadas
Las hojas de estilo son un elemento básico del desarrollo de una página web. Permiten modificar distintos parámetros de formato, que van desde el tamaño de fuente hasta el color del fondo o el tipo de fuente, entre otros. Se trata de archivos con extensión CSS (Cascading Style Sheets) y van componiendo diferentes aspectos dentro de una página HTML. La principal ventaja al usar hojas de estilo, es que puedes crear una principal y vincularla al resto de las páginas, así todas tendrán el mismo estilo sin necesidad de hacer una configuración manual. Cualquier modificación que realices en la hoja de estilo afectarán a las páginas vinculadas de forma inmediata.…
También te puede interesar
Generador de Códigos Hexadecimales
Grid Designer- Crea las columnas para tu Web Online
-
Botones HTML y cómo personalizarlos
Los formularios forman una parte fundamental de las aplicaciones web en HTML. Pero existen diferentes insuficiencias en lo que refiere al diseño de botones y formularios interactivos. El problema con el HTML es que ofrece muy pocas opciones para adaptar los elementos al diseño que vayamos a aplicar en nuestra página. Para cambiar el aspecto visual y funcional de los botones en formularios, HTML ofrece la posibilidad de modificar parámetros muy puntuales: mayor o menor longitud para el recuadro de texto (textarea), modificar el tamaño de la fuente (mediante un truco para saltear espacios en blanco y poco más. Los parámetros de los botones quedan casi totalmente fuera de esta área…
