Screencasts de vídeo 2025, Janeiro

Este é o básico de como trabalho localmente com um site WordPress e, em seguida, coloco-o em produção. Flywheel é patrocinador do CSS-Tricks, e estou feliz por eles "

Embora as portas de correr estejam longe de ser um novo conceito e ficarão obsoletas assim que vermos um suporte mais amplo para fundos múltiplos (CSS3), ainda é uma boa opção para "

Há um recurso do Chrome DevTools que permite: Ver o código de qualquer recurso que a página da web atual está usando (como CSS e JavaScript). "Bonito"

(Este é um vídeo patrocinado no qual trabalhei entre nós no CSS-Tricks e Webflow. Acho que o Webflow é um produto fascinante para construir sites que está, na minha "

E por "nós", quero dizer nós, desenvolvedores front-end;) Aqui está o site que acompanha esta palestra. Esta é uma palestra que montei onde postulo que, sobre "

David Wells, da Netlify, e eu damos alguns passos de bebê para construir coisas com Serverless. Veremos principalmente as funções da nuvem aqui e como usar "

Descobri que 98% de todo o meu uso de SVG vem de arquivos SVG pré-criados ou arte vetorial em algum software de design que acabo por exportar como SVG. Não super "

Aviso justo! Esta não é uma visão rápida, direta e orientada por especialistas de como configurar essas tecnologias. Embora, no final, nós façamos "

A mesma ideia básica dos cartões na página inicial da v17 deste site. Veja os Cartões de Movimentação da Caneta de Chris Coyier (@chriscoyier) em "

David Wells e Chris Coyier falam sobre como você pode construir um aplicativo hospedado no Netlify estaticamente, mas ainda ter um banco de dados de back-end para alimentá-lo. Nós usamos o"

Este episódio é um prequal dos episódios 12, 13 e 14. Voltamos a um documento em branco do Photoshop e o recriamos. Não há HTML / CSS neste episódio, "

Você sabia que pode configurar um sistema de revisão de modo que cada solicitação de pull mostre exatamente o que mudou visualmente em seu site? Isso é"

David Wells, da Netlify, e eu tentamos responder a essa pergunta de uma forma compreensível. Ainda há servidores envolvidos? Claro, mas você "

WooCommerce é um plugin de comércio eletrônico poderoso e flexível para WordPress. Quer vender assinaturas ou associações? WooCommerce pode fazer isso? Digital"

Estou acompanhado por Dustin Schau neste vídeo e ele vai me levar em um tour pelo mundo do que ficou conhecido como CSS-in-JS. Ou seja, fazendo o seu "

Esta é uma compilação de quatro vídeos que fiz nos últimos meses para um patrocínio da Automattic. É principalmente sobre Jetpack, um plugin do WordPress I "

A Jetpack patrocinou este vídeo, que mostra o que a Jetpack é e pode fazer pelo seu site. Estas são minhas palavras! Sou um grande fã do Jetpack e o executo "

A internet é, sem metáfora, apenas um monte de servidores amarrados por fios. Sem servidores, não teríamos como compartilhar nossas criações com o "

Esta é uma palestra que dei em algumas conferências recentemente. Trata-se de quatro propriedades diferentes em CSS: path-outside offset-path clip-path d Aqui "

Sarah Drasner e eu curtimos o Vue! Vue é uma estrutura JavaScript muito popular que está explodindo. Sarah está na equipe principal e é a que mais "

Firebug é uma extensão essencial do Firefox para web designers e desenvolvedores. Você pode direcionar rapidamente qualquer elemento em uma página para ver a marcação, o "

Parece que o CSS Grid já existe há muito tempo, mas agora parece que está chegando a um ponto em que as pessoas estão falando cada vez mais sobre ele "

O CSS-Tricks em si é um site WordPress e para o qual o WordPress é perfeito. Entre coisas como login e sistema de permissões, blogs, "

Eric Portis se junta a mim para mergulhar no mundo das imagens responsivas. Começamos com o básico. Imagens responsivas são especificamente imagens em HTML e existem "

Eu vi um Dribbble filmado outro dia por Eli Brumley que teve um efeito interativo legal. Um botão azul circular simples, quando clicado, se expande em um pequeno "

Às vezes, para iniciar uma jornada para aprender algo grande e complexo, você precisa aprender algo pequeno e simples. JavaScript é enorme e complexo, mas "

Sublime Text é um editor de código muito popular. Apesar de sua popularidade e de todas as coisas boas que ouvi sobre ele, ainda confio muito em outros "

É hora de outro screencast de emparelhamento! Desta vez estou com Zach Leatherman, do Filament Group. Zach pesquisou muito, escreveu e falou "

Concluímos a conversão da maquete aqui no terceiro episódio. Criamos a "área do artigo" e a "barra lateral" (nomenclatura de classe semântica!) E, em seguida, limpamos a "

Neste screencast, junto com Brian Muenzenmeyer, que, entre outras coisas, trabalha no Pattern Lab. Especificamente, a versão Node do Pattern Lab, junto com "