Screencasts de video 2025, Enero
En este screencast de emparejamiento, Sarah Drasner se une a mí y me guía a través de algunos de mis primeros aprendizajes de React. Abordamos algunos estilos del "mundo real" "
En este screencast de emparejamiento, salgo con Dee Gill. Echamos un vistazo a algunas cosas de diseño para una nueva aplicación en la que está trabajando: Tinge. Ella tenía una maqueta de diseño "
Me emparejo con Philip Walton (que trabaja para Google en Google Analytics) en este screencast. Complementa el estudio de caso que elaboramos: Aprender a usar "
En este video, Lara Schenck y yo nos emparejamos, y ella me enseña todo sobre temas para niños en WordPress. ¡Es como un podcast que también ves! Nosotros directamente "
Kyle Simpson, en parte en un esfuerzo por rejuvenecer su entusiasmo por trabajar con JavaScript, comenzó a construir un juego. El no es realmente un "juego"
Sobre el diseño de CSS-Tricks mientras grabo esto, una de las cosas que quería agregar era un widget de "Trabajos de diseño y desarrollo de front-end", impulsado por CodePen "
Probablemente soy un poco raro en el sentido de que disfruté tratando de mantenerme al día con las imágenes receptivas. Es un problema interesante que generó muchos "
Esta es la versión de video screencast de una publicación de blog que hice no hace mucho: Técnica útil de Flexbox: Envoltura de cambio de alineación. Estuve en una reunión de CodePen "
Animar SVG es un poco único en el sentido de que hay tres formas claramente diferentes de abordar la animación. 1. Animando con CSS @keyframes SVG "
Conoces las imágenes receptivas. Se trata de la sintaxis de la imagen en HTML. Si le proporciona la información correcta en la sintaxis correcta, puede obtener el navegador "
No hay una sola propiedad de CSS a la que busque cuando oculte y muestre cosas en CSS. Hay un montón de consideraciones que analizaremos en "
En este video, hablo de una situación particular del "mundo real" en la que estaba involucrado en cómo manejo la página de CodePen Meetups. En los primeros días "
En lugar de un screencast típico, este es un video de mi charla SVG is for Everybody grabado por la banda de Treehouse en BlendConf. Por supuesto que hay "
Recientemente nos mudamos a "HTTPS en todas partes" aquí en CSS-Tricks. Escribí una publicación de blog detallando los pasos para llegar allí. Este video es un complemento "
En el segundo episodio de esta serie, continuamos con la estructura del sitio. En Photoshop, creamos los tres estados diferentes del menú, luego dividimos "
Publiqué una publicación escrita sobre esta idea del Server Side Mustard Cut. Así que si le gusta leer y comprobar ejemplos de código y todo eso, ese es el "
Tuve una pequeña situación de diseño en la que estaba haciendo una cuadrícula fluida de cajas con flotadores. Quería especificar cuántos cuadros en una fila era muy "
En este video abordamos un pequeño problema de diseño de interfaz que hubiera sido prácticamente imposible sin Flexbox. También escribí un artículo al respecto "
Hay todas estas tareas que debemos hacer como desarrolladores frontales. Concatenar y comprimir nuestros archivos. Ejecute nuestros preprocesadores. Optimiza las imágenes. Correr"
Una plantilla es un fragmento de HTML que necesita inyectar en la página. A menudo, las plantillas se crean "del lado del servidor", en el sentido de que llegan a JavaScript por completo "
Effeckt.css es un proyecto de código abierto en progreso que tiene como objetivo proporcionar transiciones y animaciones CSS de calidad y rendimiento para diseñadores web. La idea es "
Esta es una presentación que di en una conferencia solo una vez en diciembre de 2012. En este screencast te lo doy por última vez, o 'suscriptor de CSS-Tricks. I"
Emmet es un complemento para editores de código que le permite escribir HTML y CSS más rápidamente. En el frente HTML, le permite escribir abreviaturas para HTML ".
Ha habido MUCHOS comentarios excelentes sobre la primera serie de Conversión de una maqueta de Photoshop en HTML / CSS. ¡Así que hagámoslo de nuevo! Cada sitio web es diferente "
¿Modernizr debería formar parte de todos los proyectos web modernos? No necesariamente. En este screencast hablo sobre cómo necesitas Modernizr cuando planeas hacerlo "
Esta es una presentación que di en conferencias a finales de 2012 y principios de 2013. En este screencast te lo doy por última vez, o 'suscriptor de CSS-Tricks. Eso"
Siempre hicimos gráficos de 16x16 y los pusimos en formato .ico de alguna manera. Probablemente utilicé esta herramienta de conversión un millón de veces. En algún lugar del "
Los botones de CSS-Tricks, en el momento de este video, tienen un efecto 3D falso. Se ven como un ladrillo azul que se mira desde arriba en ángulo. Cuando"
El CMS perfecto para satisfacer las necesidades de cualquier sitio web orientado al contenido no trivial no viene listo para usar. Requieren personalización. Por ejemplo, un "
Nunca antes había jugado con la creación de fragmentos personalizados de Sublime Text. Entonces, cuando James Nowland envió uno, aproveché la oportunidad para aprender. Aquí está: mq "