Smashing Book 6 está aqui: novas fronteiras em web design

Publicados: 2022-03-10
Resumo rápido ↬ Smashing Book 6 já está sendo enviado para todo o mundo. Com tudo, desde sistemas de design até aplicativos de página única acessíveis, CSS Custom Properties, CSS Grid, service workers, padrões de desempenho, AR/VR/XR, UIs de conversação e direção de arte responsiva. Confira o índice e adquira o livro agora.

Imagine que você estava vivendo em um mundo perfeito . Um mundo onde todos têm conexões rápidas, estáveis ​​e sem limites, dispositivos confiáveis ​​e poderosos, telas requintadas e navegadores capazes e resilientes. As telas são diversas em tamanho e densidade de pixels, mas nossas interfaces se adaptam a condições variadas de forma rápida e perfeita. Que momento glorioso para todos nós - designers, desenvolvedores, configuradores de Webpack seniores e todos no meio - estarmos vivos, você não concorda?

Bem, todos nós sabemos que a realidade é um pouco mais sutil e complicada do que isso. É por isso que criamos o Smashing Book 6 , nosso novo e brilhante livro que explora territórios desconhecidos e busca descobrir novas técnicas confiáveis ​​de front-end e UX . E agora, após 10 meses de trabalho, o livro está pronto e está sendo enviado. Ir para o índice e obter o livro imediatamente.

Smashing Book 6: Novas Fronteiras em Web Design

e-book

$ 19 Adquira o e-book

PDF, ePUB, Kindle.

Capa dura

$ 39 Obter a impressão (incl. e-book)

Impresso, capa dura de qualidade. Envio gratuito de correio aéreo para todo o mundo.

Sobre o livro

Encontrar o seu caminho através do front-end e UX nos dias de hoje é desafiador e demorado. Mas, francamente, todos nós simplesmente não temos tempo para apostar em uma estratégia errada. Smashing Book 6 lança alguma luz sobre novos desafios e oportunidades , mas também revela novas armadilhas e armadilhas neste nosso admirável novo mundo de front-end.

Nossos livros não estão preocupados com tendências de curta duração , e nosso novo livro não é uma exceção. O Smashing Book 6 está focado em desafios reais e soluções front-end reais no mundo real: de aplicativos acessíveis a desempenho, CSS Grid Layout, service workers avançados e direção de arte responsiva. Sem bate-papo ou teoria. Coisas que funcionaram, em projetos reais. Ir para o índice.

Livro sensacional 6
The Smashing Book 6, com 536 páginas sobre desafios e oportunidades da vida real na web. Foto do nosso querido amigo Marc Thiele. (Visualização grande)

No livro, Laura e Marcy exploram estratégias para sistemas de design sustentáveis ​​e aplicativos de página única acessíveis com React, Angular etc. Mike, Rachel e Lyza compartilham insights sobre o uso de CSS Custom Properties e CSS Grid em produção hoje. Yoav e Lyza mergulham profundamente nos padrões de desempenho e nos service workers em tempos de Progressive Web Apps e HTTP/2.

Design interno do Smashing Book 6.
Design interno do Smashing Book 6. Desenhado pela única Chiara Aliotta. Grande vista.

Ada, Adrian e Greg exploram como projetar relógios e novos formatos, bem como AR/VR/XR, chatbots e UIs de conversação. O último capítulo irá guiá-lo através de algumas estratégias práticas para romper com interfaces genéricas, previsíveis e sem alma — com dezenas de exemplos de direção de arte responsiva . Mas o mais importante: é o livro dedicado às dores de cabeça e soluções na teia frágil, inconsistente, fragmentada e maravilhosamente diversa em que nos encontramos hoje.

Índice

Quer espiar por dentro? Faça o download de uma amostra gratuita em PDF (PDF, cerca de 21 MB) com um capítulo sobre como trazer a personalidade de volta à web de verdade. Ao todo, o livro contém 10 capítulos:

  1. Fazendo os sistemas de design funcionarem na vida real
    por Laura Elizabeth
  2. Acessibilidade em tempos de aplicativos de página única
    por Marcy Sutton
  3. Layouts de grade CSS prontos para produção
    por Raquel André
  4. Guia estratégico para propriedades personalizadas de CSS
    por Mike Riethmueller
  5. Construindo um trabalhador de serviço avançado
    por Lyza Gardner
  6. Carregando recursos na web
    por Yoav Weiss
  7. Padrões de Design de Interface de Conversação
    por Adrian Zumbrunnen
  8. Criando chatbots e projetando para relógios
    por Greg Nudelman
  9. Realidade cruzada e a web (AR/VR)
    por Ada Rose Cannon
  10. Trazendo a personalidade de volta à Web (amostra de PDF grátis, 21 MB)
    por Vitaly Friedman

Laura ElizabethMarcy SuttonRaquel AndréMike RiethmüllerLyza Perigo GardnerYoav WeissAdrian ZumbrunnenGreg NudelmanAda Rose EdwardsVitaly Friedman

Da esquerda para a direita: Laura Elizabeth, Marcy Sutton, Rachel Andrew, Mike Riethmuller, Lyza D. Gardner, Yoav Weiss, Adrian Zumbrunnen, Greg Nudelman, Ada Rose Edwards e sinceramente.
  • 536 páginas. Capa dura de qualidade + eBook (PDF, ePUB, Kindle).
    Publicado no final de setembro de 2018 .
  • Escrito por e para designers e desenvolvedores front-end.
    Projetado com amor da Itália por Chiara Aliotta.
  • Envio de correio aéreo gratuito para todo o mundo da Alemanha.
    Verifique os prazos de entrega para o seu país.
  • Se você é um membro Smashing, não se esqueça de aplicar seu desconto de membro.
  • Bom o bastante? Pegue o livro imediatamente.
Smashing Book 6: Capas do Capítulo 1 e Capítulo 10

e-book

$ 19 Adquira o e-book

PDF, ePUB, Kindle.

Capa dura

$ 39 Obter a impressão (incl. e-book)

Impresso, capa dura de qualidade. Envio gratuito de correio aéreo para todo o mundo.

Sobre o desenhista

A capa foi desenhada com amor da Itália pela única Chiara Aliotta. Ela fundou o estúdio de design Until Sunday e dirigiu a aparência artística geral de diferentes empresas de tecnologia e organizações sem fins lucrativos em todo o mundo. Estamos muito felizes por ela ter dado ao Smashing Book 6 aquele toque especial e mágico.

Nos bastidores do processo de design

Pedimos a Chiara para compartilhar alguns insights sobre o processo de design da capa e do design de interiores e ela foi muito gentil em compartilhar alguns pensamentos conosco:

"Tudo começou com algumas trocas de e-mails e uma reunião por Skype onde Vitaly compartilhou sua ideia do livro e do conteúdo geral. Tive muita liberdade, o que é sempre emocionante e assustador ao mesmo tempo. O único vínculo (se queremos chamar assim) foi que o "S" da Smashing Magazine deveria ser o principal protagonista da capa , reinventada e apresentada de forma criativa como todos os outros Smashing Books anteriores.

A ilustração no papel. A capa esboçada no papel. Confira também a foto em close. (Visualização grande)

Trabalhei em torno de algumas palavras-chave que Vitaly estava usando para descrever o livro durante nossos encontros e então desenvolvi uma ideia em torno de romances clássicos de aventura onde o herói principal sai de casa, encontra grandes perigos, riscos e, eventualmente, retorna mais sábio e/ou mais rico do que ele. /ela era antes.

Então pensei no Smashing Book 6 como uma forma de propor essa estrutura básica e mítica sob uma nova luz : através dos artigos deste livro, o web designer moderno estará vivenciando verdadeiras e profundas aventuras.

Imaginei o "S" como um motor , o ponto de partida desta experiência, de onde diferentes mundos foram se criando e se expandindo. Então a capa foi o mapa desses territórios inexplorados que o livro explora.

Cada elemento da capa tem um significado particular que constrói o S
Cada elemento da capa tem um significado particular que constrói a visão S. Grande.

Eu sou uma pessoa que julga os livros pela capa e tendo lido alguns dos capítulos e conhecendo alguns dos escritores consagrados, quis honrar seu conteúdo e seu trabalho criando uma capa linda e ilustrações de capítulos.

Para esta edição do Smashing Book, imaginei uma capa têxtil em azul profundo , onde o gráfico é impresso usando uma técnica muito antiga, a hot gold foil stamping.

Junto com Markus, integrante da equipe da Smashing Magazine e responsável pela publicação de todos os Smashing Books, trabalhamos de perto para escolher os detalhes finais da encadernação e garantir um resultado elegante e sofisticado, acrescentando um toque de glamour ao livro.

Smashing Book 6 vem embalado com um pequeno marcador. Foto do nosso querido amigo Marc Thiele.

Como toque final, acrescentei um envoltório de papel ao redor do livro que convida o leitor a "desbloquear sua aventura", sugerindo uma ação física: o leitor precisa arrancar o papel antes de começar a ler o livro. E para esta única versão, apresentamos um marcador de página personalizado da Smashing Magazine, também impresso em papel dourado. Mais algumas razões para preferir a versão em brochura às digitais!"

Um grande aplauso a Chiara pelo seu maravilhoso trabalho e partilha de pensamentos connosco. Ficamos notavelmente felizes com tudo, desde o design até o conteúdo. Mas o que os leitores acharam? Bem, que bom que você perguntou!

Esboços para ilustrações de capítulos. (Visualização grande)

Feedback e Depoimentos

Enviamos o novo e brilhante livro para mais de 200 pessoas para lerem, e conseguimos reunir alguns insights iniciais. Adoraríamos ouvir seus pensamentos também!

“O web design está ficando muito complicado. O novo livro da SmashingMag visa trazer a curva de aprendizado para um nível acessível.”

— Aaron Walter, InVision
“Acabei de receber o novo Smashing Book 6 da SmashingMag. Que explosao! Desde CSS Grid Layout, CSS Custom Properties e service workers até HTTP/2 e interfaces de conversação e muito mais. Recomendo a todas as pessoas que constroem interfaces.”

— Mihael Tomic, Osijek, Croácia
“Os livros publicados pela SmashingMag e equipe estão cada vez melhores. Fiquei emocionado por poder visualizá-lo... CADA CAPÍTULO É BOM! Tendo focado em a11y durante grande parte da minha carreira, o capítulo de Marcy Sutton é um favorito pessoal.”

— Stephen Hay, Amsterdã, Holanda
Smashing Book 6, uma página de agradecimento
The Smashing Book 6, com 536 páginas sobre desafios da vida real e soluções para a web. Enorme nota de agradecimento à comunidade sensacional por apoiar o livro e a pequena revista todos esses anos. (Visualização grande)

Obrigado pelo seu apoio!

Estamos muito honrados e orgulhosos de ter trabalhado com pessoas maravilhosas da indústria que compartilharam o que aprenderam em seu trabalho. Agradecemos gentilmente a todas as pessoas que trabalharam arduamente envolvidas em tornar este livro realidade. Agradecemos gentilmente por seu apoio contínuo ao livro e também à nossa pequena revista. Seria maravilhoso se você pudesse mencionar o livro por acaso também em seus círculos sociais e talvez um link para este mesmo post.

Também preparamos um pequeno kit de mídia .zip com algumas fotos e ilustrações que você pode usar se quiser - é só dizer!

Mal podemos esperar para saber sua opinião sobre o livro! Boa leitura e esperamos que você ache o livro tão útil quanto nós. Basta ter uma xícara de café (ou chá) pronta antes de começar a ler, é claro, fique arrasando e... miau !

Smashing Book 6: Novas Fronteiras em Web Design

e-book

$ 19 Adquira o e-book

PDF, ePUB, Kindle.

Capa dura

$ 39 Obter a impressão (incl. e-book)

Impresso, capa dura de qualidade. Envio gratuito de correio aéreo para todo o mundo.