franklevel.com » CSS http://franklevel.com Cosas de la web según yo... Abstenerse fans de Star Wars Thu, 15 Apr 2010 16:04:43 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 30 ejemplos vanguardistas de barra de navagación con CSS http://franklevel.com/2010/01/22/30-ejemplos-vanguardistas-de-barra-de-navagacion-con-css/ http://franklevel.com/2010/01/22/30-ejemplos-vanguardistas-de-barra-de-navagacion-con-css/#comments Sat, 23 Jan 2010 01:24:42 +0000 franklevel http://franklevel.com/?p=78 Leo via www.1stwebdesigner.com sobre 30 ejemplos de navegación vanguardista haciendo uso de CSS. Es obvio que hoy en día para hacer de un websiteun sitio realmente accesible hay que aplicar las mejores prácticas de desarrollo web.

Artículo original ( En Inglés)

]]> http://franklevel.com/2010/01/22/30-ejemplos-vanguardistas-de-barra-de-navagacion-con-css/feed/ 0 Fuentes bien marcadas en CSS http://franklevel.com/2009/11/25/fuentes-bien-marcadas-en-css/ http://franklevel.com/2009/11/25/fuentes-bien-marcadas-en-css/#comments Thu, 26 Nov 2009 01:03:37 +0000 franklevel http://franklevel.com/?p=20 Desde hace tiempo que soy asiduo visitante de webs como Taringa y ElForro y es en esta última donde he notado un uso eficaz de fuentes más vistosas, indagué un poco en el código fuente y noté que para lograr esto se hace uso de una propiedad ya ahora no tan desconocida de CSS, dicha propiedad es text-shadow.

La propiedad “text-shadow” como su nombre lo refiere crea sombras con ciertos parámetros, a continuación un ejemplo:

text-shadow: color,offset(x),offset(y), difuminado;

o también:

text-shadow: difuminado,offset(x),offset(y),color;

 .letters{ text-shadow:#fff 1px 1px 0px;}

Ahora bien la forma en que podemos hacer más vistosas nuestra fuentes es teniendo en cuenta lo siguiente:

  1. Nuestra fuente debe tener un color más oscuro que el fondo donde se mostrará, esto quiere decir que el efecto no aplica si poseemos una fuente por ejemplo blanca (#FFFFFF) sobre un fondo negro (#000000).
  2. El color de fondo no puede ser blanco, ya que el efecto no se apreciará.
  3. Y obviamente el color de la sombra: text-shadow: color , es recomendable que sea blanco, eso si queremos que se note bien marcado o el color más cercano al blanco partiendo como base el color del fondo.

El resultado pueden observarlo en el mismo título de la entrada.

]]> http://franklevel.com/2009/11/25/fuentes-bien-marcadas-en-css/feed/ 0 Elements un Framework CSS ligero http://franklevel.com/2009/11/22/elements-un-framework-css-ligero/ http://franklevel.com/2009/11/22/elements-un-framework-css-ligero/#comments Sun, 22 Nov 2009 14:44:48 +0000 franklevel http://franklevel.com/?p=9 Leo  en kabytes.com sobre lo que a su juicio son los 12 mejores frameworks css, pero me llama la atención en particular uno llamado Elements, que de cerca se ve muy bien. Incluye en sus capacidades la de usar el plugin Lightbox y la gestión de imágenes PNG en crudo.

Web: Elements

]]> http://franklevel.com/2009/11/22/elements-un-framework-css-ligero/feed/ 0