Tecnologias aplicadas em Design Responsivo
Para que seja possível a construção de páginas com Design Responsivo o uso de um conjunto de tecnologias ou parte delas poderão ser aplicadas em alguma etapa do desenvolvimento. São elas:
HTML – É a linguagem básica para construção de páginas web. É através dela que se estrutura o conteúdo de um site e é por se começa a estruturação de um site responsivo.
CSS e Media Queries - CSS é uma linguagem que dá forma ao site. Ele estabelece como determinado elemento vai se comportar visualmente.
As Media Queries surgiram para que o CSS seja aplicado em cenários específicos determinados por elas, por exemplo, como deve ser o tamanho de texto em uma resolução de tela menor e como deve ser comportar em uma resolução maior.
Temos aqui no site uma página dedicada as Media Queries.
Flexbox e CSS Grid Layout – São modelos de layout CSS que empregam técnicas avançadas para controlar e posicionar elementos e seus conteúdos em um layout.
Para saber mais sobre Flexbox clique neste link e sobre CSS Grid Layout neste outro.
Javascript – é uma linguagem de programação que especificamente contribui com o design responsivo ao fornecer scripts que possibilitam que navegadores antigos reconheçam elementos do HTML5.
Mídias flexíveis – Tratam-se de imagens, vídeos, entre outros, com a capacidade de expandir ou contrair de acordo com a resolução de tela.
Vimos aqui que o conhecimento sobre essas tecnologias é fundamental para trabalhar ou entender o Design Responsivo.
O vídeo a seguir complementa sobre as tecnologias citadas até aqui. Se você quer conhecer as linguagens HTML e CSS um passo importante que você pode dar é adquirir o E-book Solidário de Fluência em HTML e CSS.
8 / 14