Screencasts de video 2025, Enero

# 24: Esquinas redondeadas - Trucos CSS

# 24: Esquinas redondeadas - Trucos CSS

Aquí hay CINCO técnicas diferentes que puede utilizar para crear esquinas redondeadas para cuadros en un sitio web. Siempre hay diferentes formas de hacer las cosas con CSS y "

# 23: Hojas de estilo condicionales - Trucos CSS

# 23: Hojas de estilo condicionales - Trucos CSS

Internet Explorer proporciona una forma de orientar la información de estilo CSS específicamente para sus diferentes versiones. Estas "hojas de estilo condicionales" son las mejores "

# 22: Cortar trazados de recorte - Trucos CSS

# 22: Cortar trazados de recorte - Trucos CSS

Volvemos a Photoshop esta semana porque quería hablar un poco sobre una habilidad muy específica que creo que es importante para todos los diseñadores. Eso es"

# 20: Introducción a jQuery - Trucos CSS

# 20: Introducción a jQuery - Trucos CSS

La popular biblioteca de JavaScript jQuery es una forma asombrosa de ampliar las posibilidades de diseño de su sitio más allá de lo que puede hacer CSS. Pero afortunadamente, si es "

# 21: Tutorial del formulario de contacto - Trucos CSS

# 21: Tutorial del formulario de contacto - Trucos CSS

De alguna manera, el formulario de contacto es el "¡Hola, mundo!" aplicación de diseñadores web y desarrolladores web. No es nada que no se haya hecho antes de un "

199: Jugando con JSX - Trucos CSS

199: Jugando con JSX - Trucos CSS

Probablemente debería haber aprendido esto hace mucho tiempo, pero por desgracia, aquí estamos. Resulta que puedes decir qué función quieres que use JSX. Sí, JSX realmente solo tiene "

# 194: Integración social de Jetpack - Trucos CSS

# 194: Integración social de Jetpack - Trucos CSS

Jetpack puede ayudar a automatizar las redes sociales de su sitio. Es una función bastante pequeña en comparación con todas las cosas importantes que puede hacer Jetpack, como mejorar la calidad de su sitio "

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

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

En este primer podcast de video, comienzo el proceso de conversión de una maqueta de Adobe Photoshop de un sitio web, en un sitio web real basado en CSS. Este es"

# 180: Jugando con el video en el móvil - Trucos CSS

# 180: Jugando con el video en el móvil - Trucos CSS

Advertencia justa: no soy un experto en este tema, solo estoy jugando con videos en la web y soluciono algunos problemas que tengo al mostrar clips de video en "

# 196: Aprendiendo Grid & Flexbox con Kyle Simpson - Trucos CSS

# 196: Aprendiendo Grid & Flexbox con Kyle Simpson - Trucos CSS

Kyle es un tipo de JavaScript. Sabe mucho sobre la web y mucho sobre CSS también, pero no está tan actualizado en las herramientas modernas de diseño de CSS como flexbox y "

# 197: Una mirada a Stackbit y Stackbit Studio - Trucos CSS

# 197: Una mirada a Stackbit y Stackbit Studio - Trucos CSS

La aplicación Stackbit te ayuda a lanzar un nuevo sitio Jamstack muy rápidamente. Elija un tema, un generador de sitio estático y un CMS y obtendrá un repositorio "

# 198: Acerca de la propiedad de posición - Trucos CSS

# 198: Acerca de la propiedad de posición - Trucos CSS

Static: el relativo predeterminado: le permite moverse con la parte superior / derecha / inferior / izquierda, haciendo que el índice z funcione, le da un contexto de posicionamiento absoluto: "

# 19: Diseño de una página única para actualizaciones de Twitter - Trucos CSS

# 19: Diseño de una página única para actualizaciones de Twitter - Trucos CSS

Esta semana les guiaré a través de la creación de una página web sencilla para mostrar sus 'Tweets' recientes de Twitter de principio a fin. Esto cubre el diseño en "

# 178: Percy detecta cambios visuales en cualquier flujo de trabajo - Trucos CSS

# 178: Percy detecta cambios visuales en cualquier flujo de trabajo - Trucos CSS

Quería asegurarme de que entendieras exactamente lo que Percy puede hacer por ti, de ahí el título. Cuando realiza un cambio en el repositorio de Git de su sitio web, como en un "

# 195: Cómo dibujar una línea con CSS - Trucos CSS

# 195: Cómo dibujar una línea con CSS - Trucos CSS

Estúpido simple, ¿verdad? ¡Es! Pero es divertido pensar durante unos minutos y contar un montón de formas diferentes en las que podríamos hacerlo. ¿Y qué quiero decir con "

# 193: Scully: el SSG para Angular - Trucos CSS

# 193: Scully: el SSG para Angular - Trucos CSS

Tara Z. Manicsic se unió a mí para este video, configurando los conceptos básicos de Scully, que es un generador de sitios estáticos para Angular, no, el SSG para "

# 192: Trucos de Git para salir del apuro - Trucos CSS

# 192: Trucos de Git para salir del apuro - Trucos CSS

Tan sorprendente como es Git para manejar su código fuente, usted mismo puede meterse en problemas. ¿Qué sucede si realiza un cambio en un archivo y desea "

169: Cómo pensar como un desarrollador front-end - Trucos CSS

169: Cómo pensar como un desarrollador front-end - Trucos CSS

Este es un video de mi charla en WordCamp US. Echemos un vistazo a lo que se ha convertido el desarrollo front-end en estos días. Partiendo de cuál es el rol, dónde "

# 188: Explorando el patrón de encabezado superpuesto - Trucos CSS

# 188: Explorando el patrón de encabezado superpuesto - Trucos CSS

Snook publicó un artículo titulado "Encabezado superpuesto con cuadrícula CSS" en el que analiza un patrón de diseño de encabezado que creo que trasciende las tendencias y que ha sido "

# 189: Noción para uso personal y público - Trucos CSS

# 189: Noción para uso personal y público - Trucos CSS

Este es el último video de nuestra pequeña serie sobre el uso de Notion. Hemos cubierto cómo Notion es excelente para trabajar en equipos de desarrollo web. Pero otra cosa "

# 187: Noción de reuniones de equipo y documentación - Trucos CSS

# 187: Noción de reuniones de equipo y documentación - Trucos CSS

Este es el segundo video de una serie de 3 videos sobre el uso de Notion. En la Parte 1, cubrimos mucho terreno sobre qué es Notion y cómo es ideal para cualquier equipo y para la web "

# 184: Listas internas y alineadas - Trucos CSS

# 184: Listas internas y alineadas - Trucos CSS

El hecho de que las listas muestren sus marcadores fuera de su propia caja (por defecto) es un poco extraño. Cualquier desbordamiento oculto o que sobresalga del borde del "

# 18: Introducción a la plantilla del sitio web de la banda - Trucos CSS

# 18: Introducción a la plantilla del sitio web de la banda - Trucos CSS

Recientemente lancé un proyecto paralelo llamado Band Website Template. Este es solo un recorrido rápido, explicando por qué se construyó y por qué lo creo "

# 185: Jugando con máscaras CSS - Trucos CSS

# 185: Jugando con máscaras CSS - Trucos CSS

El enmascaramiento en CSS es una forma de ocultar partes del elemento y mostrar otras. Otro es clip-path, pero no nos centremos en eso hoy. "Las máscaras son imágenes; clips"

# 183: Dirección de arte de imágenes, elemento de imagen y CDN de imagen - Trucos CSS

# 183: Dirección de arte de imágenes, elemento de imagen y CDN de imagen - Trucos CSS

¡Es un fenómeno de buena fe! Me refiero a la idea de los servicios de alojamiento de imágenes que le permiten manipular la URL de la imagen para transformar "

# 186: Noción para equipos de desarrollo web - Trucos CSS

# 186: Noción para equipos de desarrollo web - Trucos CSS

Soy un gran admirador de Notion, especialmente para mantener a los equipos sincronizados. Trabajo en equipos de desarrolladores y encuentro que funciona particularmente bien para eso. Si tuviera"

# 182: El primer Vue SFC del bebé - Trucos CSS

# 182: El primer Vue SFC del bebé - Trucos CSS

SFC como en "Componente de archivo único", que es algo que ofrece Vue y que la gente de Vue parece amar. He escrito muy poco sobre Vue en mis días, ¡pero soy fan! "

# 181: hurgando en listas HTML - Trucos CSS

# 181: hurgando en listas HTML - Trucos CSS

Tuve un pequeño problema el otro día en el que una lista anidada no tenía el espacio correcto. Solo agregué margen inferior en los elementos de la lista y "

# 179: Una cuadrícula de cuadrados - Trucos CSS

# 179: Una cuadrícula de cuadrados - Trucos CSS

Usar la cuadrícula CSS para hacer una cuadrícula es, bueno, el punto. Pero, ¿qué sucede si desea que todos esos elementos de la cuadrícula mantengan una relación de aspecto, como un cuadrado de 1: 1? Su"

# 176: Trabajar con Framer Motion - Trucos CSS

# 176: Trabajar con Framer Motion - Trucos CSS

Matt Perry de Framer y yo echamos un vistazo a la biblioteca de animación de React Framer Motion. Primero, echamos un vistazo a lo simple que es la API. Tu controlas "