Рубрика «адаптивный дизайн»
Как я написал «Обратную змейку» на чистом Canvas
2026-06-16 в 13:01, admin, рубрики: canvas, javascript, ruvds_статьи, адаптивный дизайн, геймдев, Змейка, мобильные игры, Обратная змейка, пиксель-арт
Вырезаем SSR и ускоряем Хабр в 10 раз
2020-08-06 в 19:21, admin, рубрики: $mol, ssr, TypeScript, view.tree, vuejs, адаптивный дизайн, виртуальный рендеринг, Клиентская оптимизация, Разработка веб-сайтов, хабрахабрЗдравствуйте, меня зовут Дмитрий Карловский и я… тот ещё токсичный перец. Недавно я источал свои альфа-флюиды на Альфа-банк. Ребята в ответ поступили достойно, и не стали атаковать меня в личку объяснениями, как сильно я не прав, а завели задачу на гитхабе. И даже что-то пофиксили, сделав часть моих претензий несостоятельными. Но не ту часть, где SSR портит всё.
Время утекло, пыль улеглась, и тут история получает продолжение: недавно ко мне обратился продюсер контент-студии Хабра с предложением пропесочить их Торт. Что ж, расчехляем вентилятор!
Адаптивный Waveform для вашего аудиосервиса
2018-07-23 в 10:29, admin, рубрики: css, javascript, JS, php, адаптивная вёрстка, адаптивный дизайн, Алгоритмы, интерфейсы, обработка изображений
Когда мне понадобилось для сайта одной радиопередачи наладить выкладку аудио архива, помимо админки нужен был еще и аудиоплеер. Радиопередача шла 40 минут плюс две музыкальные паузы. Использовать Waveform в таких длинных форматах особенно удобно, поэтому как и многие музыкальные сервисы, я решил использовать это решение в оформлении плеера.
При планируемом будущем редизайне сайта и, возможно, будущих мобильных приложений, растровый waveform тут просто клином упирался. Он не адаптивен, его крайне ресурсоемко редизайнить, если он в растре.
Читать полностью »
UWP beginner: Адаптивный дизайн (VB.NET + C#)
2016-09-27 в 10:27, admin, рубрики: C#, microsoft, uwp, vb.net, windows, XAML, адаптивный дизайн, Блог компании Microsoft, разработка под windows, универсальная платформаМы продолжаем историю по разработке под универсальную платформу Windows (UWP). Тема этой статьи родилась из-за большого количества вопросов по ней к автору от независимых разработчиков UWP-приложений. Для кого-то она может показаться вполне очевидной, но мы надеемся, что вы найдете в статье полезный лайфхак по адаптивному дизайну в UWP.
Статья подготовлена совместно с активным участником сообщества Microsoft Developer, Алексеем Плотниковым, и менеджером по работе с техническими аудиториями, Стасом Павловым.
Мобильная версия сайта или адаптивный дизайн?
2014-10-07 в 6:20, admin, рубрики: адаптивный дизайн, веб-дизайн, Мобильный вебС началом эры бума мобильных устройств разработчики оказались перед выбором: оставлять ли мобильные версии своих сайтов наряду с «полноценными», или сайты должны стать адаптивными и самостоятельно подстраиваться под разные размеры экранов?
На текущий момент при построении мобильных версий сайтов существуют 3 основных способа их построения:
- Адаптивный дизайн;
- Отдельная мобильная версия сайта;
- RESS (Responsive Design + Server Side).
Каждый из способов обладает своими плюсами и минусами, которые я постараюсь подробно описать.
Читать полностью »
Как создавать сайты, готовые к локализации
2014-08-12 в 4:44, admin, рубрики: адаптивная вёрстка, адаптивный дизайн, Блог компании Alconost, Inc., веб-дизайн, Веб-разработка, веб-сайты, локализация, языковые версии Локализовать можно любой сайт – по крайней мере, мы в Alconost Translations еще не отказали в этом ни одному клиенту. Тем не менее, результат локализации может сильно зависеть не только от наших переводчиков, а и от ваших веб-дизайнеров. Почему? Ответ на этот вопрос и еще много полезных идей – в переводе статьи опытного проджект-менеджера по локализации Роберта Ханта.
Читать полностью »
Самое интересное из мира веб-дизайна. Дайджест Genue №1, февраль 2014
2014-02-28 в 9:36, admin, рубрики: Facebook, responsive design, styleguide, TED, yelp, адаптивный дизайн, Блог компании Студия дизайна Genue, дайджест, дизайн, Дизайн в IT, интерфейс, интерфейсы, прелоадер, фотошоп, метки: Facebook, preloader, responsive design, styleguide, TED, yelp, адаптивный дизайн, дайджест, дизайн, интерфейс, фотошопРады представить первый выпуск «Самого интересного из мира веб-дизайна». Мы постараемся делать такие выпуски регулярно. В сегодняшнем выпуске мы поговорим про дизайн как таковой: 1) Что должен знать дизайнер об отступах в заголовках; 2) Как иконка прелоадера влияет на наше отношение к сервису; 3) Азы адаптивного дизайна; 4) Использование «Photoshop Generator» для создания прототипов; 5) Руководство по стилю от Yelp. Расскажем о новых интересных и красивых сервисах: 1) Генератор случайных пользователей; 2) Сервис Peek. Видео-отзыв о сайте от реального человека; 3) Recordit.co. Сервис для записи скринкастов; 4) Peekcalendar. Карманный календарь. Покажем, что нового, у всем известных ребят: 1) Iconfinder. Версия 5.0; 2) Новый Ted.com 2.0
Что должен знать дизайнер об отступах в заголовках
В своей статье Артём Гобунов раскрывает простое «правило внутреннего и внешнего», которое является частным случаем теории близости. На конкретном примере демонстрируется, как нужно рассчитывать вертикальные расстояния между заголовком и подзаголовком, а также между ними и контентом страницы, чтобы все элементы не «смешивались в кашу».
http://artgorbunov.ru/bb/soviet/20140224/
Адаптивные изображения без шаманства
2014-02-27 в 11:01, admin, рубрики: адаптивный дизайн, Блог компании «Кельник», веб-дизайн, Веб-разработка, метки: адаптивный дизайн Все, кто сталкивался с задачей сделать адаптивную графику, знает, что решений уже масса, но никакого единогласно принятого не существует. Зачастую выбор и применение решения для адаптивных изображений становятся головной болью фронтенд-разработчиков. Им приходится заменять src картинок, подгружать однопиксельные изображения и лепить прочие костыли. Нас это не устроило и мы решили сделать свой мотороллер.
На типичных сайтах изображения могут появляться тремя способами.
- Быть элементами дизайна сайта (бекграунды, кнопки и т.д.).
- Загружаться через специальные модули (например, изображения в фотоальбом).
- Вставляться через WYSIWYG-редактор CMS (например, в текст статьи).
Мы захотели получить такое решение, которое было бы некой «надстройкой» над сайтом. Чтобы можно было не лезть в код CMS, через которую загружаются изображения на сайт, а также не готовить адаптивные картинки вручную.
Сначала на помощь приходит реализация Adaptive Images…
Читать полностью »
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 87 (7 — 14 декабря 2013)
2013-12-14 в 18:48, admin, рубрики: bitcoin, css, css3, html, html5, jquery, JS, WebGL, адаптивный дизайн, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, игры, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: bitcoin, css, css3, html, html5, jquery, WebGL, адаптивный дизайн, браузеры, веб-дизайн, Веб-разработка, дайджест, игры, интересное, новости, ресурсы, ссылки, ссылки на сми.png "Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю № 87 (7 — 14 декабря 2013)")
Адаптивный дизайн и IE8
2013-10-21 в 21:13, admin, рубрики: css, responsive web design, адаптивный дизайн, веб-дизайн, Веб-разработка
Перевод статьи в The Guardian Mobile-first Responsive Web Design and IE8 о разработке адаптивной версии онлайн-издания, точнее о способе реализации поддержки IE 8. Также советую посмотреть интересный Case Study процесса, это очень познавательно.
Буквально на днях вышла новая, 11-ая версия браузера Internet Explorer в составе Windows 8.1, но 4,5% читателей сайта The Guardian до сих пор используют IE 8. И разработчики новой адаптивной версии сайта не могли пренебрегать предпочтениями этих пользователей.Читать полностью »