feed

CSS3

Magic se trata de un excelente framework CSS3 para añadir animaciones a cualquier elemento HTML de una manera muy sencilla mediante CSS3.

El framework trae bastantes animaciones por defecto que luego podemos controlar mediante CSS3 con parámetros como su duración. Puedes ver todas las animaciones que trae y sus efectos en su página demo.

La manera de utilizarlo es muy sencilla simplemente debemos enlazar la hoja de estilo que nos viene en el framework y usar las animaciones que queramos de la...

Leer más »

Suena a ciencia ficción poder realizar cálculos en el CSS, pero así es, sin necesidad de JavaScript podemos realizar sumas, restas, multiplicaciones y divisiones gracias a la función calc().

Pero lo mejor es que nos permite sumar distintas unidades (como em, px, %… ), lo que nos facilitará la labor de ajustar elementos con medidas relativas que tengan, por ejemplo, bordes o márgenes que suelen...

Leer más »

Adobe es la mayor empresa desarrolladora de software destinado a la creación de contenidos multimedia (como Photoshop, InDesign, After Effects...), en su momento adquirió Flash (a Macromedia) y lo llevó a lo más alto, pero Flash ha muerto (sin contar Flex ) y desde entonces decidió participar activamente en la elaboración de nuevos estándares web, proponiendo tecnologías muy similares a las que...

Leer más »

Ya he contado la mayoría de lo que hay que saber sobre el Responsive Design, pero algunas veces lo difícil es aplicarlo de la forma que necesitamos o mostrar el contenido de una forma eficaz sin perder en diseño ni usabilidad, y en esto es en lo que me voy a centrar, en estructurar correctamente de distintas formas el contenido de una página que se adapta a distintos tipos de pantalla.

Para...

Leer más »

Como comenté en el artículo sobre la estructura básica del Responsive Design, un diseño adaptable deja de serlo si cuando lo visualizas desde un móvil ves que las imágenes y los vídeos sobresalen de la página, por lo que os voy a enseñar como hacer que se adapten a distintos tipos de pantalla los contenidos multimedia (imágenes y vídeos de HTML5, Youtube y Vimeo).

Las formas que comentaré para...

Leer más »


Aunque ya llevamos unos años con CSS3 entre nosotros (de hecho, los primeros borradores de esta versión se escribieron el último año del siglo pasado), es tal la cantidad de selectores, propiedades y espacios de nombres que nos ofrece, que todavía muchos de nosotros no sabemos muy bien cómo dar determinados estilos complejos, o lo que es peor, ni siquiera sabemos que esos formatos se pueden dar...

Leer más »

Hoy se ha iniciado uno de los acontecimientos tecnológicos del año en la ciudad de Barcelona, el Mobile World Congress 2012. Que constituye la reunión más importante a nivel mundial de todo lo relacionado con el mundo de la movilidad, que está tan pujante en la actualidad.

Los participantes son prácticamente todos los gigantes relacionados con los dispositivos móviles, tanto de hardware o de...

Leer más »

Uno de los principales quebraderos de cabeza con los que se encuentra un desarrollador a la hora de iniciar un nuevo proyecto web, es la creación de un layout básico sobre el que trabajar.

Adicionalmente, si queremos que nuestro diseño sea capaz de adaptarse a los distintos navegadores, configuraciones o incluso dispositivos, la selección de un framework de apoyo puede ahorrarnos mucho tiempo y...

Leer más »


En los albores de Internet, con un HTML aún inmaduro en muchos aspectos, Flash encontró su hueco para suplir la carencia de elementos multimedia en las páginas web. Rápidamente ganó popularidad gracias a que las animaciones creadas con él estaban mejor definidas que las de las imágenes GIF y ocupaban menos que un vídeo (algo muy de agradecer con los anchos de banda predominantes en aquella...

Leer más »

Para los que están pensando en iniciar el año aprendiendo CSS3, aquí tenéis un recopilatorio de tutoriales que muestran diferentes aspectos o funcionalidades que podemos aplicar en nuestros proyectos. No hace falta explicar la importancia que tiene CSS para el desarrollo web. En ocasiones he encontrado soluciones utilizando muchas y engorrosas líneas en JavaScript que fácilmente se podrían haber...

Leer más »

Genbeta Dev Respuestas Las mejores respuestas para las mejores preguntas

Sigue a