Screencasts de vídeo 2025, Janeiro

# 48: Skinning phpBB - CSS-Tricks

# 48: Skinning phpBB - CSS-Tricks

Criar um tema totalmente personalizado para o popular software de fóruns phpBB seria um trabalho gigantesco. Felizmente, para começar a trabalhar rapidamente, podemos simplesmente "

# 47: Abreviação de CSS - CSS-Tricks

# 47: Abreviação de CSS - CSS-Tricks

Existem vários atributos CSS que podem ser combinados em um único atributo para abreviar a codificação. Eu endosso o uso de abreviatura CSS sempre que "

# 190: As propriedades personalizadas de CSS penetram no Shadow DOM - CSS-Tricks

# 190: As propriedades personalizadas de CSS penetram no Shadow DOM - CSS-Tricks

Um dos pontos principais do Shadow DOM é que ele fornece encapsulamento. Sem estilos de saída, sem estilos de entrada. Mas há maneiras de "passar" pelo Shadow DOM e "

# 46: Domínios, DNS, hospedagem e Google Apps - CSS-Tricks

# 46: Domínios, DNS, hospedagem e Google Apps - CSS-Tricks

Lidar com domínios e hospedagem e todas as coisas de configuração de servidor geralmente não são as coisas mais confortáveis ​​para web designers. Neste screencast eu ando "

# 45: Usando o FoxyCart para comércio eletrônico - CSS-Tricks

# 45: Usando o FoxyCart para comércio eletrônico - CSS-Tricks

FoxyCart é meu novo sistema de comércio eletrônico favorito. É extremamente fácil começar. Você tem controle total do design sobre todos os aspectos dele (carrinho, "

# 42: Screencast Tudo Sobre Flutuadores - CSS-Tricks

# 42: Screencast Tudo Sobre Flutuadores - CSS-Tricks

Ainda mais do que o índice z (que abordamos há algumas semanas), a propriedade float é conhecida por causar episódios de puxões de cabelo e socos no monitor. Parece"

# 41: WordPress como um CMS - CSS-Tricks

# 41: WordPress como um CMS - CSS-Tricks

Certa vez, fizemos uma pesquisa perguntando às pessoas qual era seu CMS favorito. O WordPress foi um grande vencedor, mas também recebeu muitos comentários de "WordPress não é um CMS !!". "

# 43: Como usar CSS Sprites - CSS-Tricks

# 43: Como usar CSS Sprites - CSS-Tricks

Os CSS Sprites têm sido um tema quente há muito tempo. O fato é que cada imagem em uma página da web é uma solicitação de servidor separada e você pode drasticamente "

# 40: Como funciona o Z-index - CSS-Tricks

# 40: Como funciona o Z-index - CSS-Tricks

O índice Z pode ser um pouco confuso às vezes. Neste screencast, tento explicar como funciona, como está vinculado ao posicionamento, algumas peculiaridades e alguns "

# 44: Mistura de truques do WordPress - CSS-Tricks

# 44: Mistura de truques do WordPress - CSS-Tricks

É a semana do WordPress aqui no CSS-Tricks, então eu queria fazer um screencast com o tema do WordPress e cobrir um monte de mini-dicas que não chegaram aos anteriores "

# 3: Convertendo um Photoshop Mockup (parte 3 de 3) - CSS-Tricks

# 3: Convertendo um Photoshop Mockup (parte 3 de 3) - CSS-Tricks

Eu termino o design na parte três desta série sobre a conversão de uma maquete de site do Adobe Photoshop em um site HTML / CSS real. Este se concentra em "

# 39: Como usar o sIFR 3 - CSS-Tricks

# 39: Como usar o sIFR 3 - CSS-Tricks

SIFR (Scalable Inman Flash Replacement) é uma tecnologia que permite que você use qualquer fonte que desejar em suas páginas da web. Resumindo, ele usa JavaScript "

# 38: Noções básicas e dicas sobre design para o iPhone - CSS-Tricks

# 38: Noções básicas e dicas sobre design para o iPhone - CSS-Tricks

Projetar uma página da web otimizada para o iPhone não é ciência do foguete. É o mesmo HTML, CSS e JavaScript que você já conhece. A diferença"

# 30: Criação e envio de e-mail em HTML - CSS-Tricks

# 30: Criação e envio de e-mail em HTML - CSS-Tricks

Projetar e-mail em HTML está longe de ser um web design comum. Claro, ambos são elementos HTML, mas toda a filosofia é diferente. Neste mundo, você tem que "

# 36: Destaque de navegação atual: usando PHP para definir o ID do corpo - CSS-Tricks

# 36: Destaque de navegação atual: usando PHP para definir o ID do corpo - CSS-Tricks

Uma das maneiras mais eficientes de lidar com o realce da navegação atual é dar a cada um dos itens de navegação um nome de classe exclusivo. Em seguida, dê a cada página "

# 37: Aplicativos de status, fluido e barra de menus - CSS-Tricks

# 37: Aplicativos de status, fluido e barra de menus - CSS-Tricks

Aviso justo: este screencast é bastante específico para Mac e eu divago sobre todos os tipos de coisas aleatórias não relacionadas a web design. Apresento o novo aplicativo da web "

# 35: Introdução ao jQuery 2 - CSS-Tricks

# 35: Introdução ao jQuery 2 - CSS-Tricks

Começando de onde paramos da última vez, continuamos explorando as possibilidades do jQuery. Revisitamos algumas das funções antigas e fazemos com que executem "

# 33: Reforma da página do produto de comércio eletrônico - CSS-Tricks

# 33: Reforma da página do produto de comércio eletrônico - CSS-Tricks

Eu concordo com a teoria de que redesenhos de páginas da web devem ser evolucionários, não revolucionários. Fazer pequenas alterações, ajustes e atualizações ao longo do tempo leva a "

# 32: Como usar a correção PNG da unidade - CSS-Tricks

# 32: Como usar a correção PNG da unidade - CSS-Tricks

Projetar usando PNGs transparentes torna a vida muito mais fácil e designs mais legais possíveis. Como todos nós sabemos, o IE 6 e inferiores não oferecem suporte "

# 34: Integrando e personalizando o Google Maps - CSS-Tricks

# 34: Integrando e personalizando o Google Maps - CSS-Tricks

O Google Maps, com todos os recursos de arrastar e zoom, visualização de satélite e tudo, é meu serviço de mapeamento preferido. O Google oferece uma API gratuita para seus mapas, "

Nº 31: Introdução ao Google Analytics - CSS-Tricks

Nº 31: Introdução ao Google Analytics - CSS-Tricks

O Google Analytics é um serviço gratuito para rastrear todos os tipos de informações sobre os visitantes do seu site. Recentemente, tive uma experiência estranha com o "

Nº 29: Pesquisa do Google para o seu site - CSS-Tricks

Nº 29: Pesquisa do Google para o seu site - CSS-Tricks

Integrar a pesquisa em um site pode ser um assunto incrivelmente complexo, muito além de minhas habilidades de desenvolvimento web. Felizmente, o Google oferece um serviço chamado "

# 2: Convertendo um Photoshop Mockup (parte 2 de 3) - CSS-Tricks

# 2: Convertendo um Photoshop Mockup (parte 2 de 3) - CSS-Tricks

Na segunda parte desta série sobre a conversão de uma maquete do Photoshop em um site HTML / CSS, continuo com a seção de cabeçalho / menu do site. Eu mudo o "

Nº 28: Usando o Wufoo para formulários da web - CSS-Tricks

Nº 28: Usando o Wufoo para formulários da web - CSS-Tricks

Sempre que alguém me pergunta sobre formulários, sempre menciono Wufoo. No trabalho e em casa, quase todos os formulários que crio, apenas uso o Wufoo. Faz a forma "

# 201: Fazendo Booping - CSS-Tricks

# 201: Fazendo Booping - CSS-Tricks

Joshua Comeau cunhou coletivamente o termo "boop" (toca aqui, Adam Kuhn). Esses são estados de pairar / foco, exceto que não são. Suas coisinhas - "

# 26: Projetando para Wordpress: Parte Dois - CSS-Tricks

# 26: Projetando para Wordpress: Parte Dois - CSS-Tricks

Temos o WordPress instalado, agora vamos realmente sujar as mãos e começar a fazer o WordPress fazer o que queremos. Começamos examinando o "

# 27: Projetando para Wordpress: Parte Três - CSS-Tricks

# 27: Projetando para Wordpress: Parte Três - CSS-Tricks

Na parte três desta série, finalizamos a estrutura do site e começamos a mergulhar nos detalhes. A tipografia está configurada, a barra lateral direita está configurada "

# 202: Marcadores de lista centralizada - CSS-Tricks

# 202: Marcadores de lista centralizada - CSS-Tricks

Como tantas coisas CSS, há todo tipo de coisa para saber, até algo tão minúsculo quanto centralizar um marcador de lista. Um leitor escreveu com um "

# 25: Projetando para Wordpress: Parte Um - CSS-Tricks

# 25: Projetando para Wordpress: Parte Um - CSS-Tricks

WordPress é um CMS extremamente popular para blogs. A seção do blog do CSS-Tricks é executada em WordPress e estou muito feliz com isso. Por solicitação popular, somos "

# 200: Role para Zoom - CSS-Tricks

# 200: Role para Zoom - CSS-Tricks

Aviso justo: você não vai precisar disso todos os dias! Acontece que eu estava olhando uma pequena ferramenta de warping SVG que tinha um recurso onde meu mouse "