Screencasts de video 2024, Diciembre

# 48: Desollado de phpBB - Trucos CSS

# 48: Desollado de phpBB - Trucos CSS

Crear un tema completamente personalizado para el popular software de foros phpBB sería un trabajo monstruoso. Afortunadamente, para ponernos en marcha rápidamente, podemos simplemente "

# 010 - CodeKit para un gran éxito - Trucos CSS

# 010 - CodeKit para un gran éxito - Trucos CSS

En este screencast, CodeKit comienza a ver nuestro proyecto. Esto facilita mucho las tareas del desarrollador. Lo primero que hacemos es "

# 97: Photoshopping el Almanaque - Trucos CSS

# 97: Photoshopping el Almanaque - Trucos CSS

El Almanaque fue algo que se lanzó en la versión 9 y nunca se terminó. Sin embargo, cada día se acerca más y más. Así que en la v10 diseñaremos alrededor de "

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

# 012 - Cimientos deslizantes - Trucos CSS

# 012 - Cimientos deslizantes - Trucos CSS

Decidimos usar RoyalSlider para el control deslizante en la página de inicio. Hace mucho que soy fanático de AnythingSlider, porque fui parte de su creación y "

# 99: Construyendo el Almanaque, Parte 2 - Trucos CSS

# 99: Construyendo el Almanaque, Parte 2 - Trucos CSS

¡Este es un episodio extra especial con el tema RETURN OF THE JEDI de la serie de rediseño v10! Dejamos el último screencast completamente derrotado. Estábamos tratando de usar "

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

# 013 - Ajustar el control deslizante - Trucos CSS

# 013 - Ajustar el control deslizante - Trucos CSS

El control deslizante está implementado y funciona, simplemente no se parece a cómo lo hemos diseñado. Pasamos por el proceso de eliminar HTML y CSS que "

# 98: Construyendo el Almanaque, Parte 1 - Trucos CSS

# 98: Construyendo el Almanaque, Parte 1 - Trucos CSS

¡Este es un episodio temático extra especial de EMPIRE STRIKES BACK de la serie de rediseño v10! Todo empieza bien. Empezamos a mover algunas cosas "

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

# 014 - Colocación del control deslizante - Trucos CSS

# 014 - Colocación del control deslizante - Trucos CSS

¡El control deslizante funciona! Pero no está colocado exactamente como lo hemos diseñado en nuestro archivo de Photoshop. Necesitamos más espacio debajo para exponer más de la principal "

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

# 015 - Navegación en la página de inicio, Parte 1 - Trucos CSS

# 015 - Navegación en la página de inicio, Parte 1 - Trucos CSS

Tenemos un plan para la navegación de la página de inicio, solo necesitamos hacerlo en código. La navegación de la página de inicio, digo específicamente, porque es probable que solo "

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 "

# 017 - Navegación desde el hogar, Parte 3 - Trucos CSS

# 017 - Navegación desde el hogar, Parte 3 - Trucos CSS

Casi hemos terminado con la navegación de la página de inicio, pero hay un espacio extraño debajo de nuestro control deslizante y encima de la navegación en sí. Investigamos para descubrir "

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

# 016 - Navegación desde el hogar, Parte 2 - Trucos CSS

# 016 - Navegación desde el hogar, Parte 2 - Trucos CSS

Tenemos un buen comienzo en la navegación de la página de inicio, pero hay algunas cosas de estilo que aún deben hacerse. Empezamos por completar el contenido en sí "

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

# 018 - Pie de página - Trucos CSS

# 018 - Pie de página - Trucos CSS

Este será el pie de página más simple de un sitio. Será un símbolo de copyright con el nombre de Jeff (siempre es agradable, creo, tener el nombre del "

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

# 019 - El Blog, Parte 1 - Trucos CSS

# 019 - El Blog, Parte 1 - Trucos CSS

Empezamos a trabajar en el área de blogs del sitio. Queremos tener el área de blog del sitio en / blog /, por lo que terminamos haciendo una plantilla de página para eso llamado "

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

# 020 - El Blog, Parte 2 - Trucos CSS

# 020 - El Blog, Parte 2 - Trucos CSS

El blog está generando lo que queremos, pero la tipografía y el diseño no están del todo bien. Agregamos un poco de marcado aquí y allá según sea necesario para dar "

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

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

# 021 - El Blog, Parte 3 - Trucos CSS

# 021 - El Blog, Parte 3 - Trucos CSS

La tipografía todavía no es del todo correcta, por lo que dedicamos un poco más de tiempo a hacerle ajustes. Vale la pena hacerlo aquí, porque el encabezado y el cuerpo "

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

# 022 - Archivos del blog - Trucos CSS

# 022 - Archivos del blog - Trucos CSS

Solo hay una forma de acceder al área de blogs del sitio desde la página de inicio, y es haciendo clic en "Último escrito". Pero eso te lleva al máximo "

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

# 023 - Plantilla de página - Trucos CSS

# 023 - Plantilla de página - Trucos CSS

En casi todos los temas de WordPress hay un archivo llamado page.php. Esta es la plantilla que controla "Páginas", uno de los tipos de contenido predeterminados que "