Screencasts de video 2024, Diciembre

# 120: Elegir un complemento de membresía para WordPress - Trucos CSS

# 120: Elegir un complemento de membresía para WordPress - Trucos CSS

En este screencast comenzamos a hablar sobre cómo vamos a construir el área de membresía de CSS-Tricks. Parte del Kickstarter que hizo todo esto "

# 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"

# 121: Una plantilla para páginas genéricas - Trucos CSS

# 121: Una plantilla para páginas genéricas - Trucos CSS

Miramos la página de contacto y decidimos que es el tipo de página sobre Trucos CSS que es muy genérica y no necesita ningún estilo especial en particular en "

# 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 "

# 124: Construyendo el archivo de demostraciones - Trucos CSS

# 124: Construyendo el archivo de demostraciones - Trucos CSS

En este screencast vamos a trabajar en el área "Demos" de CSS-Tricks. Es un área bastante popular del sitio, a pesar de que no coloco como "

# 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"

# 123: Creación del archivo de videos, parte 2 (navegación) - Trucos CSS

# 123: Creación del archivo de videos, parte 2 (navegación) - Trucos CSS

Acabamos de terminar una parte emocionante de este rediseño en la que podemos deshacernos de un montón de marcado bruto en la página de archivos de video y reemplazarlo por uno nuevo

# 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 "

# 122: Creación del archivo de videos, parte 1 - Trucos CSS

# 122: Creación del archivo de videos, parte 1 - Trucos CSS

La página de archivo de videos es la parte del sitio donde las personas pueden explorar todos los videos gratuitos disponibles para ver. Es para navegar, debe gustar la página de inicio "

# 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 "

# 125: Photoshopping en la página de un video - Trucos CSS

# 125: Photoshopping en la página de un video - Trucos CSS

En este screencast profundizamos en el diseño de otra página muy importante. Esta es una de esas páginas que me entusiasmó diseñar desde el principio "

# 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 "

# 127: Creación de la página de video único, Parte 2 - Trucos CSS

# 127: Creación de la página de video único, Parte 2 - Trucos CSS

En este screencast, terminaremos con el código de la plantilla para videos individuales. Empezamos organizándonos un poco en nuestro CSS. Algunos de los videos.scss "

# 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 "

# 126: Creación de la página de video único, parte 1 - Trucos CSS

# 126: Creación de la página de video único, parte 1 - Trucos CSS

En el screencast profundizamos en la plantilla HTML y CSS y WordPress que es la página de video única. Ya hemos diseñado cómo queremos que se vea "

# 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 "

# 128: Estilo de la página de ofertas - Trucos CSS

# 128: Estilo de la página de ofertas - Trucos CSS

En este screencast profundizaremos en la sección de Ofertas. La sección de ofertas es esencialmente un "muro de anuncios". Es un área del sitio que la gente debería "

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 "

# 129: Photoshopping Más módulos de página de inicio - Trucos CSS

# 129: Photoshopping Más módulos de página de inicio - Trucos CSS

En este screencast profundizamos en agregar algunos módulos más a la página de inicio del sitio. ¡Cosas bastante importantes! Por el momento, solo tenemos un puñado de ellos "

# 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 "

# 130: Estilo de la página de archivos de artículos - Trucos CSS

# 130: Estilo de la página de archivos de artículos - Trucos CSS

La página de archivos de artículos sobre CSS-Tricks es bastante importante. En lugar de tener publicaciones de blog paginadas como la mayoría de los blogs, simplemente enlazo los archivos ".

# 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 "

# 131: Creación de más módulos de página de inicio - Trucos CSS

# 131: Creación de más módulos de página de inicio - Trucos CSS

En este screencast, nos propusimos crear algunos de los módulos que planeamos tener en la página de inicio. Solo un pequeño ajuste y mostraremos tres calientes "

# 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 "

# 132: Introducción a los foros - Trucos CSS

# 132: Introducción a los foros - Trucos CSS

En este screencast nos sumergimos en una sección completamente nueva del sitio: ¡Los foros! Esta es un área enorme del sitio. Quizás no tanto en el tráfico (siempre he "

# 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 "

# 133: Discusión en foros, parte 1 - Trucos CSS

# 133: Discusión en foros, parte 1 - Trucos CSS

En este screencast, profundizaremos en el código del área de foros. El archivo "principal" de los foros, si existe tal cosa, es default.master.php ".

# 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 "

# 136: Comprensión de las anulaciones de temas de Vanilla Forums - Trucos CSS

# 136: Comprensión de las anulaciones de temas de Vanilla Forums - Trucos CSS

Dejamos de intentar decidir si podemos ganar la batalla por un formulario de inicio de sesión estático o no. Probablemente podríamos, pero al jugar más con los foros, "

# 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: "