Screencasts de vídeo 2025, Janeiro

Muitos sites não usam nenhum Sistema de Gerenciamento de Conteúdo (CMS) sofisticado para gerar suas páginas, eles são apenas o bom e velho conteúdo HTML estático. Um site para o seu "

Como já dissemos aqui muitas vezes: as fontes de ícones são fantásticas. Eles são eficientes da mesma forma que os sprites CSS são eficientes: muitas imagens utilizáveis ​​para "

Neste screencast vivemos respondendo a mais posts de fóruns sem nenhum planejamento. Acho que não conseguimos um homerun em qualquer um dos tópicos que olhamos, mas "

Nunca na minha vida enviei um "Pull Request" no GitHub. Eu queria tentar, então este vídeo está capturando o momento em que estou tentando descobrir "

Neste screencast, vamos ao Fórum para responder a quantas perguntas pudermos. O objetivo é se divertir um pouco e mostrar como é fácil "

Apresento quatro coisas realmente simples que você pode fazer para tornar seus sites mais rápidos. Nada tão complexo quanto fazer sprites de imagem (que não é isso "

Mesmo que o layout de um site seja simples como uma área de conteúdo principal à esquerda e uma barra lateral à direita, isso é uma grade. Existem novos métodos de layout em CSS "

CodePen PRO oferece uma série de novos recursos. Você pode ler sobre eles, mas é muito melhor mostrá-los certo? : e isso é apenas o começo. "

CodePen é um aplicativo para compartilhar e brincar com o código do front-end. Fiz isso com alguns amigos meus: Alex Vazquez e Tim Sabat. Neste típico "

Esta é uma visão geral rápida de nível iniciante dos diferentes valores de posição CSS. Em poucas palavras: o relativo permite que você "cutuque" e deixe o "

Neste screencast, movo meu próprio site pessoal de minhas antigas formas de edição de FTP ao vivo para um sistema controlado de versão adequado, incluindo implantação. Eu não tenho "

Não há nada a temer neste admirável mundo novo de pré-processamento. Os aplicativos nativos tornam isso tão fácil que deve ser uma parte vital de qualquer "

Existem três tipos diferentes de layouts para sites: largura fixa, largura do fluido e largura elástica. Neste screencast, olhamos para todos esses três "

Chartwell é uma fonte especificamente para fazer gráficos de pizza, gráficos de barras e gráficos de linha simples e bonitos. É tão simples quanto escrever equações simples "

LiveReload é um aplicativo da barra de menus exclusivo para Mac que é bastante útil para desenvolvedores da web. Basta dizer a ele para observar uma pasta específica e, quando um arquivo for salvo, o "

O tema WordPress padrão no momento deste screencast é TwentyEleven, um design maravilhosamente simples e responsivo. Isto é, até publicarmos um incrível "

Existem muitas ferramentas para mostrar capturas de tela de sites em diferentes navegadores para ajudar nos testes. Mas uma captura de tela está faltando de várias maneiras: não "

Em que pego um exemplo real de algum lugar que sabia que usar sprites seria uma boa ideia, criar o sprite manualmente no Photoshop (meu método preferido) e "

Basta salvar o site do navegador (no Firefox, você obtém um arquivo .html e todos os recursos), solte-o na pasta Pública e clique com o botão direito do mouse "

No qual eu mostro e explico o básico do que "web design responsivo" passou a significar. Então eu vou por todo o lugar e mostro exemplos, relacionados "

Passamos uma hora inteira olhando para um design do Photoshop e escrevendo uma marcação HTML5 que descreve o que vemos. Tentamos ser o mais semânticos que podemos e discutir "

Você provavelmente está bem ciente de por que usar o controle de versão é uma coisa boa. Caso você não esteja, eu rapidamente passo por isso neste vídeo. Então entramos em "

Este é um episódio extra especial com o tema EMPIRE STRIKES BACK da série de redesenho v10! Tudo começa bem. Começamos a mudar algumas coisas "

Este é um episódio extra especial com o tema RETORNO DO JEDI da série de redesenho v10! Saímos do último screencast totalmente derrotado. Estávamos tentando usar "

O Almanaque foi lançado na v9 e nunca foi concluído. Está ficando mais perto e mais perto a cada dia. Portanto, na v10, projetaremos em torno do "

Pesquisa funciona! É apenas o modelo que você acessou não está certo. Precisamos ajustar o modelo para que pareça correto e corresponda ao estilo do "

Temos um pouco de um mockup do Photoshop para trabalhar a partir daqui, à medida que continuamos a construir o modelo para a página individual da galeria. Primeiro, definimos o próximo "

A área de pesquisa no cabeçalho "funciona" na medida em que foi projetada e você pode clicar nela para abrir e fechar e tudo mais. Mas na verdade não faz nenhuma pesquisa "

Gastamos todo esse tempo em nossa maquete estática criando um JavaScript inteligente que "carregaria suavemente" as imagens na Galeria. Agora que temos o verdadeiro "

Todos os nossos Mecanismos de pesquisa personalizados do Google são configurados (configuramos um diferente para cada seção do site). Nossa IU para pesquisa está pronta para uso. Nós temos"