Learn Responsive Design

Learn how to create responsive designs that adapt to different screen sizes and devices, providing a seamless user experience across all platforms.
  1. 18+ Melhores temas do Shopify com designs responsivos para 2018

    18+ Melhores temas do Shopify com designs responsivos para 2018

    Tutorial Beginner

    Quando se trata de sua loja online, o design é importante. Sua loja on-line é a cara da sua marca. Ele deve fazer com que seus visitantes se sintam...

  2. 20+ melhores temas WordPress de Restaurante: Com designs prêmios e responsivos

    20+ melhores temas WordPress de Restaurante: Com designs prêmios e responsivos

    Tutorial Beginner

    Hoje em dia, toda empresa deve ter um site. Como proprietário de um restaurante ou de um café, é imperativo que seu negócio de alimentos tenha uma presença...

  3. Dica Rápida: Como Utilizar a Tag "picture" do HTML5 Para Trabalhar Imagens Responsivas

    Dica Rápida: Como Utilizar a Tag "picture" do HTML5 Para Trabalhar Imagens Responsivas

    Tutorial Beginner

    O tratamento de imagens responsivas hoje é sem dúvidas o assunto mais discutido na área de design para web. Neste artigo vamos ver como a tag , uma solução...

  4. Guia Rápido dos Pontos de Parada Verticais

    Guia Rápido dos Pontos de Parada Verticais

    Tutorial Intermediate

    Bem vindo a outro vídeo tutorial da Envato Tuts+! Nesse vídeo trazemos uma breve introdução aos pontos de parada verticais do CSS.

  5. Layout em Grade do CSS: Tornando Responsivo

    Layout em Grade do CSS: Tornando Responsivo

    Tutorial Beginner

    Durante a série, familiarizamo-nos com a sintaxe de Grade, aprendemos maneiras eficientes de posicionar elementos numa página e dissemos adeus a velhos...

  6. Como Construir um Componente de Interface Usando Consultas de Elemento

    Como Construir um Componente de Interface Usando Consultas de Elemento

    Tutorial Intermediate

    Nesse tutorial continuaremos nossa discussão sobre consultas de elemento, aprendendo a criar um componente responsivo e reutilizável.

  7. Consultas de Elemento: o Futuro do Web Design Responsivo

    Consultas de Elemento: o Futuro do Web Design Responsivo

    Tutorial Intermediate

    Consultas de mídia (media queries) são parte vital do web design moderno, mas nem sempre são perfeitas. Nesse artigo, veremos a ideia das "consultas de...

  8. Como construir um layout de site de notícias com Flexbox

    Como construir um layout de site de notícias com Flexbox

    Tutorial Intermediate

    Não é necessário entender todos aspectos do Flexbox antes que você possa pular e começar. Neste tutorial, vamos apresentar algumas características do Flexbox...

  9. Projeto AMP: Seus Sites Ficarão Mais Rápidos?

    Projeto AMP: Seus Sites Ficarão Mais Rápidos?

    Tutorial Beginner

    Desde 24 de Fevereiro, resultados do Google começaram a incluir links para versões de páginas móveis criadas usando Páginas Mobile Aceleradas (AMP), um...

  10. O atual estado do Web Design Responsivo

    O atual estado do Web Design Responsivo

    Tutorial Beginner

    Com o caminhar de 2015, não tem tempo melhor para falarmos sobre qual o rumo e o estado atual do web design responsivo. Vamos analisar tudo que sabemos...

  11. Como Criar um Layout Com Navegação Off-Canvas Usando Bootstrap

    Como Criar um Layout Com Navegação Off-Canvas Usando Bootstrap

    Tutorial Intermediate

    O Bootstrap é projetado para servir a vários cenários, provendo diversos componentes web úteis. Há botões, barra de navegação responsiva, carrosséis e muitos...

  12. Dica Rápida: Pense um Pouco sobre Pontos de Parada Verticais

    Dica Rápida: Pense um Pouco sobre Pontos de Parada Verticais

    Tutorial Intermediate

    Vimos isso acontecer algumas vezes, recentemente, em sites com navegação fixa na lateral esquerda. Eles possuem belos layouts fluidos, que se ajustam em...