Screencasts de video 2025, Enero

# 177: Desarrollo de WordPress local para flujo de trabajo de producción - Trucos CSS

# 177: Desarrollo de WordPress local para flujo de trabajo de producción - Trucos CSS

Estos son los conceptos básicos de cómo trabajo localmente con un sitio de WordPress y luego lo llevo a producción. Flywheel es patrocinador de CSS-Tricks y me alegro de que "

# 17: Botón de puertas corredizas - Trucos CSS

# 17: Botón de puertas corredizas - Trucos CSS

Si bien las puertas corredizas están lejos de ser un concepto nuevo y quedarán obsoletas una vez que veamos un soporte más amplio para múltiples fondos (CSS3), sigue siendo bueno para

# 174: Uso de anulaciones locales en DevTools - Trucos CSS

# 174: Uso de anulaciones locales en DevTools - Trucos CSS

Hay una función de Chrome DevTools que le permite: Ver el código de cualquier recurso dado que está usando la página web actual (como CSS y JavaScript). "Lindo"

# 175: 7 cosas que debe saber sobre Webflow - Trucos CSS

# 175: 7 cosas que debe saber sobre Webflow - Trucos CSS

(Este es un video patrocinado en el que trabajé entre nosotros en CSS-Tricks y Webflow. Creo que Webflow es un producto fascinante para crear sitios web, es decir, en mi "

173: Ooooops, creo que ahora somos desarrolladores full-stack. - Trucos CSS

173: Ooooops, creo que ahora somos desarrolladores full-stack. - Trucos CSS

Y por "somos", me refiero a nosotros, desarrolladores front-end;) Aquí está el sitio web que acompaña a esta charla. Esta es una charla que armé donde postulo que, cambio "

# 163: Primeros pasos con Serverless - Trucos CSS

# 163: Primeros pasos con Serverless - Trucos CSS

David Wells, de Netlify, y yo damos algunos pequeños pasos para crear cosas con Serverless. Aquí analizaremos principalmente las funciones de la nube y cómo usar "

# 172: SVG manual de una línea curva - Trucos CSS

# 172: SVG manual de una línea curva - Trucos CSS

Encuentro que el 98% de todo mi uso de SVG proviene de archivos SVG prediseñados o arte vectorial en algún software de diseño que finalmente exporto como SVG. No super "

# 170: Vea a un aficionado desarrollar un proyecto de módulos React + Babel + Webpack + CSS - Trucos CSS

# 170: Vea a un aficionado desarrollar un proyecto de módulos React + Babel + Webpack + CSS - Trucos CSS

¡Advertencia justa! Esta no es una explicación rápida, sencilla y dirigida por expertos sobre cómo configurar estas tecnologías. Aunque, al final, lo hacemos "

# 171: Fila de cartas apiladas móviles en CSS - Trucos CSS

# 171: Fila de cartas apiladas móviles en CSS - Trucos CSS

La misma idea básica que las tarjetas en la página de inicio de v17 de este sitio. Vea las tarjetas con movimiento de pluma de Chris Coyier (@chriscoyier) en "

# 165: Construyendo su backend con funciones sin servidor - Trucos CSS

# 165: Construyendo su backend con funciones sin servidor - Trucos CSS

David Wells y Chris Coyier hablan sobre cómo se puede crear una aplicación alojada en Netlify de forma estática, pero aún así tener una base de datos backend para alimentarla. Usamos el "

# 16: Creación de la maqueta de Photoshop - Trucos CSS

# 16: Creación de la maqueta de Photoshop - Trucos CSS

Este episodio es anterior a los episodios 12, 13 y 14. Volvemos a un documento de Photoshop en blanco y lo volvemos a crear. No hay HTML / CSS en este episodio "

# 166: Aprenda a integrar las pruebas visuales con Percy - Trucos CSS

# 166: Aprenda a integrar las pruebas visuales con Percy - Trucos CSS

¿Sabía que puede configurar un sistema de revisión para que cada solicitud de extracción que realice le muestre exactamente lo que ha cambiado visualmente en su sitio? Ese es"

# 162: ¿Qué diablos es sin servidor? - Trucos CSS

# 162: ¿Qué diablos es sin servidor? - Trucos CSS

David Wells, de Netlify, y yo intentamos responder esta pregunta de una manera comprensible. ¿Todavía hay servidores involucrados? Por supuesto, pero tú "

# 164: Tutorial básico de WooCommerce - Trucos CSS

# 164: Tutorial básico de WooCommerce - Trucos CSS

WooCommerce es un complemento de comercio electrónico potente y flexible para WordPress. ¿Quieres vender suscripciones o membresías? ¿WooCommerce puede hacer eso? Digital"

# 168: CSS-en-JS - Trucos CSS

# 168: CSS-en-JS - Trucos CSS

Me acompaña Dustin Schau en este video y me llevará en un recorrido por el mundo de lo que se conoce como CSS-in-JS. Es decir, haciendo tu "

# 167: Vídeos patrocinados para Jetpack y WooCommerce - Trucos CSS

# 167: Vídeos patrocinados para Jetpack y WooCommerce - Trucos CSS

Esta es una recopilación de cuatro videos que hice durante los últimos meses para un patrocinio con Automattic. Se trata principalmente de Jetpack, un complemento de WordPress I "

# 161: Jetpack - Trucos CSS

# 161: Jetpack - Trucos CSS

Jetpack patrocinó este video, que explica lo que Jetpack es y puede hacer por su sitio. ¡Pero estas son mis palabras! Soy un gran fan de Jetpack y utilizo Jetpack "

# 160: El desarrollador front-end todopoderoso - Trucos CSS

# 160: El desarrollador front-end todopoderoso - Trucos CSS

Internet es, sin metáforas, solo un montón de servidores conectados con cables. Sin servidores, no tendríamos forma de compartir nuestras creaciones con "

# 157: Historia de cuatro propiedades - Trucos CSS

# 157: Historia de cuatro propiedades - Trucos CSS

Esta es una charla que di en un par de conferencias recientemente. Se trata de cuatro propiedades diferentes en CSS: shape-outside offset-path clip-path d Aquí está "

# 159: Aprendiendo Vue - Trucos CSS

# 159: Aprendiendo Vue - Trucos CSS

¡Sarah Drasner y yo profundizamos en Vue! Vue es un marco de JavaScript muy popular que está absolutamente explotando. Sarah está en el equipo principal y es la que más "

# 15: Introducción a Firebug - Trucos CSS

# 15: Introducción a Firebug - Trucos CSS

Firebug es una extensión de Firefox esencial para diseñadores y desarrolladores web. Puede orientar rápidamente cualquier elemento de una página para ver el marcado, el "

# 153: Empezando con CSS Grid - Trucos CSS

# 153: Empezando con CSS Grid - Trucos CSS

Parece que CSS Grid ha estado apareciendo desde hace mucho tiempo, pero ahora parece estar llegando a un punto en el que la gente habla cada vez más sobre ello ".

# 154: Un sitio de WordPress para niños con póster - Trucos CSS

# 154: Un sitio de WordPress para niños con póster - Trucos CSS

CSS-Tricks en sí es un sitio de WordPress, y uno en el que WordPress encaja perfectamente. Entre cosas como el sistema de inicio de sesión y permisos, blogs, "

155: Imágenes receptivas, WordPress y Cloudinary - Trucos CSS

155: Imágenes receptivas, WordPress y Cloudinary - Trucos CSS

Eric Portis se une a mí para profundizar en el mundo de las imágenes receptivas. Empezamos por lo básico. Las imágenes receptivas son específicamente imágenes en HTML y existen "

# 158: Menú del botón Expando - Trucos CSS

# 158: Menú del botón Expando - Trucos CSS

Vi una toma de Dribbble el otro día de Eli Brumley que tuvo un efecto interactivo genial. Un simple botón circular azul, cuando se hace clic, se expande en un pequeño "

# 150: Hola diseñadores, si solo saben una cosa sobre JavaScript, esto es lo que les recomendaría - Trucos CSS

# 150: Hola diseñadores, si solo saben una cosa sobre JavaScript, esto es lo que les recomendaría - Trucos CSS

A veces, para comenzar un viaje hacia el aprendizaje de algo enorme y complejo, es necesario aprender algo pequeño y simple. JavaScript es enorme y complejo, pero "

# 151: Los primeros minutos con texto sublime - Trucos CSS

# 151: Los primeros minutos con texto sublime - Trucos CSS

Sublime Text es un editor de código bastante popular. A pesar de su popularidad y todas las cosas buenas que he oído sobre él, todavía me apoyo mucho en otros "

# 152: Carga de fuentes con Zach Leatherman - Trucos CSS

# 152: Carga de fuentes con Zach Leatherman - Trucos CSS

¡Es hora de otro screencast de emparejamiento! Esta vez tengo a Zach Leatherman, de Filament Group. Zach ha investigado mucho, ha escrito y ha hablado "

# 14: Conversión de una maqueta de Photoshop: Parte dos, episodio tres - Trucos CSS

# 14: Conversión de una maqueta de Photoshop: Parte dos, episodio tres - Trucos CSS

Terminamos la conversión de la maqueta aquí en el episodio tres. Creamos el "área de artículo" y la "barra lateral" (¡denominación de clase semántica!), Y luego borramos el "

# 149: Introducción rápida al nodo de laboratorio de patrones con Brian Muenzenmeyer - Trucos CSS

# 149: Introducción rápida al nodo de laboratorio de patrones con Brian Muenzenmeyer - Trucos CSS

En este screencast me emparejo con Brian Muenzenmeyer que, entre otras cosas, trabaja en Pattern Lab. Específicamente, la versión Node de Pattern Lab, junto con "