Screencasts de vídeo 2025, Janeiro

Ainda estamos até o pescoço na área dos Fóruns. Neste screencast, olhamos a página de inscrição. Outra página bastante importante, pois queremos a experiência de "

Vamos direto ao estilo da área de conteúdo principal da página inicial dos Fóruns. Provavelmente a parte mais importante dos fóruns, já que é a primeira coisa "

Você pode argumentar que a página inicial dos Fóruns é a página mais importante, mas há argumentos igualmente bons para visualizações de tópicos individuais sendo "

Tem sido uma longa jornada de luta livre para controlar todas as peças de que precisamos, com algumas lutas e surpresas ao longo do caminho. Podemos finalmente obter "

Neste screencast, continuamos a nos aprofundar no código dos Fóruns Vanilla e dar continuidade ao nosso tema. Tomamos a decisão imediatamente de fazer o movimento selvagem e maluco "

Continuamos nos aprofundando nos temas da área de Fóruns do site. Fizemos bem até agora, mas quanto mais fundo cavamos, mais difíceis as coisas se tornam. "

Paramos de tentar decidir se podemos vencer a batalha por um formulário de login estático ou não. Provavelmente poderíamos, mas ao brincar mais com os fóruns, nós "

Neste screencast, vamos mergulhar no código da área de Fóruns. O arquivo "principal" dos fóruns, se existe, é default.master.php. "

Neste screencast, mergulhamos em uma seção totalmente nova do site: Os Fóruns! Esta é uma grande área do site. Talvez não tanto no trânsito (sempre "

Neste screencast, começamos a construir mais alguns dos módulos que planejamos ter na página inicial. Basta um pequeno ajuste e mostraremos três "

A página de arquivos do artigo sobre CSS-Tricks é bastante importante. Em vez de ter postagens de blog paginadas como a maioria dos blogs, eu simplesmente coloco um link para os arquivos. "

Neste screencast, vamos adicionar mais alguns módulos à página inicial do site. Coisas bastante importantes! No momento, temos apenas um punhado deles "

Neste screencast, veremos a seção Ofertas. A seção de ofertas é essencialmente uma "parede de anúncios". É uma área do site que as pessoas deveriam "

No screencast, examinamos o modelo HTML, CSS e WordPress que é a única página de vídeo. Já projetamos como queremos que pareça "

Neste screencast, terminaremos de escrever o código do modelo para vídeos individuais. Começamos nos organizando um pouco em nosso CSS. Alguns dos videos.scss "

Neste screencast, exploramos o design de outra página muito importante. Esta é uma daquelas páginas que estou animado para criar desde o início, "

A página de arquivo de vídeos é a parte do site onde as pessoas podem navegar por todos os vídeos gratuitos disponíveis para assistir. É para navegar, preciso curtir a página inicial "

Acabamos de terminar uma parte empolgante dessa reformulação, em que jogamos fora um monte de marcações grosseiras na página de arquivos de vídeo e substituímos por novas, "

Neste screencast vamos trabalhar na área "Demos" do CSS-Tricks. É uma área bastante popular do site, embora eu não coloque como "

Olhamos a página de contato e decidimos que é o tipo de página no CSS-Tricks que é muito genérico e não precisa de nenhum estilo especial em "

Neste screencast, começamos a falar sobre como vamos construir a área de associação do CSS-Tricks. Parte do Kickstarter que fez tudo isso "

Acho que disse em um vídeo anterior que terminamos todos os cabeçalhos. Estou brincando! Resta um! Este é para a área de Vídeos e foi feito "

Neste screencast, adicionamos um novo plugin ao site que nos dá a capacidade de alternar os temas no site ao vivo, mas apenas para que nós (como administradores) possamos "

Após a estranha confusão no último vídeo sobre qual cabeçalho estávamos realmente fazendo, desta vez iremos implementar o cabeçalho personalizado "

Os últimos cabeçalhos restantes chegaram! Agora podemos finalizá-los e ter todos os nossos cabeçalhos personalizados prontos. Neste screencast, trabalharemos no custom "

Vamos adicionar uma nova zona de publicidade no site com tecnologia do Google AdSense. Removemos uma zona BuySellAds um pouco atrás, então não é como "

Neste screencast, vamos começar a construir o formulário de comentário em HTML / CSS. A marcação para o formulário de comentário reside no arquivo comments.php em nosso "

Estou muito animado para trabalhar na seção de comentários deste site. CSS-Tricks é o lar de algumas discussões excelentes, obrigado a todos vocês. Projetando "

Neste screencast, voltamos ao Photoshop e projetamos o próprio formulário de comentário. Por exemplo, as entradas e a área de texto que os usuários precisam preencher para deixar um "

Bem no final do último screencast descobrimos que nosso design no Photoshop, por mais simples que seja, tem um problema que será muito difícil de resolver "