Ir al contenido principal

Font Awesome Cheat Sheet

Font Awesome Cheat Sheet

Comentarios

Entradas populares de este blog

Efecto destello CSS3

En estas fechas tan señaladas a todos nos invade el espíritu navideño, y con él las ganas de decorar nuestra casa, nuestra habitación y por qué no, nuestra web. Por este motivo se me ocurrió crear un efecto destello de luz mediante CSS3 e imágenes para dar la calidez necesaria que nuestra web se merece. El efecto es sencillo, consiste en dos imágenes (una de fondo y otra que realizará el efecto) y una animación mediante CSS3. El resultado sería el siguiente: Podemos duplicar cuantas veces queramos la estrella y posicionarla donde mejor nos venga. A continuación os dejo el fragmento de código HTML y CSS para que lo probéis y hagáis las modificaciones que sean necesarias. HTML <div class="efectos"> <img src="directorio/imagen-01.jpg" alt="Navidad" class="background-navidad"> <img src="directorio/imagen-02.jpg" class="destello destello-01"> <img src="directorio/imagen-03.jpg" class=

Mitos sobre el diseño web responsive

Las idea del diseño responsive o adaptable surgió en el 2008 por el consorcio W3C. El planteamiento se basaba en mejorar la experiencia de usuario unificando la correcta visualización de una página web en cualquier dispositivo; ya fuese un teléfono móvil o un equipo de sobremesa. Muchas eran las ventajas que prometía el diseño responsive, pero también surgieron bastantes mitos que frenaron el entusiasmo por dar el salto a la web adaptable. A continuación vamos a comentar cuatro mitos falsos sobre el diseño responsive: Se debe probar la web en todos los dispositivos El diseño web responsive está enfocado a la resolución del dispositivo no a un modelo concreto. Teniendo en cuenta que hay miles de dispositivos con conexión a Internet esta tarea es prácticamente inviable. Imagina tener en tu casa u oficina cientos o miles de dispositivos en los que tienes que realizar pruebas, sería algo caótico. Por el contrario sí que podemos clasificar todos esos modelos mediante su resolución d

Curso HTML 5: Nuevos atributos para formularios. Parte I

Como hemos podido ver en anteriores entradas , HTML5 trae consigo una amplia lista de nuevos tipos de inputs. En esta entrada vamos a centrarnos en los nuevos atributos para formularios. Estas nuevas características permiten una mejor optimización y control de datos. A continuación puedes observar un listado con los nuevos atributos para formularios de HTML 5 y su soporte en diferentes navegadores: Nuevos atributos para formularios <form> / <input> Atributo autocomplete Podemos controlar que campos tendrán la opción de autocompletado activada o desactivada. Cuando la está activada, el navegador automáticamente completa los valores basados en antiguos datos que hemos introducido anteriormente. Es posible asignar la característica de autocompletado al formulario, y desactivarla para cualquier campo específico. También funciona a la inversa.   Chrome   Internet Explorer   Firefox   Safari   Opera Ejemplo <form actio