En estos días hemos estado hablando de diseño web sensible y esta tarea se puede simplificar con Base, que es un sencillo framework para CSS para construir sitios web sensibles que sean visibles adecuadamente en todo dispositivo desde PC hastas teléfonos moviles.
En realidad es una hoja de estilos base para construir a partir de este nuestros proyectos. Cuenta con estilos...
Ahora vamos a crear una galería mas avanzada utlilizando etiquetas de HTML 5 especificas para este tipo de trabajo. En este caso la etiqueta <figure> alrededor de cada imagen y la etiqueta <figcaption> para agregar una etiqueta informativa a la imagen. La idea es decorar las imagenes con un efecto tipo marco y una cinta adhesiva en la parte superior.
HTML
Esta estructura colocar...
Le agrega un valor visual extra cuando una imagen tiene un decorado como un clip en la esquina, un marquito ó una etiqueta informática en la parte inferior de esta. Existen muchas formas de lograrlo, una de estas es con CSS en esta ocasión con los pseudo-elementos :before y :after. Estos elemento nos permite añadir cosas antes y después de...
Gracias a CSS podemos transformar el diseño de un sitio web. Con mucha creatividad podemos sacarle partido a este lenguaje. Sin embargo, de vez en cuando, las técnicas convencionales de su uso no satisfacen ciertos requerimientos, es por ello que podemos hacer uso de otras declaraciones también disponibles, pero que muchas veces están ocultas, por decirlo asi (propiedades de cada...
Recientemente Microsoft ha renovado completamente su logotipo, que en parte comprende cuatro cuadrados que representan su paquete de productos insignia que comprende Windows, Office, Xbox y Windows Phone. Mediante CSS y HTML en pocas líneas de código podemos recrear este logotipo :) veamos el código:
Código
<!-- dentro del body --><style>
logo {
font: bold 60px "Segoe UI";
...
Windows 8, la nueva versión del sistema operativo de Microsoft, hace un gran cambio en cuanto a apariencia con su nueva interfaz de usuario Metro, la cual se puede extender a aplicaciones web también. De eso se trata Metro UI CSS que es un framework ó conjunto de estilos para crear sitios web con interfaz similar a Windows 8 Metro...
Con la ayuda de las hojas de estilos ó CSS podemos agregar un diseño agradable a nuestra estructura HTML. Por otro lado los slider ó diapositivas es fundamental para mostrar fotografías o imágenes. Aplicando bien CSS en nuestro diseño podemos conseguir bonitas presentaciones. Aqui un ejemplo de tantos que me llama la atención por su caracteristica a pantalla completa y...
Es una realidad actual que la gente accede a contenido web a través de dispositivos móviles como telefonos celulares, tablets y laptops (ó netbooks). Para desarrollador ó empresa para la que trabajamos es la que decidirá si el contenido de su web estará disponible para dispositivo movil en un subdominio, lo cual incluye un trabajo extra. Sin embargo haciendo un buen...
CSS 3 abre las puertas a nuevas posibilidades en el desarrollo web, especialmente en lo que a front-end (la parte que interactua con el usuario) se refiere. Si nos queremos ahorrar algún tiempo y molestias, podemos usar algunos recursos ó aplicaciones web que generan código CSS 3 fácilmente. CatWhoCode nos da 10 opciones:
Generador CSS3
Genera mas de 10 diferentes efectos en...
Adaptador es un plugin ligero para jQuery que logra un efecto slider (deslizante) del contenido HTML y especialmente de imágenes, ó diapositivas. La característica más llamativa de este plugin es que realiza un slider con efecto 3D, ó rotación en forma de cubo de las imágenes, además de lo ya conocidos efectos: scroll, blind y fade. El plugin trabaja con...