Screencasts de vídeo 2025, Janeiro

Neste screencast, abordo a configuração mínima absoluta para utilizar jQuery em um site "real". Temos um arquivo index.html com o HTML5 básico "

Surgiu muito brevemente no último vídeo: como você impede o navegador de pular quando você clica em um link hash? Esse é o comportamento padrão do navegador, "

JQuery pode selecionar qualquer coisa que o CSS3 possa selecionar. Mas não para por aí! Existem vários seletores adicionais que o jQuery oferece (através do Sizzle "

Já conversamos muito sobre seletores. Um seletor jQuery como $ ("h1") selecionará todos os elementos da página. Mas e ... quando isso não acontecer? Aqui está um "

Em CSS, você pode selecionar todos os elementos na página com este: h1 (/ * estilizar todos os elementos * /) Em jQuery, você pode usar exatamente o mesmo seletor. $ ("h1") // definir "

Receber! O objetivo deste curso é levar você, seu lindo desenvolvedor front-end, de alguém com muito pouco ou nenhum conhecimento de jQuery ou JavaScript "

Uma maneira de pensar em jQuery é a biblioteca "Select and Do". jQuery é particularmente bom em selecionar elementos na página (coisas no DOM) e então fazer "

WordPress capacita a área de comentários do site de Jeff. Isso será super fácil de limpar com nossos superpoderes CSS. Fazemos um arquivo .scss apenas para comentários "

É hora de encerrar esta série. Foi um passeio divertido! Existem algumas diferenças entre o que cobrimos e o que realmente está acontecendo "

Neste screencast, damos uma olhada no site existente de Jeff. Esta série não é tão focada em "redesenho" como a série v10 era, mas existe um "

Na maior parte, até agora, usamos o simulador iOS para testar a versão móvel do nosso site. Isso é muito bom, muito melhor do que testar um estreito "

Enquanto estávamos trabalhando no desktop do site, mudamos a navegação da página inicial para o lado direito da página para abrir um buraco no lado esquerdo para mais "

Na época em que estávamos tentando fornecer habilidades de CMS para o controle deslizante da página inicial, demos um campo personalizado para cada slide da página inicial um seletor de cores. Isso nos dá "

Só porque esta é uma série que prioriza os dispositivos móveis, não significa que podemos ignorar as interações de computadores desktop / laptop. Passamos um pouco de tempo nos certificando "

Em telas maiores, temos mais espaço em todas as nossas páginas. Já tratamos disso na página inicial, mas podemos fazer melhor nas outras subpáginas também. Um único "

Terminamos com um teste realmente simples que carrega em um artigo do blog para exibir se houver espaço: // Carregar conteúdo adicional se houver espaço para consultar "

Estamos trabalhando para consertar o site para que em telas "desktop" (ou seja, maiores) o site ainda tenha uma boa aparência. A navegação da página inicial é outra coisa que "

Quando a janela do navegador fica maior, o controle deslizante na parte superior da página inicial fica ridiculamente grande. Esta é uma primeira série para celular, mas desde o celular "

Uma das cinco áreas principais do site é a página de contato. No entanto, ele quase não requer qualquer cobertura, porque simplesmente o construímos no Wufoo e "

Achei que poderíamos passar por Eventos, que é o que falamos no último vídeo, mas à medida que desenvolvi a área de Eventos, código suficiente teve que ser escrito. "

Com nossos dois plug-ins de extensão de CMS robustos instalados, passamos um pouco de tempo configurando-os. "Eventos" no site de Jeff é um exemplo perfeito. Um evento""

Temos outro tipo de postagem que precisa dos campos personalizados apropriados: os slides da página inicial. Esse é o tipo de coisa que seria fácil e tentador "

Aprendemos como fazer um loop personalizado e gerar dados personalizados de nossos tipos de postagem e campos personalizados no último vídeo. Desta vez, precisamos fazer isso "

Podemos realmente estender as habilidades de "CMS" do WordPress com apenas alguns plug-ins: Advanced Custom Fields e Custom Post Types UI. Com estas"

A navegação da página inicial está atendendo bem às nossas necessidades, mas ter aquele grande pedaço de navegação em todas as páginas do site não é prático. Vamos precisar de "

Em praticamente todos os temas do WordPress, existe um campo chamado page.php. Este é o modelo que controla "Páginas" - um dos tipos de conteúdo padrão que "

Existe apenas uma maneira de chegar à área de blog do site a partir da página inicial, que é clicando em "Última escrita". Mas isso leva você ao máximo "

A tipografia ainda não está correta, então gastamos um pouco mais de tempo fazendo ajustes nela. Vale a pena fazer isso aqui, porque cabeçalho e corpo "

O blog está exibindo o que queremos, mas a tipografia e o layout não estão exatamente lá. Adicionamos um pouco de marcação aqui e ali conforme necessário para fornecer "

Começamos a trabalhar na área de blog do site. Queremos ter a área de blog do site em / blog / - então acabamos fazendo um modelo de página para isso chamado