Screencasts de vídeo 2025, Janeiro

Aqui estão CINCO técnicas diferentes que você pode usar para criar cantos arredondados para caixas em um site. Sempre há maneiras diferentes de fazer as coisas com CSS e "

O Internet Explorer fornece uma maneira de direcionar informações de estilo CSS especificamente para suas diferentes versões. Essas "folhas de estilo condicionais" são as melhores "

Estamos de volta ao Photoshop esta semana porque eu queria falar um pouco sobre uma habilidade muito específica que acho importante para todos os designers. Aquilo é"

A popular biblioteca JavaScript jQuery é uma maneira incrível de estender as possibilidades de design do seu site além do que o CSS pode fazer. Mas, felizmente, se você "

De certa forma, o formulário de contato é o "Hello, World!" aplicação de web designers e desenvolvedores web. Não é nada que não tenha sido feito antes de um "

Eu provavelmente deveria ter aprendido isso há muito tempo, mas, infelizmente, aqui estamos. Acontece que você pode dizer qual função deseja que o JSX use. Sim, JSX realmente só tem "

O Jetpack pode ajudar a automatizar a mídia social do seu site. É um recurso muito pequeno em comparação com todas as grandes coisas que o Jetpack pode fazer, como melhorar o seu site "

Neste primeiro podcast de vídeo, eu inicio o processo de conversão de uma maquete de Adobe Photoshop de um site, em um site real ao vivo baseado em CSS. Isto é"

Aviso justo: não sou especialista nisso. Estou apenas brincando com vídeos na web e resolvendo alguns problemas que tenho ao exibir clipes de vídeo em "

Kyle é um cara do JavaScript. Ele sabe muito sobre a web e muito sobre CSS também, mas não está tão atualizado em ferramentas de layout CSS modernas, como flexbox e "

O aplicativo Stackbit ajuda você a lançar um novo site Jamstack muito rapidamente. Escolha um tema, um gerador de site estático e um CMS e ele criará um repositório para você "

Estático: o relativo padrão: permite que você desloque com superior / direita / inferior / esquerda, fazendo o Z-index funcionar, oferece um contexto de posicionamento absoluto: "

Esta semana, mostrarei como criar uma página da Web simples para exibir seus 'Tweets' recentes do Twitter do início ao fim. Isso cobre o design em "

Queria ter certeza de que você entendeu exatamente o que Percy pode fazer por você, daí o título. Quando você confirma uma alteração em seu repositório Git de sites, como em um "

Estúpido simples, certo? Isto é! Mas é divertido pensar por alguns minutos e contar várias maneiras diferentes de fazer isso. E o que quero dizer com "

Tara Z. Manicsic se juntou a mim para este vídeo, estabelecendo os fundamentos do Scully, que é um gerador de sites estáticos para Angular - não, o SSG para "

Por mais incrível que o Git seja para lidar com o seu código-fonte, você pode ter problemas com o git (risos). E se você fizer uma alteração em um arquivo e quiser "

Este é um vídeo da minha palestra no WordCamp US. Vamos dar uma olhada no que o desenvolvimento front-end se tornou hoje em dia. Partindo de qual é a função, onde "

Snook publicou um artigo intitulado "Overlapping Header with CSS Grid", onde ele olha para um padrão de design de cabeçalho que eu sinto que transcende tendências e tem sido "

Este é o último vídeo de nossa pequena série sobre como usar o Notion. Abordamos como o Notion é ótimo para trabalhar em equipes de desenvolvimento web. Mas outra coisa "

Este é o segundo vídeo de uma série de 3 vídeos sobre o uso do Notion. Na Parte 1, cobrimos muito terreno sobre o que o Notion é ótimo para qualquer equipe e web "

O fato de as listas renderizarem seus marcadores fora de sua própria caixa (por padrão) é um pouco estranho. Qualquer estouro oculto ou pendendo da borda do "

Eu lancei recentemente um projeto paralelo chamado Band Website Template. Este é apenas um tour rápido, explicando por que foi construído e porque eu acho que "

Mascarar em CSS é uma forma de ocultar partes do elemento e mostrar outras. Outro é o clip-path, mas não vamos nos concentrar nisso hoje. "Máscaras são imagens; clipes"

É um fenômeno genuíno! Estou falando sobre a ideia de serviços de hospedagem de imagens que permitem manipular a URL da imagem para transformá-la "

Sou um grande fã do Notion, principalmente por manter as equipes em sincronia. Trabalho em equipes de desenvolvedores e acho que funciona particularmente bem para isso. Se eu tivesse"

SFC como em "Single File Component" que é algo que a Vue oferece e as pessoas da Vue parecem adorar. Eu escrevi muito pouco Vue em meus dias, mas sou um fã! "

Tive um pequeno problema idiota outro dia em que uma lista aninhada não tinha o espaçamento correto. Eu estava apenas adicionando a margem inferior aos elementos da lista e "

Usar a grade CSS para fazer uma grade é, bem, o ponto principal. Mas e se você quiser que todos os itens da grade mantenham uma proporção de aspecto, como um quadrado de 1: 1? Seu"

Matt Perry do Framer e eu damos uma olhada na biblioteca de animação React Framer Motion. Primeiro, vamos dar uma olhada em como a API é simples. Você controla "