Screencasts de vídeo 2025, Janeiro

# 018 - Rodapé - CSS-Tricks

# 018 - Rodapé - CSS-Tricks

Este será o rodapé mais simples de todos os tempos. Será um símbolo de copyright com o nome de Jeff (é sempre bom, eu acho, ter o nome do "

# 016 - Navegação inicial, parte 2 - CSS-Tricks

# 016 - Navegação inicial, parte 2 - CSS-Tricks

Começamos bem na navegação da página inicial, mas ainda há algumas coisas de estilo que precisam ser feitas. Começamos completando o próprio conteúdo, "

# 017 - Navegação inicial, parte 3 - CSS-Tricks

# 017 - Navegação inicial, parte 3 - CSS-Tricks

Estamos quase terminando a navegação da página inicial, mas há um espaço estranho abaixo do nosso controle deslizante e acima da própria navegação. Nós cavamos para descobrir "

# 015 - Navegação na página inicial, parte 1 - CSS-Tricks

# 015 - Navegação na página inicial, parte 1 - CSS-Tricks

Temos um plano para a navegação da página inicial, só precisamos fazer isso em código. Navegação na página inicial, digo especificamente, porque provavelmente é apenas "

# 014 - Posicionando o controle deslizante - CSS-Tricks

# 014 - Posicionando o controle deslizante - CSS-Tricks

O controle deslizante funciona! Mas não foi colocado exatamente como projetamos em nosso arquivo do Photoshop. Precisamos de mais espaço abaixo dele para expor mais do principal "

# 013 - Ajustando o controle deslizante - CSS-Tricks

# 013 - Ajustando o controle deslizante - CSS-Tricks

O controle deslizante está implementado e funciona, apenas não parece como o projetamos. Passamos pelo processo de remover HTML e CSS que "

# 012 - Fundamentos do Slider - CSS-Tricks

# 012 - Fundamentos do Slider - CSS-Tricks

Decidimos usar o RoyalSlider para o controle deslizante na página inicial. Há muito tempo sou fã do AnythingSlider, porque fiz parte de sua criação e "

# 010 - CodeKit para grande sucesso - CSS-Tricks

# 010 - CodeKit para grande sucesso - CSS-Tricks

Neste screencast temos o CodeKit começando a assistir nosso projeto. Isso torna muitas tarefas do desenvolvedor muito mais fáceis. A primeira coisa que fazemos é nós "

# 008 - Oferecendo a nós mesmos um novo começo com um tema limpo, Parte 1 - CSS-Tricks

# 008 - Oferecendo a nós mesmos um novo começo com um tema limpo, Parte 1 - CSS-Tricks

Nós vamos parar de olhar o site antigo aqui em breve. Esta é a última vez! Nosso plano agora que temos um ambiente de desenvolvimento local adequado é oferecer "

# 011 - O cabeçalho e fontes personalizadas via TypeKit - CSS-Tricks

# 011 - O cabeçalho e fontes personalizadas via TypeKit - CSS-Tricks

Escolhemos Proxima Nova como a fonte principal a ser usada no site de Jeff. É muito popular hoje em dia, mas parece ótimo com o trabalho de Jeff. Simples,"

# 009 - Oferecendo a nós mesmos um novo começo com um tema limpo, Parte 2 - CSS-Tricks

# 009 - Oferecendo a nós mesmos um novo começo com um tema limpo, Parte 2 - CSS-Tricks

Estamos no meio de reduzir nosso tema WordPress para o mais básico possível. Não estamos preocupados com o design que estamos tentando obter, "

# 007 - Configurando o Ambiente de Desenvolvimento Local - CSS-Tricks

# 007 - Configurando o Ambiente de Desenvolvimento Local - CSS-Tricks

Queremos trabalhar localmente enquanto trabalhamos neste projeto. Apenas alguns motivos: é rápido. Podemos trabalhar offline de qualquer lugar. Estamos trabalhando em um "

# 006 - Photoshopping Mobile, Parte 2 - CSS-Tricks

# 006 - Photoshopping Mobile, Parte 2 - CSS-Tricks

Temos o "cabeçalho" do design no lugar, só precisamos descobrir o resto da página. Temos uma lista dos objetivos mais importantes que estamos tentando "

# 005 - Photoshopping Mobile, Parte 1 - CSS-Tricks

# 005 - Photoshopping Mobile, Parte 1 - CSS-Tricks

Começamos com nosso arquivo do Photoshop aberto. A captura de tela "alongada" do iPhone de aparência bastante boba, que simplesmente nos dá uma tela no celular primeiro

# 004 - Uma tela do Photoshop - CSS-Tricks

# 004 - Uma tela do Photoshop - CSS-Tricks

A partir do último vídeo, sabemos que temos cinco pontos principais a considerar ao iniciar o design deste site. Vamos mantê-los no topo de nossa mente como "

# 003 - Comunicação inicial com o cliente - CSS-Tricks

# 003 - Comunicação inicial com o cliente - CSS-Tricks

Neste screencast, falo sobre como era a comunicação entre mim e Jeff quando ele me mandou um e-mail pela primeira vez sobre querer redesenhar o site. O"

# 001 - Introdução à série - CSS-Tricks

# 001 - Introdução à série - CSS-Tricks

Olá pessoal! Bem-vindo à série completa sobre a construção de um primeiro site de artista móvel com WordPress. Isso é um pouco diferente da última série "