Descubre las últimas tendencias y técnicas en desarrollo web. Desde conceptos básicos hasta avanzados, estos artículos te sumergen en el fascinante mundo del desarrollo web, ofreciendo insights, herramientas esenciales y estrategias efectivas para construir sitios web impactantes.
En este artículo podrás aprender trucos, utilidades… No es un tutorial de CSS al uso, sino ejemplos con CSS útiles y buenas prácticas para cualquier diseñador web. Podrás aprender como comprimir tu archivo css, diferenciar entre id y class que muchas veces se utilizan mal entre otras muchas cosas. Interesantes efectos css con fuentes Con […]
Tutorial de CSS con ejemplos Leer más »
Los plugins de zoom de imagen se utilizan mucho para galerías o tiendas online, donde se quiera mostrar con detalle el producto. Los plugins que te propongo en el día de hoy están desarrollados con jQuery, por lo que podrás integrarlos fácilmente en cualquier página web. Algunos de estos plugins son gratuitos y otros son
Los mejores plugins de zoom de imagen con jQuery Leer más »
Si no te gusta utilizar imágenes para insertar degradados en una página web, tienes la opción de hacerlo con CSS. A continuación te indico varias herramientas online que te ayudarán a crear los degradados en CSS fácilmente. Con estas herramientas online podrás crear tus degradados con CSS Ultimate CSS Gradient Generator Esta herramienta online trabaja
Crea degradados en CSS fácilmente y responsive Leer más »
Que interesante es aprender cosas nuevas y conseguir nuevos efectos para nuestras páginas webs. Hoy podrás encontrar en este artículo distintas animaciones con css3 simples y avanzadas. CSS Shake Básicamente consigues el efecto de temblar. Hay distintas variedades: suave, más agresivo, con una pequeña rotación,… La forma de integrarlo en una web es superfácil. En
Animaciones con CSS3 Leer más »
Colección de mapas con jQuery desarrollados en plugins para integrar directamente en páginas web. Puedes ver distintos mapas interactivos que funcionan con jQuery. Son fáciles de insertar en web. Conseguirás que tus diseños web sean más atractivos y no depender tanto de los mapas de Google Maps. jVectorMap Con este plugin puedes crear mapas interactivos
Aprende paso a paso como rotar iconos con CSS y HTML. Si quieres crear iconos con CSS que roten sobre sí mismos estás en la página adecuada. Podrás ver como con HML y CSS se puede conseguir que nuestras páginas webs sean más dinámicas, atractivas y que toquen la sensibilidad del usuario. Así pues, me
Rotar iconos con CSS Leer más »
Un diseño currado atrae clientes y si una web vende todos ganan: el diseñador web y el cliente. En este artículo te propongo como personalizar el botón de subir archivos en una página web también conocido como input file. Conseguirás un diseño atractivo para este botón y otra cosa importante, lo podrás personalizar. Código html
CSS: Personaliza el botón de subir archivos Leer más »
En este artículo Regi Peña nos muestra algún truco para escribir más rápido código HTML y CSS. Muchas gracias Regi por tu aportación. Quizás en muchas ocasiones te encuentras con una página web en blanco que tienes que rellenar con código HTML o CSS. Ves un mundo hasta llegar a esa web perfecta y en
Conoce una forma más rápida de escribir código HTML y CSS con Sublime Text 3 Leer más »
Si quieres crear un portfolio y poder filtrarlo por categorías, puedes hacerlo solo utilizando CSS y jQuery. Además podrás crear unos efectos animados que le van a encantar a los visitantes de la página web. En este artículo te propongo dos diferentes para que puedas escoger el que prefieras. MixItUp Para ello tienes que
Filtrar contenido con CSS y jQuery Leer más »
Con CSS, jQuery y SVG conseguirás tener un efecto precarga con animación en tu página web. Si quieres que tus visitantes se queden mientras carga la página web, este plugin es un buen método para ello. Es un tutorial donde podrás aprender paso a paso a crear tu propio efecto precarga. La idea de este
Efecto precarga con animación y con jQuery Leer más »
Con el aviso de Google de que a partir del 21 de abril iba a posicionar mejor las páginas web que tuvieran una versión móvil, muchas páginas con diseño antiguo se pusieron manos a la obra. Si aún no lo has hecho todavía te voy a mostrar una manera de hacerlo rápida y fácil con
Haz tu página responsive fácilmente con jQuery Leer más »
