Screencasts de vídeo 2025, Janeiro

# 156: Vamos falar sobre o Webpack - CSS-Tricks

# 156: Vamos falar sobre o Webpack - CSS-Tricks

Sean Larkin se junta a mim para falar sobre o Webpack! Duvido que esteja sozinho um pouco confuso sobre o que diabos o Webpack é e faz. Mesmo se você estiver ativamente "

# 134: Um tour por um site em andamento criado com Jekyll, Grunt, Sass, um sistema SVG e muito mais - CSS-Tricks

# 134: Um tour por um site em andamento criado com Jekyll, Grunt, Sass, um sistema SVG e muito mais - CSS-Tricks

Aviso: este é um screencast sinuoso de nível intermediário no qual examinamos o código que alimenta o processo de construção de um site. Não escrevemos nenhum código. "

# 99: Visão geral dos tipos, atributos e elementos de formulários HTML5 - CSS-Tricks

# 99: Visão geral dos tipos, atributos e elementos de formulários HTML5 - CSS-Tricks

HTML5 tem vários recursos específicos de formulário que tornam os formulários melhores na web. O suporte do navegador para os recursos está em todo o mapa, mas muitos dos "

# 9: Noite estrelada: plano de fundo 3D com efeito paralaxe - CSS-Tricks

# 9: Noite estrelada: plano de fundo 3D com efeito paralaxe - CSS-Tricks

Usando três camadas de arquivos PNG transparentes alfa, podemos criar um fundo de aparência pseudo-tridimensional para uma página da web. Este screencast cobre como "

# 98: Brincando com bordas corporais - CSS-Tricks

# 98: Brincando com bordas corporais - CSS-Tricks

Colocar uma borda ao redor da janela do navegador é uma ideia muito simples e pode ser um bom efeito de design. Mas como fazemos para que o "

# 96: localStorage para formulários - CSS-Tricks

# 96: localStorage para formulários - CSS-Tricks

HTML5 tem um método incrivelmente simples para armazenar dados persistentes chamado localStorage. Nativamente, você apenas chama um método com par chave / valor e que é "

# 97: Introdução às animações CSS - CSS-Tricks

# 97: Introdução às animações CSS - CSS-Tricks

As animações, assim como as transições, podem alterar os elementos da página ao longo do tempo. As animações são mais poderosas e complexas de várias maneiras. Você precisa declarar um "

# 95: Um conto de gradientes de fronteira - CSS-Tricks

# 95: Um conto de gradientes de fronteira - CSS-Tricks

Acontece que existe uma maneira simples de realizar gradientes nas bordas. Isso me levou mais tempo do que deveria para chegar, porém, este screencast cobre "

# 94: Introdução aos pseudo elementos - CSS-Tricks

# 94: Introdução aos pseudo elementos - CSS-Tricks

Pseudoelementos são elementos visíveis em uma página da web que não estão "no DOM" ou criados a partir de HTML, mas são inseridos diretamente do CSS. Isso permite"

# 93: Caixas deslizantes CSS3 - CSS-Tricks

# 93: Caixas deslizantes CSS3 - CSS-Tricks

Acompanhe enquanto usamos algumas transições CSS3 muito simples para criar um efeito de caixa "deslizante". Passe o mouse sobre a caixa e o título da caixa "

# 92: Passo a passo do código da tabela de desenho - CSS-Tricks

# 92: Passo a passo do código da tabela de desenho - CSS-Tricks

A tabela de desenho é, em essência, um mini aplicativo jQuery de uma página. Ele tem uma função principal, criar um design colorido, alterando as cores das células "

# 91: O loop do WordPress - CSS-Tricks

# 91: O loop do WordPress - CSS-Tricks

Não há falta de documentação sobre a famosa estrutura de spewing de conteúdo do WordPress, mas ainda sinto que há mais confusão e mistério "

# 86: Primeiros momentos com MAMP - CSS-Tricks

# 86: Primeiros momentos com MAMP - CSS-Tricks

Estou muito atrasado neste aqui, mas até recentemente, eu nunca realmente desenvolvi localmente. Tudo o que eu fiz foi "ficar comandando" e trabalhando "

# 90: Dicas simples do TextMate - CSS-Tricks

# 90: Dicas simples do TextMate - CSS-Tricks

TextMate é um editor de código apenas para Mac. Desculpe a todos os usuários de PC desta vez. Se você assiste a esses screencasts há muito tempo, sabe que usei "

# 89: Organizando um documento do Photoshop - CSS-Tricks

# 89: Organizando um documento do Photoshop - CSS-Tricks

Se você é como eu, você é culpado de documentos do Photoshop seriamente desorganizados e aprecia os bem organizados. A desorganização não é "

# 8: Formatação CSS - CSS-Tricks

# 8: Formatação CSS - CSS-Tricks

Ser organizado e usar uma boa formatação em seus arquivos CSS pode economizar muito tempo e frustração durante o processo de desenvolvimento e, principalmente, "

# 88: Introdução ao Compass / Sass - CSS-Tricks

# 88: Introdução ao Compass / Sass - CSS-Tricks

Pergunte a um monte de designers o que eles gostariam que o CSS pudesse fazer e não pode agora, e você obterá uma grande lista que se parece muito com a lista de recursos para o "

# 85: Melhores práticas com conteúdo dinâmico - CSS-Tricks

# 85: Melhores práticas com conteúdo dinâmico - CSS-Tricks

Um dos artigos que atualizei durante "Maio é o mês da manutenção" era um artigo sobre conteúdo dinâmico. A ideia era um site simples onde clicar em um link "

# 87: Subindo com o MAMP - CSS-Tricks

# 87: Subindo com o MAMP - CSS-Tricks

Trabalhar localmente com o MAMP é incrível, mas e quando você precisar colocar esse site no ar? Da última vez, temos uma versão do WordPress instalada localmente, agora "

# 83: Reflexões sobre SEO - CSS-Tricks

# 83: Reflexões sobre SEO - CSS-Tricks

Aviso justo: mais incoerente do que o normal. Ouça meus pensamentos sobre SEO. O que eu acho que sei é que SEO é uma série de práticas recomendadas bastante óbvias. UMA"

# 84: Passo a passo do site de chris-mcgarry.com - CSS-Tricks

# 84: Passo a passo do site de chris-mcgarry.com - CSS-Tricks

Construí um site para um músico amigo meu que está lançando um novo álbum. É claro que ter faixas reproduzíveis é importante, mas a questão clássica de ter "

# 81: Como usar AJAX em um tema WordPress - CSS-Tricks

# 81: Como usar AJAX em um tema WordPress - CSS-Tricks

Veja como me esforço para adicionar funcionalidade AJAX a um tema WordPress. A ideia é que qualquer link interno do site carregue no principal "

# 82: Alternador de imagens CSS - CSS-Tricks

# 82: Alternador de imagens CSS - CSS-Tricks

Passe o mouse sobre um link e observe a alteração da imagem acima. Isso é o que construímos neste screencast, só que não usamos nenhum JavaScript para fazer isso. O truque é algum "

# 80: Em relação à invenção da roda - CSS-Tricks

# 80: Em relação à invenção da roda - CSS-Tricks

Um casal precisa de uma galeria de fotos para seu casamento, onde todos possam navegar e fazer upload de suas próprias fotos do casamento. Desenvolvedor iniciante: eu conheço "

# 79: Animações completas / sem fila com jQuery - CSS-Tricks

# 79: Animações completas / sem fila com jQuery - CSS-Tricks

Quando você usa a função .animate () do jQuery com algo como um evento hover, essas animações vão "enfileirar". Ou seja, se você passar o mouse várias vezes, "

# 7: Menu de três estados - CSS-Tricks

# 7: Menu de três estados - CSS-Tricks

Usando uma variação da técnica CSS Sprites, podemos criar um menu de "três estados" usando apenas uma imagem por item de menu. Isso reduz o número de solicitações "

Nº 78: Publicidade na Web - CSS-Tricks

Nº 78: Publicidade na Web - CSS-Tricks

Neste screencast, discuto a publicidade online. O que é, como funciona e por que não é mau (exceto quando é). Falo sobre minhas experiências, o "

Nº 72: Construindo um site (2 de 3): Conversão de HTML / CSS - CSS-Tricks

Nº 72: Construindo um site (2 de 3): Conversão de HTML / CSS - CSS-Tricks

Na parte 2 desta série, começamos a conversão HTML / CSS da maquete do Photoshop que criamos na parte um. Começamos com um projeto muito esquelético "

# 77: Estilizando um artigo individual - CSS-Tricks

# 77: Estilizando um artigo individual - CSS-Tricks

A ideia de postagens de "direção de arte" é muito popular ultimamente. É a ideia de aplicar um estilo único a um artigo na web da maneira que imprime "

# 76: Um tour pelo jQuery em um site ao vivo - CSS-Tricks

# 76: Um tour pelo jQuery em um site ao vivo - CSS-Tricks

Estou ocupado, você está ocupado, estamos todos ocupados tentando cumprir prazos e fazer as coisas neste mundo louco da web. Adoro aprender novas tecnologias quando posso, "