Artículos
-
CSS
Los 10 mejores frameworks de CSS para desarrollar webs rápidas y ligeras en 2017
Al desarrollar un sitio web, el hecho de utilizar un framework CSS nos puede ayudar a ser más productivos ya que te provee de un montón de herramientas que todo diseñador necesita. Como ya sabes, la velocidad, al hablar del desarrollo de páginas web, es un factor súper importante. Por lo tan...
-
CSS
Cómo crear triangulos en CSS sin necesidad de utilizar ni trucos ni trampas
Cualquier persona que haya intentado crear flechas para votar con HTML, burbujas de diálogo o algún que otro elemento puntiagudo, sabe que para crear un triángulo CSS debes utilizar algún tipo de hack. Las dos soluciones más populares son las de crear tus triángulos fuera de los bordes, o l...
-
CSS
CSS Grid VS Flexbox: ¿Cuál es más práctico?
No hace mucho tiempo, el diseño de todas las páginas HTML se hacÃa a través de tablas, floats y otras propiedades CSS que no eran adecuadas para diseñar páginas web complejas. Luego vino flexbox, un modo de diseño que fue creado especÃficamente para crear páginas responsive robustas. Fle...
-
CSS
Scrollbars personalizadas con CSS y Webkit
Personalizar los scrollbars (o barras de desplazamiento) con el diseño de la interfaz de tu sitio web agrega un valor extra a tu sitio web. Mediante pseudo-elementos de CSS, puedes cambiar el estilo de las scrollbars de tu sitio web con estilos totalmente personalizados. En este tutorial, te mos...
-
CSS
Reproduce y pausa tus animaciones con WAIT! Animate
Puedes llegar a hacer un montón de cosas con las animaciones CSS, pero pausar y reproducir en bucle una animación no es posible con la actual especificación W3. De todos modos, una herramienta gratuita cuyo nombres es WAIT! Animate puedes crear animaciones en bucle desde cero con delays person...
-
CSS
Cómo crear un Toggle Switch utilizando CSS
Este tutorial te mostrará cómo crear un botón toggle switch con CSS. En tu proyecto, donde has colocado un checkbox para filtrar el contenido, tendrás que reemplazarlo por un toggle switch. El toggle switch añadirá una experiencia limpia a la funcionalidad por defecto del checkbox. El toggl...
-
CSS
Mostrar la tÃpica imagen de carga cuando cargue la página utilizando jQuery y CSS
El tiempo de carga de una página depende de los elementos de dicha página. Es decir, si cuenta con muchos archivos como imágenes, Javascript o CSS, la velocidad de la página puede verse afectada para peor. Este problema afecta a casi todas las páginas, incluso a aquellas que están muy dise�...
-
CSS
Cómo crear un sidebar flotante para compartir en redes sociales con CSS
Las redes sociales son una parte muy importante de tu negocio online para poder conseguir aún más clientes. Los botones para compartir en redes sociales son muy útiles para todo sitio web que se precie y ayudan al usuario a mantenerse informado en todo momento de todas nuestras novedades. Es p...
-
CSS
Cómo añadir un efecto de zoom a una imagen al pasar por encima con el cursor
Existen muchos plugins para insertar efectos especiales a las imágenes cuando se les pasa el cursor por encima. Todos esos plugins añaden un montón de código a la página, que terminan afectando a la velocidad de la web en sÃ. Si quieres utilizar muy poco código para asà optimizar la carga...
-
CSS
Cómo crear un tooltip muy simple con CSS
Un tooltip proporciona información extra cuando el usuario pasa el cursor sobre un elemento. Los tooltips son una estupenda manera de mostrar información detallada al usuario al colocar el cursor sobre un texto o una imagen y ayuda a mejorar la experiencia del usuario en tu sitio web. Utilizand...