Rede
Contribuí para um editor de código aberto, e você também pode
Alguns meses atrás, o [post sobre preenchimento automático em formulários] de Jason Grigsby (https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) fez as rondas. Adorei a ideia de permitir que os usuários preencham os detalhes do cartão de crédito tirando uma foto do cartão. O que eu não amei foi aprender [todos os valores possíveis para preenchimento automático de cor](https://html.spec.whatwg.org/multipage/forms.html#autofill). Estou ficando preguiçoso na minha velhice. Ultimamente, tenho sido mimado por usar um editor que faz autocompletar inteligente para mim, algo que no passado apenas IDEs complexos e massivos ofereciam. Abrindo meu editor de escolha, criei um elemento `input` e adicionei um atributo `autocomplete`, apenas para descobrir que a conclusão do código me oferecia o estado de `on` ou `off`. Decepcionante.
consulte Mais informaçãoEtiqueta do Photoshop para Web Design Responsivo
Já se passaram quase cinco anos desde o lançamento do [Photoshop Etiquette](https://photoshopetiquette.com/), o que o torna oficialmente uma relíquia na web. Muita coisa pode acontecer na web em poucos anos, e esses cinco últimos ilustraram isso melhor do que a maioria.
consulte Mais informaçãoComo executar uma crítica de design de interface do usuário
A crítica é fácil. Parece que todo mundo tem uma opinião, mas, como o autor Harlan Ellison aponta: "Você não tem direito à sua opinião. Você tem direito à sua opinião informada". Tornar-se informado, porém, requer exploração. As críticas de design são uma parte importante de qualquer exploração de produto. Uma crítica de design – onde o criador discute e explica a criação com o resto da equipe e/ou cliente – não se trata de atormentar o designer ou empurrá-lo para justificar cada decisão que tomou. Isso é apenas crítica. **Uma boa crítica de design destina-se a explorar o design**, descobrir onde está funcionando e onde pode ser melhorado. Se bem feitas, as críticas de design permitem que todos na equipe se sintam ouvidos e permitem que os clientes forneçam feedback valioso.
consulte Mais informaçãoUm guia para iniciantes para aplicativos da Web progressivos
Os PWAs aproveitam as tecnologias mais recentes para combinar o melhor dos aplicativos móveis e da Web. Este artigo analisa os avanços recentes no navegador e as oportunidades que nós, como desenvolvedores, temos para criar uma nova geração de aplicativos da web.
consulte Mais informaçãoConceitos básicos de design de experiência: microinterações animadas em aplicativos móveis
Dariel Fitzkee, o famoso mágico, disse uma vez: “A magia está tanto nos detalhes quanto na performance”. O design de interação é assim. Os designers adoram ter uma visão geral correta, mas se os detalhes não forem tratados adequadamente, a solução falhará. **A mágica está nos detalhes**. É por isso que microinterações bem projetadas fazem com que as experiências pareçam criadas. Para entender melhor como seu design se beneficia das microinterações, será útil esboçar suas ideias de aplicativos. A Adobe introduziu um novo aplicativo de design e wireframing chamado Experience Design (ou Adobe XD), que permite projetar wireframes e torná-los interativos. Você pode baixar e testar o Adobe XD gratuitamente.
consulte Mais informaçãoDesenvolvedores “possuem” o código, então os designers não deveriam “possuir” a experiência?
Todos nós já estivemos lá. Você passou meses reunindo requisitos de negócios, elaborando jornadas de usuário complexas, criando elementos de interface de precisão e testando-os em uma amostra representativa de usuários, apenas para ver um produto final que tem pouca semelhança com a experiência desejada.
consulte Mais informaçãoDesign de memória do usuário: como projetar experiências que duram
Os dois gráficos mostrados abaixo mudaram a maneira como penso sobre o pensamento. Reproduzida a partir de um estudo clássico de psicologia de 1996, a história por trás desses gráficos é uma ilustração vívida de que a maneira como nós, humanos, nos sentimos no momento em que experimentamos o mundo pode ser muito diferente de como nos sentimos quando lembramos dessas experiências mais tarde.
consulte Mais informaçãoCalendários de papel de parede da área de trabalho: agosto de 2016
[Desde oito anos](https://www.smashingmagazine.com/tag/wallpapers/), nosso desafio mensal de papéis de parede é um Smashing favorito que não seria possível sem os esforços incansáveis de talentosos designers e artistas de todo o mundo . Em uma missão para atender **papéis de parede que são um pouco mais distintos do que a multidão normal**, desafiamos você, a comunidade de design, a fazer sua criatividade fluir e produzir alguns designs interessantes e inspiradores a cada mês novamente. E, bem, não foi diferente desta vez.
consulte Mais informaçãoLista de leitura de desenvolvimento da Web nº 147: Diretrizes de segurança, componentes de interface do usuário acessíveis e design que prioriza o conteúdo
Ao trabalhar em equipe, é importante seguir as regras. Um desafio comum é criar todos os seus projetos com um conjunto de ferramentas semelhante ou o mesmo e **diretrizes de codificação**. Ainda ontem eu discuti como poderíamos portar um projeto que superou sua base de código inicial ao longo dos anos para um novo código-fonte baseado em React.js. A decisão para isso não foi fácil, já que já tínhamos investido muito trabalho e dinheiro nesse projeto, e uma mudança para o React também exigiria algum tempo. Mas como a mudança faz sentido do ponto de vista técnico e a equipe já está usando o React para outros três projetos, concluímos que esse seria um bom passo a ser feito. Isso permitirá que mais desenvolvedores da equipe contribuam com o projeto, revisem o código e reduzam a mudança de tecnologias na empresa. Ocasionalmente, é hora de reavaliar seus projetos e seguir em frente.
consulte Mais informação