Screencasts de video 2024, Diciembre

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 "

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

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

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

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

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