Screencasts de video 2025, Enero

# 75: Cómo no diseñar una caja - Trucos CSS

# 75: Cómo no diseñar una caja - Trucos CSS

Tendrán que perdonarme amigos, este no es un screencast muy constructivo. Estaba frustrado por el proceso de pago de un producto de software que "

# 73: Creación de un sitio web (3 de 3): Tema de WordPress - Trucos CSS

# 73: Creación de un sitio web (3 de 3): Tema de WordPress - Trucos CSS

En la parte 3 de esta serie, tomamos el HTML y CSS que ya hemos creado para este diseño y lo convertimos en un tema de WordPress. Empezamos con un "

# 74: Galería de imágenes CSS3 editable - Trucos CSS

# 74: Galería de imágenes CSS3 editable - Trucos CSS

Creamos un patrón de diseño de galería de imágenes bastante típico, una cuadrícula de imágenes que aparecen más grandes cuando se hace clic en ellas. Pero esta página de la galería de imágenes utiliza hot "

# 71: Creación de un sitio web (1 de 3): maqueta de Photoshop - Trucos CSS

# 71: Creación de un sitio web (1 de 3): maqueta de Photoshop - Trucos CSS

Este es el comienzo de una serie de tres partes sobre la creación de un sitio web. Este será un sitio web real para un músico amigo mío, cuyo sitio web arruiné "

# 69: Primeros diez minutos con TypeKit - Trucos CSS

# 69: Primeros diez minutos con TypeKit - Trucos CSS

Recibí la invitación de TypeKit, me registré y obtuve hermosas fuentes personalizadas que sacudieron mi página en solo unos minutos. Te mostraré todo el proceso desde "

# 70: Peeves de mascotas al azar - Trucos CSS

# 70: Peeves de mascotas al azar - Trucos CSS

Simplemente paso por algunas pequeñas molestias y quejas que tengo con todo, desde OS X hasta Photoshop, WordPress y CSS. Pensé en cinco más "

# 68: Piense en la técnica de desvanecimiento de fondo Geek - Trucos CSS

# 68: Piense en la técnica de desvanecimiento de fondo Geek - Trucos CSS

Este video demuestra la técnica que se ve en el sitio Think Geek 3.0. La parte inferior del sitio tiene un diseño de un grupo de robots y como la pantalla es "

# 6: Herramientas del oficio - Trucos CSS

# 6: Herramientas del oficio - Trucos CSS

Antes de avanzar demasiado en estos screencasts, pensé en presentarles un poco mi entorno de trabajo y explicar las herramientas que utilizo ".

# 67: jQuery Parte 3 - Complemento de título de imagen - Trucos CSS

# 67: jQuery Parte 3 - Complemento de título de imagen - Trucos CSS

Este video se centra en tomar una idea y un código ya existentes y convertirlos en un complemento de jQuery. En este caso, ayuda a mantener nuestro código tan semántico como es "

# 191: Aprende haciendo: CUBE CSS - Trucos CSS

# 191: Aprende haciendo: CUBE CSS - Trucos CSS

Andy Bell se une a mí para hablar sobre su metodología CSS que él llama CUBE CSS. Eso es Composición, Utilidad, Bloque y Excepción. CUBE CSS es una metodología CSS "

# 64: Creación de una galería de fotos - Trucos CSS

# 64: Creación de una galería de fotos - Trucos CSS

Esta galería de fotos se construirá automáticamente a partir de un directorio de imágenes, incluidos los subdirectorios y las imágenes que contienen. Las imágenes se abren en un bonito "

# 65: Usos avanzados de campos personalizados en WordPress - Trucos CSS

# 65: Usos avanzados de campos personalizados en WordPress - Trucos CSS

Más que cualquier otra característica, lo que hace de WordPress un CMS (en lugar de una plataforma de blogs) son los campos personalizados. Los campos personalizados son fragmentos de datos "

# 66: Estilo de tabla 2, encabezado fijo y resaltado - Trucos CSS

# 66: Estilo de tabla 2, encabezado fijo y resaltado - Trucos CSS

Solo un par de trucos rápidos, desde cero, para codificar tablas. Usamos las etiquetas semánticas adecuadas para un encabezado de tabla y luego lo configuramos en una posición fija "

# 58: HTML y CSS - Los conceptos básicos MUY - Trucos CSS

# 58: HTML y CSS - Los conceptos básicos MUY - Trucos CSS

Este video es MUY básico de lo que es HTML y CSS, para el principiante absoluto. Los archivos HTML y CSS son, literalmente, solo archivos de texto. No necesitas "

# 63: En Screencasting - Trucos CSS

# 63: En Screencasting - Trucos CSS

Esto es algo así como una mirada entre bastidores a cómo creo y distribuyo el screencast. Repaso el hardware y el software que utilizo, cómo funciona "

# 62: Funcionalidad y estilo de formularios avanzados - Trucos CSS

# 62: Funcionalidad y estilo de formularios avanzados - Trucos CSS

Este screencast muestra el código que alimenta un formulario web bastante avanzado. Utiliza jQuery para ocultar y mostrar entradas según sea necesario, así como potencia tres "

# 60: Contenido RSS refrescante de AJAX - Trucos CSS

# 60: Contenido RSS refrescante de AJAX - Trucos CSS

En el video # 55, el resultado final fue FeedSmusher, que insertó contenido de fuentes RSS externas en una página propia. En este screencast, comenzaremos "

# 61: Estilo de tabla básico con CSS - Trucos CSS

# 61: Estilo de tabla básico con CSS - Trucos CSS

Las tablas son geniales. Son perfectamente adecuados para su uso en la web. Es decir, para mostrar datos tabulares. En este screencast cubriremos lo que realmente "

# 59: Incorporación de audio - Trucos CSS

# 59: Incorporación de audio - Trucos CSS

Poner una imagen en una página web es fácil, archivos de audio, no tanto. HTML5 lo hará tan fácil como debería ser, pero hasta entonces, tendremos que recurrir a otros "

# 5: Columnas de igual altura: Diseño de dos columnas súper simple - Trucos CSS

# 5: Columnas de igual altura: Diseño de dos columnas súper simple - Trucos CSS

Forzar que varias columnas tengan la misma altura es una de esas cosas complicadas en el diseño web. En este screencast te mostraré un pequeño truco al respecto ".

# 57: Usando CSS3 - Trucos CSS

# 57: Usando CSS3 - Trucos CSS

La última ola de navegadores web tiene un soporte bastante decente para una variedad de cosas CSS3. Particularmente Safari 4 y Firefox 3.1. Este screencast cubre muchos "

# 56: Integración de FoxyCart y WordPress - Trucos CSS

# 56: Integración de FoxyCart y WordPress - Trucos CSS

FoxyCart es un sistema de comercio electrónico muy adaptable. Los productos se crean sobre la marcha como parte de los botones de agregar al carrito que son simplemente HTML. Esto significa que tu "

# 55: Agregar contenido RSS con SimplePie - Trucos CSS

# 55: Agregar contenido RSS con SimplePie - Trucos CSS

La parte "Realmente simple" de RSS es a veces engañosa. ¿Qué sucede si desea extraer contenido de una fuente RSS y mostrarlo en su sitio? Haciendo eso desde "

# 54: Introducción a FLIR - Trucos CSS

# 54: Introducción a FLIR - Trucos CSS

FLIR (reemplazo de imagen de estiramiento facial) se anuncia a sí mismo como una "alternativa a sIFR". Definitivamente están en la misma categoría. sIFR tiene algunas funciones adicionales "

# 52: Creación de una hoja de estilo de impresión - Trucos CSS

# 52: Creación de una hoja de estilo de impresión - Trucos CSS

Mi técnica para crear hojas de estilo impresas es la siguiente. 1) Empiece desde cero 2) Deje la mayoría de los valores predeterminados en paz 2) Elimine todo lo que haya en la página "

N.º 53: Personalización de formularios, botones y encabezados de PayPal - Trucos CSS

N.º 53: Personalización de formularios, botones y encabezados de PayPal - Trucos CSS

PayPal, lo ame o lo odie, es la forma más fácil de enviar y recibir dinero en línea. En este screencast, explicamos cómo crear un botón Comprar ahora, que utiliza un "

# 4: Forzar barras de desplazamiento: Eliminación de "saltos horizontales" - Trucos CSS

# 4: Forzar barras de desplazamiento: Eliminación de "saltos horizontales" - Trucos CSS

En este screencast hablo sobre cómo forzar barras de desplazamiento verticales en sitios web. Sin hacer esto, las páginas con contenido centrado pueden parecer "saltar" a "

# 50: Creación de un formulario de pedido dinámico y personalizado - Trucos CSS

# 50: Creación de un formulario de pedido dinámico y personalizado - Trucos CSS

Los clientes de la vida real tienen necesidades reales para sus sitios web. No se preocupan por sus feeds RSS y AJAX, solo quieren que su sitio web haga algo "

# 51: Una lección aprendida en accesibilidad - Trucos CSS

# 51: Una lección aprendida en accesibilidad - Trucos CSS

Incluso cuando diseñamos con nuestras mejores intenciones hacia la accesibilidad, a menudo se necesita alguien que realmente use software de accesibilidad para probar el sitio y ayudar "

# 49: Mezcla de trucos de Photoshop - Trucos CSS

# 49: Mezcla de trucos de Photoshop - Trucos CSS

Photoshop es mi herramienta preferida para diseñar para la web. Lo comparo con la elección de la guitarra como instrumento para tocar. Una guitarra suena genial sola y ahí "