Maestros del Web

Hoy junto a muchos otros sitios hemos decidido que nuestro sitio se quede en pelotas, es decir, sin estilos en nuestro diseño. No es que nos haya picado un mosquito raro, sino que hoy es el CSS Naked Day. El CSS Naked Day es una iniciativa de Dustin Diaz que busca promover la importancia de [...]

Usualmente mi Firefox no puede prescindir de tres extensiones: Firebug (indispensable para un webdeveloper), Greasemonkey y Stylish. Estas ultimas dos son extensiones hermanas en cuanto a funcionalidad, Greasemonkey te permite ejecutar Javascript en cualquier sitio web, mientras que Stylish hace lo mismo solo que con hojas de estilos. Cuando uno diseña un sitio web es [...]

Como muchos sabran, las hojas de estilo o CSS del inglés Cascading Style Sheets se utilizan para agregar estilo a las páginas o sitios web, y que de una u otra forma hasta vinieron a automatizar el proceso de rediseñar un sitio completo cambiando unos valores y sin tocar el contenido.

Esta mañana leí el artículo de 3+1 formas de comprimir nuestro CSS desde PHP en Anieto2k, pero no entendí ¿Por qué alguien quisiera optimizar su(s) hoja(s) de estilos con algo tan «pesado» como PHP? A menos que se tenga un CSS generado con PHP, esta tarea se puede hacer sin cargar PHP por cada petición [...]

La galería de fotos, proyectos o portafolio en tu blog es un factor importante y para contestar la pregunta de cuál sería la forma de hacer un portafolio cuando nos falta tiempo, te presento varias opciones de Themes diseñados para facilitar ese trabajo. ¿Tienes tu portafolio en la web? Esta fue una de las preguntas que hice [...]

En inglés le llaman Cheat Sheets, pero en español son conocidas como chuletas o chivos, y habiendo tantas repartidas en diferentes sitios web, me tomé la tarea de compilarlas en un solo listado.

Generalmente nos resulta más cómodo leer el contenido de una web en un papel impreso que en la pantalla de nuestro ordenador; es por eso que en este artículo abordamos los aspectos fundamentales a tener en cuenta en el momento de implementar en nuestro sitio las páginas para impresión.

Debido a la diversidad de navegadores y las diferencias entre versiones es muy útil hacer uso de algunos hacks si queremos que la apariencia de nuestras páginas en Internet Explorer, sea igual que en el resto de los navegadores que soportan los estándares.

YAML es un framework de desarrollo para CSS, el objetivo de utilizar esta herramienta es ayudar a los diseñadores a realizar hojas de estilo de una manera más ágil y estándar para los múltiples navegadores. YAML combina una serie de características bastantes interesantes que sin duda nos harán más sencillo el trabajo a [...]

Las posibilidades que permitirá la nueva versión de CSS tiene el potencial de cautivar a más de un desarrollador. En el siguiente artículo veremos una lista de estas nuevas propiedades, ejemplos de su funcionamiento y algunas ideas prácticas de como utilizarlas en nuestros proyectos, cuando vea la luz.

Después de varios años trabajando con la especificación de CSS 2, la Web se prepara para un cambio en el modo de trabajar con hojas de estilo. Esta nueva versión viene cargada con grandes novedades y más social que nunca.

En la actualidad se ha vuelto muy famoso el concepto de separación de estructura y diseño (HTML de CSS). Hasta que punto debe ser llevado este modo de estructurar un sitio y que ventajas ofrece son solo algunas de las preguntas que trataremos de resolver en este artículo.

El método que estamos a punto de aprender da un vuelco radical a la forma en que actualmente vemos el diseño de sitios Joomla!. Es posible que otro tipo de plataforma dinámica no requiera de tanta sofisticación en la gestión de estilos. En Joomla! se hace necesario una vía capaz de abreviar los pasos a [...]

XHTML, CSS y JavaScript son las tecnologías envueltas en el nivel de presentación de cara al usuario final, tres aspectos fundamentales independientes de las tecnologías detrás que apoyaron la presentación del contenido en el navegador.

La cantidad de usuarios que utilizan los dispositivos móviles para navegar por internet se incrementa cada día. Por ello, el diseño de nuestro sitio debe contemplar este tipo de plataformas para hacer un sitio accesible y usable para dichos dispositivos.

Una adecuada versión imprimible para nuestros sitios web o blogs, debe brindan la opción de imprimir los contenidos con la menor cantidad de colores e imágenes posibles, ofreciendo una página sin los elementos de navegación.

Gracias a las hojas de estilo podemos llegar a hacer auténticas obras de arte con nuestras páginas separando totalmente el estilo del contenido.

El mercado anglosajón tiene a varias empresas especializadas en convertir diseños gráficos hacia páginas web. Una interesante forma de mercadeo para que veamos opciones similares en nuestro idioma.

El propósito de este artículo es mostrar cómo estructurar de una forma sencilla y ordenada nuestras Hojas de Estilo (CSS).

Para todos los que diseñamos para la web existe un momento clave. Es el momento en que decidimos abandonar las tablas como estrategia de posicionamiento de los elementos de la página y buscar los mismos resultados mediante Hojas de Estilo en Cascada.

Así que ya tienes tu primera web, ¿no? Eso está muy bien. Pero veo que no estás usando una hoja de estilo (CSS) en tu diseño. ¿Por qué? ¿Acaso no conoces sus ventajas? Bueno, pues yo intentaré mostrarte algunas.

CSS está comenzando, empresas grandes están cambiando sus sitios a desplegados basados en CSS y la blogosfera de desarrollistas web alcanza más y más personas.

Las listas en CSS constituyen uno de los elementos más importantes para el desarrollo de una página web que respete los estándares.

Este es un artículo que te servirá de guía para crear formularios totalmente accesibles usando XHTML y hojas de estilo en cascada (css) para darle formato.

Utilizando solamente XHTML y CSS diseñaremos un sistema de navegación atractivo y usable con la apariencia de pestañas.