Рубрика «адаптивный веб-дизайн»

Это выступление состоялась 12 октября 2017 года на конференции Mirror Conf в Браге (Португалия) и ещё раз 9 февраля 2018 года на Awwwards Conference в Берлине.

Всё простое опять стало сложным - 1Этим летом после лекции на веб-конференции у меня состоялась увлекательная беседа с молодой студенткой, которая изучает цифровой дизайн. Было интересно сравнить наши карьерные пути. У меня пятнадцать лет опыта дизайна для веб-клиентов, у неё — один год, но каким-то образом мы оказались в одинаковой ситуации: мы наслаждались работой, но были совершенно дезориентированы и обескуражены быстро растущей сложностью всего вокруг. Что за ерунда произошла? (Конечно, это риторический вопрос).

Для нас обоих стало облегчением взаимно признаться в разочаровании и замешательстве. И мне стало интересно — эта какая-то смешная ситуация или тут серьёзная тема. Ни у кого из нас не было ответа, но спустя немного времени мне стало понятно, что мы оба должны сделать. Я бы хотел сегодня продолжить этот разговор и попытаться сформулировать свою точку зрения по поводу этой неразберихи и во что она нам обходится.
Читать полностью »

Многие владельцы интернет-магазинов и других сайтов сталкиваясь с выбором: делать адаптивную верстку сайта под мобильные устройства или не делать, задаются вопросами:

О чем, о каких цифрах идет речь?
Сколько дополнительной прибыли я получу?
За какое время окупится адаптивная версия сайта?

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

9 основных принципов отзывчивого веб-дизайна - 1

Отзывчивый дизайн — отличное решение проблемы корректного отображения сайта на разных экранах. Однако новичкам зачастую трудно понять основы, обучаясь только по книгам/статьям. С каждым днём появляется всё больше различных устройств, имеющих разные размеры экрана, поэтому создание дизайна в пикселях и только для настольных компьютеров/смартфонов остаётся в прошлом. Именно поэтому сейчас стоит изучить принципы отзывчивого дизайна — дизайна, совмещающего в себе адаптивность и резиновость (если вы ещё не знакомы с адаптивным дизайном, то эта статья будет хорошим выбором для начала изучения).Читать полностью »

Адаптивный веб-дизайн vs. Отзывчивый веб-дизайн

С тех пор, как вышли книги «Adaptive Web Design» Аарона Густафсона и «Responsive Web Design» Итана Маркотта (русское издание называется «Отзывчивый веб-дизайн»), в сообществе веб-дизайнеров и разработчиков ведутся споры о том, чем отличаются эти 2 подхода. Одни считают, что эти 2 понятия являются синонимами, а другие, что это совершенно разные понятия. Но, как известно, истина всегда где-то посередине, поэтому предлагаю вашему вниманию перевод статьи финского веб-дизайнера и разработчика Вилжами Салминена (Viljami Salminen) «Adaptive vs. Responsive, what’s the difference?»:

Кажется, есть некоторая путаница относительно этих терминов и того, что они означают, так вот здесь мои мысли на данную тему и несколько ссылок, чтобы подкрепить их. Я, как правило, не очень пылкий, когда дело доходит до обсуждения чего-либо, но на этот раз я хотел бы внести в этот вопрос ясность, т.к. слышу его очень часто.
Читать полностью »

Адаптивный дизайн и резиновый тип макета претендуют на роль нового стандарта в веб-дизайне, поэтому для удобства дизайнеров разработчики Firefox реализовали в браузере предпросмотр «резиновых» макетов. Вы можете посмотреть, как выглядит сайт на экранах любой ширины, просто перетягивая край страницы или указав точный размер в пикселах.

На выходных Responsive Mode появился в свежем билде Firefox Nightly, на стабильном канале он будет в Firefox 15.

Читать полностью »

Адаптивный дизайн и резиновый тип макета претендуют на роль нового стандарта в веб-дизайне, поэтому для удобства дизайнеров разработчики Firefox реализовали в браузере предпросмотр «резиновых» макетов. Вы можете посмотреть, как выглядит сайт на экранах любой ширины, просто перетягивая край страницы или указав точный размер в пикселах.

На выходных Responsive Mode появился в свежем билде Firefox Nightly, на стабильном канале он будет в Firefox 15.

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js