CSS

Guía para optimización Web

La optimización de un sitio Web es una tarea muy importante; tratar de gastar los menos recursos posibles siempre es una prioridad para así evitar desperdiciar ciclos de procesador o memoria RAM, lo que reflejará un tiempo de carga mucho menor en el sitio. Existen varias técnicas para lograr esta tarea, que dicho sea de paso, puede tomar mucho tiempo

NewAdvertise, una galería para promocionar el trabajo de diseñadores

NewAdvertise es un sitio que tiene el aspecto de una galería CSS, de esas de las cuales hay infinidad en Internet; sin embargo, el propósito específico de este sitio es el de promocionar y dar a conocer el trabajo de algunos artistas gráficos, exponiendo sus creaciones y compartiéndolas con los visitantes. Los trabajos se exponen bajo diferentes categorías como 3D,

14 editores CSS para desarrolladores y diseñadores Web

Hay personas que prefieren editar las hojas de estilo como si fuera texto plano, usando programas como el bloc de notas, y también hay personas que gustan de usar programas especialmente diseñados para manejar código. puede ser dentro de otra aplicación más grande (IDE) o incluso como una aplicación independiente; en The Design Mag hicieron una lista con 14 editores

Todo lo que necesitas saber sobre imágenes de fondo y CSS

Las imágenes de fondo mediante el uso de CSS son bastante prácticas, ya que las reglas son bastante flexibles y permiten hacer bastantes cosas interesantes; incluso con la versión 2.1 de las hojas de estilo es posible crear efectos muy logrados, sólo hay que conocer lo básico sobre las imágenes de fondo y su aplicación dentro de las hojas de

HTML5, CSS3 y el futuro del desarrollo Web

Afortunadamente todas las cosas evolucionan, así sucede en el mundo del desarrollo Web también. Mucho se está hablando sobre la implementación de HTML5 y CSS3 en los navegadores más modernos, lo que permitirá un mejor desarrollo de aplicaciones/sitios web, haciendo uso de nuevos conceptos y recursos que harán la vida del desarrollador más fácil, a la vez de que nos

16 fuentes que podrás utilizar con hojas de estilo CSS

En WebDesignDev, hemos encontrado fuentes que podrán ser utilizadas de «manera segura» con hojas de estilo CSS. Y decimos de «manera segura«, porque podrán utilizarse con la mayoría de las versiones de Windows Mac, Linux. Es decir, que «casi todos» lo podrán ver, no importando el sistema operativo o el navegador de Internet que se utilice. Cada una de las

100 documentos que ayudarán a los diseñadores web a ahorrar tiempo, dinero y esfuerzo

Nicole White ha hecho una recoplicación de documentos conocidos por los diseñadores web como cheat sheets, que ella considera, son extremadamente útiles. Afirma que se pueden utilizar como referencia, aprendizaje rápido y mucho más. Pero sobre todo, ayudarán a muchos diseñadores a ahorrar tiempo, dinero, esfuerzo y errores. En la lista que ha publicado se pueden encontrar cheat sheets que

Recopilación de recursos CSS

Hemos encontrado una larga, larguísima recopilación de páginas web con todo tipo de recursos CSS, que nos ayudarán a llevar a buen término nuestras tareas de desarrollo web. En dicha recopilación podremos encontrar Foros de discusión CSS, recursos varios, tutoriales, blogs, códigos, galerías, diseños, etc. En fin, todo aquello que te puedas imaginar y más. Es la mejor recopilación que

Colección de Tutoriales para convertir de PSD a HTML/CSS

Suele suceder que, cuando damos rienda suelta a nuestra creatividad, llega un momento en que, ya que tenemos listo el PSD para implementarlo en nuestra página web, pero nos enfrentamos al «pequeño» problema de que no sabemos cual será la mejor manera de codificarlo en HTML o CSS. Para evitar quebraderos de cabeza, nos hemos dado a la tarea de

Styleneat, da formato a tus hojas de estilo en cascada (CSS)

Cuando tenemos una hoja de estilos en cascada muy larga, es común ver desorden en cuanto al formato del archivo; si tenemos muchos selectores y/o propiedades es difícil encontrar uniformidad cuando escribimos el código. Precisamente para evitar eso existe la aplicación llamada Styleneat, que toma nuestro archivo CSS y lo ordena para que sea más fácil entenderlo. Tan sólo hay

Bordes redondeados con CSS

Si queréis redondear bordes de elementos en vuestros diseños, no siempre hay que utilizar imágenes. En CSS existe una propiedad de los elementos que redondea los bordes de las cajas. Lo malo de esta propiedad es que solo sirve para navegadores como Firefox y Safari (o basados en WebKit). [css] .curved { -moz-border-radius: 10px; /* Firefox y similares */ -webkit-border-radius:

Transparencias con CSS

Si queréis aplicar transparencia a los elementos en CSS podéis hacerlo fácilemente sin tener que recurrir a dos imágenes. [css] elemento { filter: alpha(opacity=50); /* Internet Explorer 7 */ -khtml-opacity: 0.5; /* khtml, version anterior de safari */ -moz-opacity: 0.5; /* Firefox, Mozilla, Netscape */ opacity: 0.5; /* Safari, Chrome, Opera */ -ms-filter: «progid:DXImageTransform.Microsoft.Alpha(Opacity=50)»; /* Internet Explorer 8 */ }

Scroll al inicio