52 Framework, framework para Html 5 y Css 3


52 FRAMEWORK, Destilando la potencia de CSS 3 en conjunto con HTML 5

html5 y css3 son el nuevo standar de diseño web y la tendencia de la próxima década, y de la mano de la comunidad del software libre nos llega este nuevo framework, recordemos que un framework css como el blueprint 960 nos ofrece la capacidad de escribir directamente las etiquetas html para luego modificar pequeños detalles de la hoja css, ademas de entre otras cosas, el reseteador css para equilibrar a todos los navegadores y crear verdaderas plataformas  web cross browsers;

basada en esta premisa y con las actualizaciones css de nivel 3 y html 5 nos encontramos con 52 FRAMEWORK CSS3 HTML 5

veamos cuanto de poder hay debajo del titulo y cuanta flexibilidad ofrece

  • sombras para textos y objetos de cajas
  • bordes rendondeados
  • con pocos hacks es posible habilitar todas las funciones para todos los navegadores
  • script embebidos sin nesecidad del atributo type
  • nuevos campos de introducción de texto (email, url etc)
  • usa los tags más comunes de html5 (header, nav, section, article, footer, y proximamente mas)
  • usa el nuevo selector css 3 “selection” que permite manipular las propiedades del texto seleccionado
  • usa una grilla de 16 columnas de 52 pixeles de ancho cada una separados por 8 pixeles
  • css3 gradientes para elementos block

ver demo de 52 framework

pagina oficial de 52framework

el software es código abierto y esta en constante desarrollo, y estan abiertas las plazas para participar del proyecto

  1. 52? Ya!? Antes de que lo adopten los navegadores? Jejejeje

    Hay ejemplos muy alucinantes. Muchas gracias.

    • yo use css3 en una web que acabo de publicar, pero no dentro del framework, te digo que los bordes redondeados con 2 lineas de codigo no tiene nombre, mucho poder

  2. EL HTML 5 ES UNA GRAN SOLUCION A NUMEROSOS PROBLEMAS, JUNTO CON X3D DERVADO DE OTRAS
    TECNOLOGIAS PODEMOS TENER APLICACIONES CON RENDER A TIEMPO REAL EN 3D
    DEMOS REALIZADOS POR CAYAB ARTE Y DISEÑO http://WWW.CAYAB.COM.MX (MEXICO)

    http://cayab.com.mx/3d/botella/

    http://cayab.com.mx/3d/isla/

  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: