Тематические статьи
про адаптивный веб-дизайн, об интернет-технологиях и про фронтенд-разработку

Адаптивные изображения

Изображения на сайтах могут адаптироваться как под разрешение экрана устройства для корректного отображения на мобильных устройствах, так и под экраны с высоким DPI (например, под Retina-дисплеи) для более детализированного отображения. Есть несколько вариантов реализации адаптивных изображений.


Адаптивный и отзывчивый дизайн

​Для обеспечения хорошего отображения сайтов на мобильных устройствах (планшетах и смартфонах) обычно создаётся отзывчивый или адаптивный дизайн.


Показаны не все статьи,
а только по отдельным темам

адаптивный дизайн — статьи про отзывчивый дизайн сайтов (как правило, для мобильных устройств — планшетов и телефонов).

технологии — статьи про различные технологии, которые используются в веб-разработке и сопровождении проектов.

фронтенд — статьи, посвященные клиентской части сайтов и веб-приложений: дизайну, верстке, js-программированию и клиентским фремворкам.

Посмотреть статьи по всем темам

Близкие по теме статьи:

Twitter Bootstrap — фрон­тенд-фреймворк. Кли­ент­ский html-, css- и js-фрейм­ворк, исполь­зо­ва­ние кото­рого поз­во­ляет суще­ственно уско­рить раз­ра­ботку кли­ент­ской части сайта или веб-при­ло­же­ния. Из основ­ных воз­мож­но­стей — дина­ми­че­ский дизайн по…

Уско­ряем работу сайта за счёт опти­ми­за­ции CSS. Время загрузки и отри­совки сайта в бра­у­зере можно заметно сни­зить, если вос­поль­зо­ваться сле­ду­ю­щими советами.

Чек-лист про­верки фронтенда. По дан­ному списку можно про­ве­рить фрон­тенд сайта или веб-при­ло­же­ния для выяв­ле­ния и после­ду­ю­щего исправ­ле­ния оши­бок или недочётов.

JPEG и PNG — в чём раз­ница форматов?. JPEG и PNG — это два основ­ных фор­мата для изоб­ра­же­ний, кото­рые исполь­зу­ются на сай­тах. В неко­то­рых слу­чаях лучше исполь­зо­вать JPEG, а в неко­то­рых — PNG.

БЭМ и неза­ви­си­мые блоки. Вёрстка неза­ви­си­мыми бло­ками — это мето­до­ло­гия, кото­рая была сфор­му­ли­ро­вана Вита­лием Хари­со­вым из ком­па­нии Яндекс. Впо­след­ствии эта мето­до­ло­гия была рас­ши­рена и полу­чила назва­ние БЭМ…

History API и HASH-нави­га­ция на Ajax-сайтах. Загрузка кон­тента при помощи Ajax и нави­га­ция, постро­ен­ная на этой схе­ме, поз­во­ляют зна­чи­тельно повы­сить отзыв­чи­вость интер­фейса раз­ра­ба­ты­ва­е­мого сайта или веб-при­ло­же­ния. Однако такой подход…

Ajax-нави­га­ция Turboliks & Wiselinks. Уве­ли­чить отзыв­чи­вость интер­фейса и сни­зить нагрузку на сер­вер можно при помощи Ajax-нави­га­ции: если не пере­за­гру­жать стра­ницу цели­ком, а обнов­лять только содер­жа­ние или отдель­ные фраг­мен­ты, то…

Сжа­тие изоб­ра­же­ний с поте­рями и без потерь. Сжа­тие изоб­ра­же­ний — это один из спо­со­бов уско­ре­ния загрузки сай­та. Сде­лать изоб­ра­же­ния более «лег­кими» можно как умень­шив их физи­че­ский раз­мер в пик­се­лях, так и путём опти­ми­за­ции параметров…

HTML5 — новая вер­сия стандарта. HTML — это язык для струк­ту­ри­ро­ва­ния и пред­став­ле­ния содер­жи­мо­го, HTML5 (HyperText Markup Language, version 5) — это пятая вер­сия стан­дар­та, кото­рая ещё нахо­дится в раз­ра­бот­ке, но уже является…

Язык раз­метки HTML, 
таб­лицы сти­лей CSS и язык JavaScript. Содер­жа­ние и внеш­ний вид каж­дой стра­ницы сайта опре­де­ля­ется HTML-кодом и содер­жа­нием таб­лицы сти­лей CSS, а пове­де­ние интер­фейса —  скрип­тами JavaScript.

Воспользуйтесь нашими
знаниями и опытом

Отправьте нам сообщение при помощи формы. Или напишите на e-mail s@web-creator.ru

Мы максимально оперативно ответим Вам по электронной почте или перезвоним.

При отправке сообщения через форму, укажите пожалуйста предпочтительный способ связи с Вами: телефон или адрес электронной почты. Мы сможем ответить Вам подробнее, если Вы напишете что-то о запланированном проекте или предполагаемых задачах.

Либо просто позвоните нам по номеру: +7 495 215-1501

Контакты

Веб-разработка в Москве: 3-я Мытищинская улица, дом 16 строение 47
Веб Креатор
«Веб Креатор»

+7 495 215 15 01

Москва, 3-я Мытищинская улица, 16/47