feed

CSS3

¿Se puede hacer operaciones matemáticas con CSS?: sí, con la función calc()

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 tener el tamaño en píxeles y descolocan gran parte del diseño, esto algo que dificulta los diseños...

Leer más »

¿Adobe quiere poco a poco llevar las funciones de su Creative Suite a HTML5?

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 »

Responsive Design: puesta en marcha

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 »

Responsive Design: adaptar imágenes y vídeos

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 »

Crea estilos a la carta con CSS3 Generator


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 »

Demostraciones de W3C en la Barcelona Mobile World Congress 2012

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 »

Diseñando tu nuevo proyecto web con Bootstrap 2.0

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 »

¿Se está convirtiendo CSS3 en el nuevo Flash?


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 »

Recopilación de siete tutoriales sorprendentes de CSS3

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 »

La que se avecina en 2012: desarrollo web front-end

Antes de entrar en materia tengo que reconocer que nunca llegué a terminar el master en oráculo y adivinatoria al que me matriculé (que los profesores fueran Rappel, Aramís Fuster, Paco Porras o Nostrapacus tuvo parte de culpa) por lo que seguramente nada de lo que comente en las siguientes líneas se termine convirtiendo en realidad. Sin embargo esto no es óbice para que no intente un pequeño...

Leer más »