2011-12-14

Video Tutorial con Tip sobre Modernizr + CSS3 y HTML5 en castellano



Modernizr es una librería javascript que nos ayuda a tener un control en el uso de CSS3 Y HTML5 cuando nuestra página web se muestra en navegadores que no soportan estas tecnologías.

En es siguiente video se muestra el uso de esta librería, se trabaja con la propiedad CSS3 boxshadow y con el atributo placeholder de HTML5
Suscríbete a monitojoomla en youtube para que puedas ver todos los videos publicados

2011-12-08

Ya esta el primer borrador de las especificaciones de CSS4 presentado por W3C



La W3C no da respiro y si haber terminado de desarrollar el estandar CSS3, esta ya trabajando en la futura versión de este lenguaje, recientemente acaban de publicar el primer borrador de CSS 4, que promete cambios más que importantes.

Al día de hoy esto es totalmente teórico para nosotros, ya que ningún navegador lo soporta, y me arriesgo a decir que no lo hará por mucho tiempo…
Este borrador fue publicado el pasado 29 de septimbre por Elika Etemad, responsable del grupo de trabajo de la W3C para el desarrollo de CSS 4, esta versión, promete muchas nuevas reglas que serán de gran utilidad y que permitirán hacer diseño de macho calidad gráfica con mucho menos esfuerzo.
Si bien estamos aún muy lejos de comenzar a usar estas nuevas reglas se puede obtener mayor información en la página oficial de la W3C.

Pero el nuevo Opera 11.60 ya agrego alguna cosas de CSS4 en su motor de render. 
Mas información en su pagina oficial Operar 11.60

2011-12-07

CSS: Tabla de Equivalencias entre px, %, pt y em


Daniel de Webadictos nos da a conocer una excelente tabla de equivalencias para usar en tus CSS entre pixeles, porcentajes, puntos y emphasis (px, %, pt y em), los que saben de esto muchas veces prefieren utilizar valores sobre em (emphasis) debido a que su equivalencia en dispositivos puede ser mejor manejada sin perder la fidelidad de los textos a diferencia de como sucede con los pixeles.
PtsPxEmPorcentaje
6pt8px0.5em50%
7pt9px0.55em55%
7.5pt10px0.625em62.5%
8pt11px0.7em70%
9pt12px0.75em75%
10pt13px0.8em80%
10.5pt14px0.875em87.5%
11pt15px0.95em95%
12pt16px1em100%
13pt17px1.05em105%
13.5pt18px1.125em112.5%
14pt19px1.2em120%
14.5pt20px1.25em125%
15pt21px1.3em130%
16pt22px1.4em140%
17pt23px1.45em145%
18pt24px1.5em150%
20pt26px1.6em160%
22pt29px1.8em180%
24pt32px2em200%
26pt35px2.2em220%
27pt36px2.25em225%
28pt37px2.3em230%
29pt38px2.35em235%
30pt40px2.45em245%
32pt42px2.55em255%
34pt45px2.75em275%
36pt48px3em300%

La tabla fue publicada originalmente en WorldTechnies y de hecho ellos mencionan que esta tabla puede tener ciertas variaciones, dependiendo del Sistema Operativo, Navegadores y Resolución, yo le añadiría de igual manera Dispositivos.