Screencasts de video 2025, Enero

# 48: Desollado de phpBB - Trucos CSS

# 48: Desollado de phpBB - Trucos CSS

Crear un tema completamente personalizado para el popular software de foros phpBB sería un trabajo monstruoso. Afortunadamente, para ponernos en marcha rápidamente, podemos simplemente "

# 47: Taquigrafía CSS - Trucos CSS

# 47: Taquigrafía CSS - Trucos CSS

Hay un puñado de atributos CSS que se pueden combinar en un solo atributo para codificar brevemente. Apoyo el uso de la abreviatura CSS siempre que "

# 190: Propiedades personalizadas de CSS penetran en Shadow DOM - Trucos CSS

# 190: Propiedades personalizadas de CSS penetran en Shadow DOM - Trucos CSS

Uno de los puntos principales de Shadow DOM es que proporciona encapsulación. Sin estilos afuera, sin estilos adentro. Pero hay formas "a través de" Shadow DOM, y "

# 46: Dominios, DNS, Hosting y Google Apps - Trucos CSS

# 46: Dominios, DNS, Hosting y Google Apps - Trucos CSS

Lidiar con los dominios y el alojamiento y todo lo relacionado con la configuración del servidor no suele ser lo más cómodo para los diseñadores web. En este screencast camino "

# 45: Uso de FoxyCart para comercio electrónico - Trucos CSS

# 45: Uso de FoxyCart para comercio electrónico - Trucos CSS

FoxyCart es mi nuevo sistema de comercio electrónico favorito. Es muy fácil empezar. Tiene control total del diseño sobre todos los aspectos (carrito, "

# 42: Todo sobre flotadores Screencast - Trucos CSS

# 42: Todo sobre flotadores Screencast - Trucos CSS

Incluso más que el índice z (que cubrimos hace unas semanas), se sabe que la propiedad de flotación causa episodios de tirones de cabello y golpes del monitor. Parece"

# 41: WordPress como CMS - Trucos CSS

# 41: WordPress como CMS - Trucos CSS

Una vez hicimos una encuesta preguntando a la gente cuál era su CMS favorito. WordPress fue un gran ganador, pero también recibió muchos comentarios de "¡WordPress no es un CMS!" ".

# 43: Cómo usar CSS Sprites - Trucos CSS

# 43: Cómo usar CSS Sprites - Trucos CSS

Los Sprites de CSS han sido un tema candente durante mucho tiempo. El hecho es que cada imagen en una página web es una solicitud de servidor separada y puede dramáticamente "

# 40: Cómo funciona el índice z - Trucos CSS

# 40: Cómo funciona el índice z - Trucos CSS

El índice Z puede resultar un poco confuso a veces. En este screencast intento explicar cómo funciona, cómo está relacionado con el posicionamiento, algunas peculiaridades y algunas "

# 44: Mezcla de trucos de WordPress - Trucos CSS

# 44: Mezcla de trucos de WordPress - Trucos CSS

Es la Semana de WordPress aquí en CSS-Tricks, así que quería hacer un screencast con el tema de WordPress y cubrir muchos mini-consejos que no han llegado a los anteriores "

# 3: Conversión de una maqueta de Photoshop (parte 3 de 3) - Trucos CSS

# 3: Conversión de una maqueta de Photoshop (parte 3 de 3) - Trucos CSS

Termino el diseño en la tercera parte de esta serie sobre cómo convertir una maqueta de un sitio web de Adobe Photoshop en un sitio web HTML / CSS real. Este se centra en "

# 39: Cómo utilizar sIFR 3 - Trucos CSS

# 39: Cómo utilizar sIFR 3 - Trucos CSS

SIFR (Scalable Inman Flash Replacement) es una tecnología que le permite utilizar cualquier fuente que desee en sus páginas web. En pocas palabras, utiliza JavaScript "

# 38: Conceptos básicos y consejos sobre diseño para iPhone - Trucos CSS

# 38: Conceptos básicos y consejos sobre diseño para iPhone - Trucos CSS

Diseñar una página web optimizada para el iPhone no es ciencia espacial. Es el mismo HTML, CSS y JavaScript que ya conoce. La diferencia"

# 30: Creación y envío de correo electrónico HTML - Trucos CSS

# 30: Creación y envío de correo electrónico HTML - Trucos CSS

Diseñar correo electrónico HTML está muy lejos del diseño web normal. Claro, ambos somos elementos HTML, pero toda la filosofía es diferente. En este mundo, tienes que "

# 36: Resaltado de navegación actual: Uso de PHP para establecer la identificación del cuerpo - Trucos CSS

# 36: Resaltado de navegación actual: Uso de PHP para establecer la identificación del cuerpo - Trucos CSS

Una de las formas más eficientes de manejar el resaltado de navegación actual es dar a cada uno de sus elementos de navegación un nombre de clase único. Luego dale a cada página "

# 37: Aplicaciones de barra de menú, fluidos y estado - Trucos CSS

# 37: Aplicaciones de barra de menú, fluidos y estado - Trucos CSS

Advertencia justa: este screencast es bastante específico para Mac y hablo de todo tipo de cosas aleatorias no relacionadas con el diseño web. Les presento la nueva aplicación web "

# 35: Introducción a jQuery 2 - Trucos CSS

# 35: Introducción a jQuery 2 - Trucos CSS

Comenzando donde lo dejamos la última vez, continuamos explorando las posibilidades de jQuery. Revisamos algunas de las funciones antiguas y las hacemos funcionar "

# 33: Cambio de imagen de la página del producto de comercio electrónico - Trucos CSS

# 33: Cambio de imagen de la página del producto de comercio electrónico - Trucos CSS

Me suscribo a la teoría de que los rediseños de las páginas web deben ser evolutivos, no revolucionarios. Hacer pequeños cambios, ajustes y actualizaciones a lo largo del tiempo conduce a "

# 32: Uso de la unidad PNG Fix - Trucos CSS

# 32: Uso de la unidad PNG Fix - Trucos CSS

Diseñar utilizando PNG transparentes alfa hace la vida mucho más fácil y permite diseños más geniales. Como todos sabemos dolorosamente, IE 6 y menores no son compatibles "

# 34: Integración y personalización de Google Maps - Trucos CSS

# 34: Integración y personalización de Google Maps - Trucos CSS

Los mapas de Google, con todas las funciones de arrastre, zoom y vista de satélite y todo, es mi servicio de mapas preferido. Google ofrece una API gratuita para sus mapas, por lo que "

# 31: Introducción a Google Analytics - Trucos CSS

# 31: Introducción a Google Analytics - Trucos CSS

Google Analytics es un servicio gratuito para rastrear todo tipo de información sobre los visitantes de su sitio web. Recientemente tuve una experiencia extraña con "

# 29: Búsqueda de Google para su sitio - Trucos CSS

# 29: Búsqueda de Google para su sitio - Trucos CSS

Integrar la búsqueda en un sitio web puede ser un tema increíblemente complejo que va más allá de mis habilidades de desarrollo web. Afortunadamente, Google ofrece un servicio llamado "

# 2: Conversión de una maqueta de Photoshop (parte 2 de 3) - Trucos CSS

# 2: Conversión de una maqueta de Photoshop (parte 2 de 3) - Trucos CSS

En la segunda parte de esta serie sobre la conversión de una maqueta de Photoshop en un sitio web HTML / CSS, continúo con la sección de encabezado / menú del sitio. Yo cambio el "

# 28: Uso de Wufoo para formularios web - Trucos CSS

# 28: Uso de Wufoo para formularios web - Trucos CSS

Cada vez que alguien me pregunta sobre formularios, siempre menciono a Wufoo. En el trabajo y en casa, casi todos los formularios que creo solo utilizo Wufoo. Hace forma "

201: Haciendo abucheos - Trucos CSS

201: Haciendo abucheos - Trucos CSS

Joshua Comeau acuñó el término "boop" (choca esos cinco, Adam Kuhn). Estos son estados similares a los de hover / focus, excepto que no lo son. Tus cositas - "

# 26: Diseño para Wordpress: Segunda parte - Trucos CSS

# 26: Diseño para Wordpress: Segunda parte - Trucos CSS

Tenemos WordPress instalado, ahora ensuciemos nuestras manos y comencemos a hacer que WordPress haga lo que queremos que haga. Empezamos hurgando en el "

# 27: Diseño para Wordpress: Tercera parte - Trucos CSS

# 27: Diseño para Wordpress: Tercera parte - Trucos CSS

En la tercera parte de esta serie, terminamos la estructura del sitio y comenzamos a profundizar en los detalles. La tipografía está configurada, la barra lateral derecha está configurada "

# 202: Marcadores de lista centrados - Trucos CSS

# 202: Marcadores de lista centrados - Trucos CSS

Como tantas cosas de CSS, hay todo tipo de cosas pequeñas que saber, incluso algo tan minúsculo como centrar un marcador de lista. Un lector escribió con un "

# 25: Diseño para Wordpress: Primera parte - Trucos CSS

# 25: Diseño para Wordpress: Primera parte - Trucos CSS

WordPress es un CMS muy popular para blogs. La sección del blog de CSS-Tricks se ejecuta en WordPress y estoy muy contento con ella. Por solicitud popular, estamos "

# 200: Desplácese hasta Zoom - Trucos CSS

# 200: Desplácese hasta Zoom - Trucos CSS

Advertencia justa: ¡no vas a necesitar esto todos los días! Estaba mirando una pequeña herramienta de deformación de SVG que tenía una función en la que mi mouse "