Screencasts de video 2025, Enero

# 91: Páginas de galería individuales de Photoshopping - Trucos CSS

# 91: Páginas de galería individuales de Photoshopping - Trucos CSS

En este screencast, dedicamos un poco de tiempo a pensar en cómo se verá una página de captura de pantalla individual de la Galería. Hay algunos datos que ya "

# 87: Cuadrícula de galería - Trucos CSS

# 87: Cuadrícula de galería - Trucos CSS

Tenemos el área de la galería configurada en WordPress y está escupiendo lo que necesitamos para escupir, pero casi no hay estilo en la página todavía. Nosotros"

# 90: Configuración de páginas individuales en la galería - Trucos CSS

# 90: Configuración de páginas individuales en la galería - Trucos CSS

Cada captura de pantalla (o video) en la galería tiene su propia página individual. Puede acceder a ellos fácilmente, simplemente haciendo clic en la imagen. Queremos hacer esto "

# 89: Ajustar la barra de la galería - Trucos CSS

# 89: Ajustar la barra de la galería - Trucos CSS

En este video, realizamos algunos ajustes en la barra que hemos configurado con la mayor parte de la funcionalidad de la Galería. El diseño se trata de ajustes, ¿no? "

# 86: Photoshopping en la galería - Trucos CSS

# 86: Photoshopping en la galería - Trucos CSS

Estaba emocionado de comenzar con el área de Galería en el sitio. Es una de las áreas que fue particularmente mala en la v9. No recibe mucho tráfico, pero "

# 88: Construyendo el Bar Gallery - Trucos CSS

# 88: Construyendo el Bar Gallery - Trucos CSS

Nos dispusimos a construir la barra debajo del encabezado de la galería. Este bar tiene un buen trabajo. Les dice a las personas dónde están y qué están viendo (migas de pan ",

# 84: Mover el pie de página a WordPress - Trucos CSS

# 84: Mover el pie de página a WordPress - Trucos CSS

Comenzamos arreglando algunas rutas de archivo de imagen. Siempre hago una distinción cuando uso imágenes dentro de un tema de WordPress. ¿Es esta imagen parte de esto "

# 85: Vista de publicación de blog (single.php) en WordPress - Trucos CSS

# 85: Vista de publicación de blog (single.php) en WordPress - Trucos CSS

Si tuviéramos que elegir, la vista de una sola publicación de blog es probablemente la plantilla más importante del sitio. Tenemos una maqueta estática de una página de publicación de blog, por lo que "

158: Un mes después: Resumen final - Trucos CSS

158: Un mes después: Resumen final - Trucos CSS

Aproximadamente un mes después del lanzamiento, hablamos de cómo ha ido el lanzamiento de la v10. Revisamos el documento que creamos al comienzo de este proceso "

# 80: Actualización de contenido local ejecutando SQL - Trucos CSS

# 80: Actualización de contenido local ejecutando SQL - Trucos CSS

Ahora tenemos un archivo .sql gracias a exportarlo y descargarlo como hicimos en el último video. Ahora solo tenemos que ejecutarlo y sobrescribir nuestro "

# 156: Lanzamiento del sitio, parte 1 - Trucos CSS

# 156: Lanzamiento del sitio, parte 1 - Trucos CSS

¡Este es el gran momento! Tenemos una lista de cosas que sabemos que debemos hacer y vamos a empezar a hacerlas y poner este sitio en funcionamiento. Quizás el"

# 155: Revisión de la lista de verificación previa al lanzamiento - Trucos CSS

# 155: Revisión de la lista de verificación previa al lanzamiento - Trucos CSS

¡ESTAMOS APENAS para lanzar esto! Es hora de revisar los últimos pequeños problemas que deben reforzarse antes de que podamos lanzar. Tenga en cuenta que "

# 81: Mover el encabezado a WordPress - Trucos CSS

# 81: Mover el encabezado a WordPress - Trucos CSS

Es hora de pasar nuestro diseño a WordPress. Bien podría comenzar de arriba hacia abajo y comenzar con el encabezado. Aparte de ser un lógico "

# 157: Seguimiento posterior al lanzamiento inmediato - Trucos CSS

# 157: Seguimiento posterior al lanzamiento inmediato - Trucos CSS

Grabé el video tal vez 10 minutos después de iniciar el sitio. Los comentarios están comenzando a llegar y este soy yo reaccionando a algo de eso. Me gusta"

# 83: Construyendo la página de inicio de WordPress, Parte 2 - Trucos CSS

# 83: Construyendo la página de inicio de WordPress, Parte 2 - Trucos CSS

Continuamos portando código desde nuestra maqueta estática a nuestra página index.php de WordPress. Modificamos "el bucle" un poco para generar exactamente lo que queremos. Bajamos "

# 82: Construyendo la página de inicio de WordPress, Parte 1 - Trucos CSS

# 82: Construyendo la página de inicio de WordPress, Parte 1 - Trucos CSS

¡El gran paso a WordPress está en marcha! Terminamos el archivo header.php y pasamos a index.php. index.php está a cargo de nuestra página de inicio. El primero"

# 154: Diseñando los archivos de Lodge y la página de video de Single Lodge - Trucos CSS

# 154: Diseñando los archivos de Lodge y la página de video de Single Lodge - Trucos CSS

La página de inicio de The Lodge cuando está conectado (es decir, / lodge /) será una especie de página de "portal". Esta serie, que llamaremos "The Big v10 Redsign"

# 152: Diseño de la página de inicio de sesión de WordPress (Lodge) - Trucos CSS

# 152: Diseño de la página de inicio de sesión de WordPress (Lodge) - Trucos CSS

Nuestro "widget" para The Lodge en la barra lateral del sitio (se muestra en la mayoría de las páginas, incluida la página de inicio) tiene dos estados. Uno para cuando un usuario está desconectado y otro "

# 153: Diseñando el formulario de registro de Lodge - Trucos CSS

# 153: Diseñando el formulario de registro de Lodge - Trucos CSS

La página de registro de The Lodge es muy importante por razones obvias: esta es la página que recolecta el dinero y otorga el acceso a la membresía "

# 150: Protección del contenido de video con enlaces S3 vencidos - Trucos CSS

# 150: Protección del contenido de video con enlaces S3 vencidos - Trucos CSS

En este screencast, analizamos cómo podemos alojar archivos en Amazon S3 (Simple Storage Service) de tal manera que podamos vincular y usar esos activos, pero no "

# 151: Construcción del módulo Lodge (y un informe de velocidad rápida) - Trucos CSS

# 151: Construcción del módulo Lodge (y un informe de velocidad rápida) - Trucos CSS

Hacemos un módulo para la barra lateral general del sitio que es solo para The Lodge. Si ha iniciado sesión, le dará la bienvenida y le proporcionará enlaces relevantes "

# 149: Crear un formulario de inicio de sesión para The Lodge - Trucos CSS

# 149: Crear un formulario de inicio de sesión para The Lodge - Trucos CSS

Una de las razones por las que WordPress es increíble es que viene con su propio sistema de autenticación de usuario en pleno funcionamiento. Escribiendo eso desde cero estos días "

# 148: Diseño del botón de registro para The Lodge - Trucos CSS

# 148: Diseño del botón de registro para The Lodge - Trucos CSS

En el último video, descubrimos cómo ofrecer contenido diferente dentro de nuestras plantillas según el inicio de sesión de los usuarios y el estado de suscripción. Usamos eso "

# 144: Diseño y resumen de paginación de foros - Trucos CSS

# 144: Diseño y resumen de paginación de foros - Trucos CSS

Estamos tratando de resumir el estilo de los foros aquí. Uno de los principales mecanismos de navegación en los foros es la paginación. Al final de la página,"

# 145: Introducción al Lodge (Área de acceso privado) - Trucos CSS

# 145: Introducción al Lodge (Área de acceso privado) - Trucos CSS

Hemos hecho una pequeña preparación para esta nueva "Área de acceso privado" en CSS-Tricks. Hemos analizado los complementos de WordPress para ayudarnos, incluso nos decidimos por uno y lo configuramos "

# 146: Encabezado personalizado para The Lodge - Trucos CSS

# 146: Encabezado personalizado para The Lodge - Trucos CSS

En el último screencast tomamos esa foto de iStockPhoto de la cabaña nevada y el bosque. Lo dejamos en segundo plano, detrás del área de contenido principal "

# 143: Foros Nuevo estilo de hilo y discusión de funcionalidad - Trucos CSS

# 143: Foros Nuevo estilo de hilo y discusión de funcionalidad - Trucos CSS

No te enojes, pero tuve que adelantarme un poco porque hubo un trabajo agotador y aburrido de anular diferentes puntos de vista poniendo la derecha "

# 142: Diseño de módulos de foros - Trucos CSS

# 142: Diseño de módulos de foros - Trucos CSS

En el lado derecho de los foros hay una serie de módulos. "Módulos" visualmente, "Módulos" literalmente en código y "Módulos" en el sentido de que el contenido "

# 141: Restringir la configuración y la configuración de Content Pro - Trucos CSS

# 141: Restringir la configuración y la configuración de Content Pro - Trucos CSS

En este screencast tomamos un pequeño descanso de la lucha contra el estilo de los foros de Vanilla para trabajar en la configuración de Restrict Content Pro (RCP), nuestro complemento de WordPress para "