Screencasts de video 2025, Enero

# 156: Hablemos de Webpack - Trucos CSS

# 156: Hablemos de Webpack - Trucos CSS

¡Sean Larkin se une a mí para hablar sobre Webpack! Dudo que esté solo en estar un poco confundido acerca de qué diablos es y hace Webpack. Incluso si estás activamente "

134: Un recorrido por un sitio en progreso construido con Jekyll, Grunt, Sass, un sistema SVG y más - Trucos CSS

134: Un recorrido por un sitio en progreso construido con Jekyll, Grunt, Sass, un sistema SVG y más - Trucos CSS

Advertencia: este es un screencast serpenteante de nivel intermedio en el que observamos el código que impulsa el proceso de construcción de un sitio. No escribimos ningún código ".

# 99: Descripción general de los tipos, atributos y elementos de formularios HTML5 - Trucos CSS

# 99: Descripción general de los tipos, atributos y elementos de formularios HTML5 - Trucos CSS

HTML5 tiene un montón de características específicas de formulario que hacen que los formularios en la web sean mejores. La compatibilidad del navegador con las funciones está en todo el mapa, pero muchos de los "

# 9: Noche estrellada: Fondo 3D con efecto Parallax - Trucos CSS

# 9: Noche estrellada: Fondo 3D con efecto Parallax - Trucos CSS

Usando tres capas de archivos PNG transparentes alfa, podemos crear un fondo de aspecto pseudo tridimensional para una página web. Este screencast cubre cómo "

# 98: Jugando con los bordes del cuerpo - Trucos CSS

# 98: Jugando con los bordes del cuerpo - Trucos CSS

Poner un borde alrededor del interior de la ventana del navegador es una idea tan simple y puede ser un buen efecto de diseño. Pero, ¿cómo lo hacemos para que "

# 96: almacenamiento local para formularios - Trucos CSS

# 96: almacenamiento local para formularios - Trucos CSS

HTML5 tiene un método increíblemente simple para almacenar datos persistentes llamado localStorage. De forma nativa, solo llama a un método con un par clave / valor y es "

# 97: Introducción a las animaciones CSS - Trucos CSS

# 97: Introducción a las animaciones CSS - Trucos CSS

Las animaciones, como las transiciones, pueden alterar los elementos de la página con el tiempo. Las animaciones son más poderosas y complejas en muchos sentidos. Debes declarar un "

# 95: Una historia de gradientes fronterizos - Trucos CSS

# 95: Una historia de gradientes fronterizos - Trucos CSS

Resulta que hay una forma sencilla de lograr degradados en las fronteras. Sin embargo, me tomó más tiempo del que debería llegar, este screencast cubre "

# 94: Introducción a los pseudoelementos - Trucos CSS

# 94: Introducción a los pseudoelementos - Trucos CSS

Los pseudoelementos son elementos visibles en una página web que no están "en el DOM" o creados a partir de HTML, sino que se insertan directamente desde CSS. Esto permite"

# 93: Cajas deslizantes CSS3 - Trucos CSS

# 93: Cajas deslizantes CSS3 - Trucos CSS

Siga adelante mientras usamos algunas transiciones CSS3 muy simples para crear un efecto de cuadro "deslizante". Pase el mouse sobre el cuadro con el mouse y el título del cuadro "

# 92: Tutorial de código de la tabla de dibujo - Trucos CSS

# 92: Tutorial de código de la tabla de dibujo - Trucos CSS

La mesa de dibujo es, en esencia, una aplicación jQuery en miniatura de una página. Tiene una función principal, crear un diseño de color cambiando los colores de las celdas "

# 91: El bucle de WordPress - Trucos CSS

# 91: El bucle de WordPress - Trucos CSS

No hay escasez de documentación sobre la famosa estructura de emisión de contenido de WordPress, pero todavía siento que hay más confusión y misterio "

# 86: Primeros momentos con MAMP - Trucos CSS

# 86: Primeros momentos con MAMP - Trucos CSS

Estoy muy atrasado en este caso, pero hasta hace poco, nunca me había desarrollado realmente a nivel local. Todo lo que hice fue "ir al comando" y trabajar "

# 90: Consejos simples de TextMate - Trucos CSS

# 90: Consejos simples de TextMate - Trucos CSS

TextMate es un editor de código solo para mac. Lo siento por todos los usuarios de PC esta vez. Si ha estado viendo estos screencasts durante mucho tiempo, sabe que usé "

# 89: Organizar un documento de Photoshop - Trucos CSS

# 89: Organizar un documento de Photoshop - Trucos CSS

Si usted es como yo, ambos son culpables de documentos de Photoshop muy desorganizados y aprecian los bien organizados. La desorganización no es "

# 8: Formato CSS - Trucos CSS

# 8: Formato CSS - Trucos CSS

Estar organizado y usar un buen formato en sus archivos CSS puede ahorrarle mucho tiempo y frustración durante su proceso de desarrollo y especialmente "

# 88: Introducción a Compass / Sass - Trucos CSS

# 88: Introducción a Compass / Sass - Trucos CSS

Pregúntele a un grupo de diseñadores qué desearían que CSS pudiera hacer y que no puede hacer ahora, y obtendrá una gran lista que se parece mucho a la lista de funciones de

# 85: Mejores prácticas con contenido dinámico - Trucos CSS

# 85: Mejores prácticas con contenido dinámico - Trucos CSS

Uno de los artículos que actualicé durante "Mayo es el mes del mantenimiento" fue un artículo sobre contenido dinámico. La idea era un sitio web simple donde hacer clic en un enlace "

# 87: Avanzando con MAMP - Trucos CSS

# 87: Avanzando con MAMP - Trucos CSS

Trabajar localmente con MAMP es increíble, pero ¿qué pasa cuando necesitas publicar ese sitio? La última vez que instalamos localmente una versión de WordPress, ahora "

# 83: Pensamientos sobre SEO - Trucos CSS

# 83: Pensamientos sobre SEO - Trucos CSS

Advertencia justa: más divagaciones de lo habitual. Escuche mis pensamientos sobre SEO. Lo que creo saber es que el SEO es una serie de mejores prácticas bastante obvias. A"

# 84: Tutorial del sitio de chris-mcgarry.com - Trucos CSS

# 84: Tutorial del sitio de chris-mcgarry.com - Trucos CSS

Construí un sitio para un músico amigo mío que está sacando un nuevo álbum. Claramente, tener pistas reproducibles es importante, pero el problema clásico de tener "

# 81: AJAXing de un tema de WordPress - Trucos CSS

# 81: AJAXing de un tema de WordPress - Trucos CSS

Mírame abriéndome paso a través de la adición de la funcionalidad AJAX a un tema de WordPress. La idea es que cualquier enlace interno del sitio se cargue en el "

# 82: Conmutador de imágenes CSS - Trucos CSS

# 82: Conmutador de imágenes CSS - Trucos CSS

Pase el cursor sobre un enlace, observe cómo cambia la imagen de arriba. Eso es lo que creamos en este screencast, solo que no usamos JavaScript para hacerlo. El truco es algo "

# 80: Con respecto a la invención de la rueda - Trucos CSS

# 80: Con respecto a la invención de la rueda - Trucos CSS

Una pareja necesita una galería de fotos para su boda, donde todos puedan navegar y subir sus propias fotos de la boda. Desarrollador principiante: conozco "

# 79: Animaciones completas / sin cola con jQuery - Trucos CSS

# 79: Animaciones completas / sin cola con jQuery - Trucos CSS

Cuando usa la función .animate () de jQuery con algo así como un evento de desplazamiento, esas animaciones se "pondrán en cola". Es decir, si se desplaza varias veces, "

# 7: Menú de tres estados - Trucos CSS

# 7: Menú de tres estados - Trucos CSS

Usando una variación de la técnica CSS Sprites, podemos crear un menú de "tres estados" usando solo una imagen por elemento de menú. Esto reduce la cantidad de solicitudes "

# 78: Publicidad en la Web - Trucos CSS

# 78: Publicidad en la Web - Trucos CSS

En este screencast hablo de la publicidad online. Qué es, cómo funciona y por qué no es malo (excepto cuando lo es). Hablo de mis experiencias, el "

# 72: Creación de un sitio web (2 de 3): Conversión HTML / CSS - Trucos CSS

# 72: Creación de un sitio web (2 de 3): Conversión HTML / CSS - Trucos CSS

En la parte 2 de esta serie, comenzamos la conversión HTML / CSS de la maqueta de Photoshop que creamos en la parte uno. Empezamos con un proyecto muy esquelético "

# 77: Estilo de un artículo individual - Trucos CSS

# 77: Estilo de un artículo individual - Trucos CSS

La idea de las publicaciones de "dirección de arte" es muy popular últimamente. Es la idea de aplicar un estilo único a un artículo en la web en la forma en que se imprime "

# 76: Un recorrido por jQuery en un sitio en vivo - Trucos CSS

# 76: Un recorrido por jQuery en un sitio en vivo - Trucos CSS

Estoy ocupado, tú estás ocupado, todos estamos ocupados tratando de cumplir con los plazos y hacer las cosas en este loco mundo web. Me encanta aprender nuevas tecnologías cuando puedo "