Screencasts de vídeo 2025, Janeiro

# 75: Como não projetar um check-out - CSS-Tricks

# 75: Como não projetar um check-out - CSS-Tricks

Vocês vão ter que me perdoar, pessoal, este não é um screencast muito construtivo. Fiquei frustrado com o processo de compra de baixa qualidade de um produto de software I "

Nº 73: Construindo um site (3 de 3): Tema WordPress - CSS-Tricks

Nº 73: Construindo um site (3 de 3): Tema WordPress - CSS-Tricks

Na parte 3 desta série, pegamos o HTML e CSS que já criamos para este design e os convertemos em um tema WordPress. Começamos com um "

# 74: Galeria de imagens CSS3 editáveis ​​- CSS-Tricks

# 74: Galeria de imagens CSS3 editáveis ​​- CSS-Tricks

Nós construímos um padrão de design de galeria de imagens bastante típico, uma grade de imagens que aparecem maiores quando clicadas. Mas esta página da galeria de imagens faz uso de "

Nº 71: Construindo um site (1 de 3): Photoshop Mockup - CSS-Tricks

Nº 71: Construindo um site (1 de 3): Photoshop Mockup - CSS-Tricks

Este é o início de uma série de três partes sobre a construção de um website. Este será um verdadeiro site para um músico amigo meu, cujo site eu estraguei por acaso "

# 69: Primeiros dez minutos com o TypeKit - CSS-Tricks

# 69: Primeiros dez minutos com o TypeKit - CSS-Tricks

Recebi o convite do TypeKit, me inscrevi e tive lindas fontes personalizadas bombando na minha página em apenas alguns minutos. Vou te mostrar todo o processo de "

# 70: Peeves aleatórios de animais de estimação - CSS-Tricks

# 70: Peeves aleatórios de animais de estimação - CSS-Tricks

Eu simplesmente passo aleatoriamente por alguns pequenos aborrecimentos e reclamações que tenho com tudo, do OS X ao Photoshop, ao WordPress ao CSS. Pensei em mais 5 "

# 68: Técnica de desvanecimento do fundo do Think Geek - CSS-Tricks

# 68: Técnica de desvanecimento do fundo do Think Geek - CSS-Tricks

Este vídeo demonstra a técnica vista no site Think Geek 3.0. A parte inferior do site tem o design de vários robôs e como a tela é "

# 6: Ferramentas do comércio - CSS-Tricks

# 6: Ferramentas do comércio - CSS-Tricks

Antes de avançar muito nesses screencasts, pensei em apresentá-los um pouco ao meu ambiente de trabalho e explicar as ferramentas que utilizo. "

# 67: jQuery Parte 3 - Plug-in de título de imagem - CSS-Tricks

# 67: jQuery Parte 3 - Plug-in de título de imagem - CSS-Tricks

Este vídeo se concentra em pegar uma ideia e um código já existentes e transformá-los em um plugin jQuery. Neste caso, ajuda a manter nosso código tão semântico quanto ele "

# 191: Aprenda fazendo: CUBE CSS - CSS-Tricks

# 191: Aprenda fazendo: CUBE CSS - CSS-Tricks

Andy Bell se junta a mim para falar sobre sua metodologia CSS que ele chama de CUBE CSS. Isso é composição, utilidade, bloco e exceção. CUBE CSS é uma metodologia CSS "

# 64: Construindo uma galeria de fotos - CSS-Tricks

# 64: Construindo uma galeria de fotos - CSS-Tricks

Esta galeria de fotos será construída automaticamente a partir de um diretório de imagens, incluindo subdiretórios e as imagens dentro deles. As imagens abrem em um bom "

# 65: Usos avançados para campos personalizados no WordPress - CSS-Tricks

# 65: Usos avançados para campos personalizados no WordPress - CSS-Tricks

Mais do que qualquer outro recurso, o que torna o WordPress um CMS (em oposição a apenas uma plataforma de blog) são os campos personalizados. Os campos personalizados são blocos de dados "

# 66: Estilo de mesa 2, cabeçalho fixo e realce - CSS-Tricks

# 66: Estilo de mesa 2, cabeçalho fixo e realce - CSS-Tricks

Apenas alguns truques rápidos, do zero, para codificar tabelas. Usamos as tags semânticas adequadas para um cabeçalho de tabela e, em seguida, definimos em uma posição fixa

# 58: HTML e CSS - MUITO Fundamentos - CSS-Tricks

# 58: HTML e CSS - MUITO Fundamentos - CSS-Tricks

Este vídeo é MUITO básico do que é HTML e CSS, para o iniciante absoluto. Os arquivos HTML e CSS são, literalmente, apenas arquivos de texto. Você não precisa "

# 63: Sobre screencasting - CSS-Tricks

# 63: Sobre screencasting - CSS-Tricks

Esta é uma visão dos bastidores de como eu crio e distribuo o screencast. Eu examino o hardware e o software que uso, como fica "

# 62: Estilo e funcionalidade avançados de formulários - CSS-Tricks

# 62: Estilo e funcionalidade avançados de formulários - CSS-Tricks

Este screencast percorre o código que alimenta um formulário da web bastante avançado. Ele utiliza jQuery para ocultar e mostrar entradas conforme necessário, bem como poder três "

# 60: AJAX atualizando o conteúdo RSS - CSS-Tricks

# 60: AJAX atualizando o conteúdo RSS - CSS-Tricks

No vídeo # 55, o resultado final foi o FeedSmusher, que inseriu conteúdo de feeds RSS externos em uma página nossa. Neste screencast, vamos começar "

# 61: Estilo de tabela básico com CSS - CSS-Tricks

# 61: Estilo de tabela básico com CSS - CSS-Tricks

As tabelas são ótimas. Eles são perfeitamente adequados para uso na web. Ou seja, para exibir dados tabulares! Neste screencast, cobriremos o que realmente "

Nº 59: Incorporação de áudio - CSS-Tricks

Nº 59: Incorporação de áudio - CSS-Tricks

Colocar uma imagem em uma página da web é fácil, arquivos de áudio, nem tanto. HTML5 tornará tudo tão fácil quanto deveria ser, mas até lá, teremos que recorrer a outros "

# 5: Colunas de altura igual: Layout super simples de duas colunas - CSS-Tricks

# 5: Colunas de altura igual: Layout super simples de duas colunas - CSS-Tricks

Forçar várias colunas a ter a mesma altura é uma daquelas coisas complicadas em web design. Neste screencast, vou mostrar um pequeno truque sobre isso. "

# 57: Usando CSS3 - CSS-Tricks

# 57: Usando CSS3 - CSS-Tricks

A última onda de navegadores da web tem um suporte decente para uma variedade de coisas CSS3. Particularmente Safari 4 e Firefox 3.1. Este screencast cobre muitos "

# 56: Integrando FoxyCart e WordPress - CSS-Tricks

# 56: Integrando FoxyCart e WordPress - CSS-Tricks

FoxyCart é um sistema de comércio eletrônico muito adaptável. Os produtos são criados dinamicamente como parte dos botões de adicionar ao carrinho, que são apenas HTML simples. Isso significa que você "

# 55: Adicionando conteúdo RSS com SimplePie - CSS-Tricks

# 55: Adicionando conteúdo RSS com SimplePie - CSS-Tricks

A parte "Realmente Simples" do RSS às vezes é enganosa. E se você quiser obter conteúdo de um feed RSS e exibi-lo em seu site? Fazendo isso de "

# 54: Introdução à FLIR - CSS-Tricks

# 54: Introdução à FLIR - CSS-Tricks

FLIR (Face Lift Image Replacement) se autodenomina uma "alternativa ao sIFR". Eles estão definitivamente na mesma categoria. sIFR tem algumas funcionalidades extras, "

# 52: Construindo uma folha de estilo de impressão - CSS-Tricks

# 52: Construindo uma folha de estilo de impressão - CSS-Tricks

Minha técnica para construir folhas de estilo de impressão é assim. 1) Comece do zero 2) Deixe a maioria dos padrões em paz 2) Elimine tudo na página que você "

# 53: Como personalizar formulários, botões e cabeçalhos do PayPal - CSS-Tricks

# 53: Como personalizar formulários, botões e cabeçalhos do PayPal - CSS-Tricks

PayPal, ame ou odeie, é a maneira mais fácil de enviar e receber dinheiro online. Neste screencast, mostramos como criar um botão Comprar agora, que usa um "

# 4: Forçando barras de rolagem: eliminando "saltos horizontais" - CSS-Tricks

# 4: Forçando barras de rolagem: eliminando "saltos horizontais" - CSS-Tricks

Neste screencast, falo sobre como forçar barras de rolagem verticais em sites. Sem fazer isso, as páginas com conteúdo centralizado podem parecer "saltar" para "

# 50: Construindo um formulário de pedido personalizado e dinâmico - CSS-Tricks

# 50: Construindo um formulário de pedido personalizado e dinâmico - CSS-Tricks

Os clientes da vida real têm necessidades reais para seus sites. Eles não se importam com seus feeds RSS sofisticados e AJAX, eles só querem que seu site faça o que "

# 51: Uma lição aprendida sobre acessibilidade - CSS-Tricks

# 51: Uma lição aprendida sobre acessibilidade - CSS-Tricks

Mesmo quando projetamos com nossas melhores intenções em relação à acessibilidade, muitas vezes é necessário alguém que realmente usa software de acessibilidade para testar o site e ajudar "

# 49: Mistura de truques do Photoshop - CSS-Tricks

# 49: Mistura de truques do Photoshop - CSS-Tricks

Photoshop é a minha ferramenta preferida de design para a web. Eu comparo isso a escolher o violão como um instrumento para tocar. Uma guitarra soa bem sozinha e ali "