Screencasts de vídeo 2025, Janeiro

# 91: Páginas individuais da galeria de photoshopping - CSS-Tricks

# 91: Páginas individuais da galeria de photoshopping - CSS-Tricks

Neste screencast, passamos um pouco de tempo pensando em como será a aparência de uma página individual de captura de tela da Galeria. Há alguns dados que já "

# 87: Grade da galeria - CSS-Tricks

# 87: Grade da galeria - CSS-Tricks

Temos a área da galeria configurada no WordPress, que expõe o que precisamos, mas quase não há nenhum estilo na página ainda. Nós"

# 90: Configurando páginas individuais na galeria - CSS-Tricks

# 90: Configurando páginas individuais na galeria - CSS-Tricks

Cada captura de tela (ou vídeo) na galeria tem sua própria página individual. Você pode acessá-los facilmente, apenas clicando na própria imagem. Queremos fazer isso "

# 89: Ajustando a Barra da Galeria - CSS-Tricks

# 89: Ajustando a Barra da Galeria - CSS-Tricks

Neste vídeo, fazemos vários ajustes na barra que configuramos com a maioria das funcionalidades da Galeria. Design tem tudo a ver com ajustes, não é? "

# 86: Galeria de fotos - CSS-Tricks

# 86: Galeria de fotos - CSS-Tricks

Eu estava animado para começar na área da Galeria no site. É uma das áreas que eram particularmente ruins na v9. Não recebe muito tráfego, mas "

# 88: Construindo o Gallery Bar - CSS-Tricks

# 88: Construindo o Gallery Bar - CSS-Tricks

Começamos a construir a barra abaixo do cabeçalho da galeria. Este bar tem um trabalho e tanto. Diz às pessoas onde estão e o que estão a ver (migalhas de pão, "

# 84: Movendo o rodapé para o WordPress - CSS-Tricks

# 84: Movendo o rodapé para o WordPress - CSS-Tricks

Começamos corrigindo alguns caminhos de arquivo de imagem. Eu sempre faço uma distinção ao usar imagens dentro de um tema WordPress. Esta imagem é parte deste "

# 85: Visualização da postagem do blog (single.php) no WordPress - CSS-Tricks

# 85: Visualização da postagem do blog (single.php) no WordPress - CSS-Tricks

Se tivéssemos que escolher, a visualização de uma única postagem do blog é provavelmente o modelo mais importante do site. Temos uma maquete estática de uma página de postagem do blog, então "

Nº 158: Um mês depois: Conclusão final - CSS-Tricks

Nº 158: Um mês depois: Conclusão final - CSS-Tricks

Cerca de um mês após o lançamento, falamos sobre como foi o lançamento da v10. Analisamos o documento que configuramos no início deste processo "

# 80: Atualizando o conteúdo local executando o SQL - CSS-Tricks

# 80: Atualizando o conteúdo local executando o SQL - CSS-Tricks

Agora temos um arquivo .sql graças à sua exportação e download como fizemos no último vídeo. Agora só precisamos executá-lo e sobrescrever nosso "

# 156: Lançamento do site, Parte 1 - CSS-Tricks

# 156: Lançamento do site, Parte 1 - CSS-Tricks

Este é o grande momento! Temos uma lista de coisas que sabemos que precisamos fazer e vamos começar a fazer e colocar este site no ar. Talvez o"

# 155: Analisando a lista de verificação de pré-lançamento - CSS-Tricks

# 155: Analisando a lista de verificação de pré-lançamento - CSS-Tricks

Estamos APENAS prestes a lançar essa coisa! É hora de examinar os últimos pequenos problemas que precisam ser resolvidos antes do lançamento. Tenha em mente que o "

# 81: Movendo o cabeçalho para o WordPress - CSS-Tricks

# 81: Movendo o cabeçalho para o WordPress - CSS-Tricks

É hora de realmente mover nosso design para o WordPress. Pode muito bem começar de cima para baixo e começar com o cabeçalho. Além de ser apenas um lógico "

# 157: Acompanhamento pós-lançamento imediato - CSS-Tricks

# 157: Acompanhamento pós-lançamento imediato - CSS-Tricks

Eu gravei o vídeo apenas talvez 10 minutos depois de lançar o site. Os comentários estão começando a chegar e sou eu meio que reagindo a alguns deles. Gostar"

# 83: Construindo a página inicial do WordPress, Parte 2 - CSS-Tricks

# 83: Construindo a página inicial do WordPress, Parte 2 - CSS-Tricks

Continuamos transferindo o código de nossa maquete estática para nossa página index.php do WordPress. Ajustamos o "loop" um pouco para produzir exatamente o que queremos. Nós descemos "

# 82: Construindo a página inicial do WordPress, Parte 1 - CSS-Tricks

# 82: Construindo a página inicial do WordPress, Parte 1 - CSS-Tricks

A grande mudança para o WordPress está em andamento! Terminamos o arquivo header.php e passamos para index.php. index.php é responsável pela nossa homepage. O primeiro"

# 154: Estilizando os arquivos da loja e página de vídeo de uma única loja - CSS-Tricks

# 154: Estilizando os arquivos da loja e página de vídeo de uma única loja - CSS-Tricks

A página inicial do The Lodge quando você estiver logado (ou seja, / lodge /) será uma espécie de página de "portal". Esta série, que chamaremos de "The Big v10 Redsign"

# 152: Estilizando a página de login do WordPress (Lodge) - CSS-Tricks

# 152: Estilizando a página de login do WordPress (Lodge) - CSS-Tricks

Nosso "widget" para The Lodge na barra lateral do site (exibido na maioria das páginas, incluindo a página inicial) tem dois estados. Um para quando um usuário estiver desconectado e um "

# 153: Estilizando o formulário de inscrição do Lodge - CSS-Tricks

# 153: Estilizando o formulário de inscrição do Lodge - CSS-Tricks

A página de inscrição do The Lodge é muito importante por motivos óbvios: esta é a página que coleta o dinheiro e dá acesso aos membros "

# 150: Protegendo conteúdo de vídeo com links S3 expirados - CSS-Tricks

# 150: Protegendo conteúdo de vídeo com links S3 expirados - CSS-Tricks

Neste screencast, examinamos como podemos hospedar arquivos no Amazon S3 (Simple Storage Service) de forma que possamos vincular e usar esses ativos, mas não "

# 151: Construindo o Módulo Lodge (e um Relatório Rápido) - CSS-Tricks

# 151: Construindo o Módulo Lodge (e um Relatório Rápido) - CSS-Tricks

Fazemos um módulo para a barra lateral geral do site que é apenas para o The Lodge. Se você estiver logado, receberá as boas-vindas e fornecerá links relevantes "

# 149: Construindo um formulário de login para o Lodge - CSS-Tricks

# 149: Construindo um formulário de login para o Lodge - CSS-Tricks

Uma das razões pelas quais o WordPress é incrível é que ele vem com seu próprio sistema de autenticação de usuário totalmente funcional. Escrevendo isso do zero hoje em dia "

# 148: Definir o estilo do botão de inscrição para o Lodge - CSS-Tricks

# 148: Definir o estilo do botão de inscrição para o Lodge - CSS-Tricks

No último vídeo, descobrimos como servir conteúdo diferente em nossos modelos com base no login dos usuários e no status da assinatura. Nós usamos isso "

# 144: Estilo e finalização da paginação dos fóruns - CSS-Tricks

# 144: Estilo e finalização da paginação dos fóruns - CSS-Tricks

Estamos tentando finalizar o estilo dos fóruns aqui. Um dos principais mecanismos de navegação nos fóruns é a paginação. No final da página, "

# 145: Introdução ao The Lodge (área de acesso privado) - CSS-Tricks

# 145: Introdução ao The Lodge (área de acesso privado) - CSS-Tricks

Fizemos uma pequena preparação para esta nova "Área de Acesso Privado" no CSS-Tricks. Vimos os plug-ins do WordPress para nos ajudar, até decidimos por um e definimos "

# 146: Cabeçalho personalizado para o Lodge - CSS-Tricks

# 146: Cabeçalho personalizado para o Lodge - CSS-Tricks

No último screencast, pegamos aquela foto do iStockPhoto da cabana com neve e da floresta. Colocamos em segundo plano, atrás da área de conteúdo principal "

# 143: Discussão sobre novos estilos e funcionalidades de tópicos de discussão - CSS-Tricks

# 143: Discussão sobre novos estilos e funcionalidades de tópicos de discussão - CSS-Tricks

Não fique bravo, mas eu tive que pular um pouco à frente porque havia um trabalho cansativo, longo e enfadonho de substituir diferentes pontos de vista corrigindo "

# 142: Estilo dos Módulos dos Fóruns - CSS-Tricks

# 142: Estilo dos Módulos dos Fóruns - CSS-Tricks

Ao longo do lado direito dos fóruns, há uma série de módulos. "Módulos" visualmente, "Módulos" literalmente no código e "Módulos" no conteúdo que "

Nº 141: Restringir a configuração e as configurações do Content Pro - CSS-Tricks

Nº 141: Restringir a configuração e as configurações do Content Pro - CSS-Tricks

Neste screencast, fazemos uma pequena pausa na luta contra o estilo do Vanilla Forums para trabalhar na configuração do Restrict Content Pro (RCP), nosso plugin WordPress para "