Rede
A lista de leitura do Flexbox: técnicas e ferramentas
O Flexbox nos dá um novo tipo de controle sobre nossos [layouts](https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/), tornando os desafios de codificação difíceis ou impossível de resolver apenas com CSS simples e intuitivo. Ele nos fornece os meios para criar **grades flexíveis** e cientes de [conteúdo dinâmico](https://www.smashingmagazine.com/2016/02/design-mock-ups-need-dynamic-content- tools-plugins/), e assim, nos dá a liberdade de focar no processo de criação em vez de hackear nosso caminho para um layout. Para dar a você uma vantagem inicial no Flexbox e fornecer ideias sobre como usá-lo para dominar desafios comuns de codificação, reunimos **dicas, truques e ferramentas** que ajudam você a aproveitar ao máximo seu poder já hoje. A lista não é completa, mas inclui os recursos que consideramos úteis e úteis.
consulte Mais informaçãoModelagem de conteúdo com Jekyll
Não é exatamente um assunto novo, mas ultimamente tenho tido motivos para revisitar a habilidade de modelagem de conteúdo no trabalho da minha equipe. Nossa experiência chegou a um ponto em que as limitações de como praticamos estão começando a ficar claras. Nosso problema mais comum é que **as pessoas tendem a vincular a si mesmas e seus modelos mentais a uma plataforma escolhida** e suas convenções. Em vez de ensinar as pessoas a modelar conteúdo, acabamos ensinando a modelar conteúdo no Drupal, ou como modelar conteúdo no WordPress. Mas prefiro que abordemos isso com foco nos melhores interesses dos usuários, **independentemente da plataforma** em que o conteúdo terminará.
consulte Mais informaçãoProcesso de design responsivo eficiente
“Cada uma dessas opções fornecerá design para três layouts exclusivos: página inicial, página de listagem, página de detalhes.” Tudo bem. Agora, temos até nove arquivos de design estáticos. Isso está ficando um pouco fora de controle.
consulte Mais informaçãoUm guia para iniciantes para criar um site WordPress
Um guia passo a passo para novos usuários do WordPress colocarem o WordPress em funcionamento, do início ao fim.
consulte Mais informaçãoThe Art Of The Intercept: Indo além “Gostaria de fazer uma pesquisa?”
Maxwell é pesquisador de uma empresa de design que está trabalhando em um aplicativo de pagamento móvel. Ele quer saber mais sobre como os usuários interagem atualmente com os terminais de ponto de venda. Maxwell entra em contato com uma mercearia local para coordenar os horários para **observar os clientes enquanto eles fazem o check-out**. Ele então pede a cada quinto cliente que faça o check-out para preencher uma breve pesquisa. Maxwell está envolvido em _intercepts_ como parte de seu recrutamento de participantes da pesquisa.
consulte Mais informaçãoTestes entre navegadores de alto impacto e esforço mínimo
O teste entre navegadores é demorado e trabalhoso. Isso, por sua vez, o torna caro e propenso a erros humanos... então, naturalmente, queremos fazer o mínimo possível. Esta não é uma afirmação da qual devemos nos envergonhar. **Os desenvolvedores são preguiçosos por natureza**: aderindo ao princípio DRY, escrevendo scripts para automatizar coisas que de outra forma teríamos que fazer manualmente, fazendo uso de bibliotecas de terceiros — ser preguiçoso é o que nos torna bons desenvolvedores. A abordagem tradicional para testes entre navegadores não se alinha bem com esses ideais. Ou você faz uma tentativa tímida de teste manual ou gasta muito esforço para fazê-lo “corretamente”: testando em todos os principais navegadores usados pelo seu público, movendo-se gradualmente para navegadores mais antigos ou mais obscuros para dizer que você já os testei.
consulte Mais informaçãoCriando wireframes de conteúdo para design responsivo
Enquanto conduzia meu curso de web design responsivo entre 2011 e 2012, continuei tropeçando no processo de wireframing. Meus alunos tendiam a se concentrar no wireframe como sendo o jogo final no processo de planejamento. Eles não entenderam que o design responsivo se concentra em como os usuários acessarão o conteúdo.
consulte Mais informaçãoPreparando-se para HTTP2: um guia para web designers e desenvolvedores
Uma visão detalhada dos fundamentos do HTTP/2 como eles se aplicam a web designers e desenvolvedores. Veremos os principais recursos do novo protocolo, compatibilidade de navegador e servidor e detalharemos as coisas que você pode precisar pensar à medida que vemos mais adoção do HTTP/2.
consulte Mais informaçãoTudo o que você precisa saber sobre as páginas móveis aceleradas do Google
Em maio de 2015, o Facebook lançou sua nova plataforma de publicação no aplicativo, [Instant Articles](https://instantarticles.fb.com/). Um mês depois, a Apple declarou que a antiga experiência [Newsstand](https://en.wikipedia.org/wiki/Newsstand_(application)) (essencialmente uma pasta sofisticada cheia de aplicativos de notícias) seria substituída no iOS 9 por uma marca nova plataforma de agregação e descoberta de notícias chamada [Apple News](https://www.apple.com/news/). Quatro meses depois, foi a vez do Google anunciar seu próprio plano, um tanto atrasado, mas não menos ambicioso, de revolucionar o consumo de notícias móveis com uma solução baseada na web de código aberto chamada [Accelerated Mobile Pages](https://www.ampproject. org/), ou AMP. Em apenas alguns meses, vimos a relativa tranquilidade da publicação digital móvel irromper em mais uma guerra de plataforma em grande escala, enquanto Facebook, Apple e agora Google competem tanto pela lealdade dos editores quanto pela atenção dos leitores.
consulte Mais informaçãoFontes grátis com personalidade
A tipografia pode fazer toda a diferença. No entanto, se o seu projeto precisa ter um **orçamento muito limitado** e você precisa confiar em fontes gratuitas, as boas nunca são fáceis de encontrar. Felizmente, nos deparamos com algumas verdadeiras jóias recentemente.
consulte Mais informação