#responsive_design

2025-05-02

[Перевод] Меню для отзывчивого интерфейса без скриптов

В этой статье мы расскажем как создать отзывчивое меню по принципу mobile-first, используя только HTML и CSS — без JavaScript. Полный код, используемый в этой статье, доступен в репозитории на GitHub.

habr.com/ru/companies/beget/ar

#responsive_design #hamburger #css #туториал #пример #webразработка #webпрограммирование #nojavascript

2024-12-13

[Перевод] Адаптивный UI в движке Godot

Пользователи играют в игры на устройствах с разными размерами экранов, так что при разработке игр очень важен адаптивный пользовательский интерфейс (User Interface, UI). Продуманный адаптивный UI обеспечивает идеальный внешний вид на любом экране. В Godot Engine есть широкий выбор настроек и нодов, упрощающих создание адаптивного UI. В этом туториале вы научитесь пользоваться такими настройками и нодами. К концу туториала вы будете знать, как сделать UI адаптивным, и реализуете переключение между полноэкранным и оконным режимами.

habr.com/ru/articles/865684/

#godot #адаптивный_дизайн #responsive_ui #responsive_design #пользовательский_интерфейс #интерфейс_пользователя

Interactive Onlineinteractiveonline
2024-11-05

What Is It & Why Is It Important?

Discovering the Benefits of Adaptive Web Design
In the age of extensive mobile usage, building a website that adjusts to various screen sizes is crucial. Understanding the challenges of responsive websites can transform what seems like a technical ma...

Read more at interactiveonline.com/what-is-

2024-03-21

A new responsive page has been uploaded to episode 3 of my webcomic "EverydayEpics: Aury & Kwiny" #webcomic #webcomics #webdev #responsive_design #fantasy #adventure #slice_of_life

2023-11-09

Progress Report Nov 09:
I've just started the process of adapting my preexisting pages from a regular comic format into a mobile-optimized format. Besides some experiments I've not done it much before, so its a learning experience. I try to reuse as much art as possible from the original set with as little change as possible, but I have found some redrawing is inevitable. Also I've updated my crowdfunding rewards
#webcomic #webcomics #responsive #responsive_design #patreon #kofi

A brief example of how I adapt a regularly sized comic page into an optimized-for-mobile size. The caption in the image says:"Progress report:
I am adapting my 
existing pages into 
a mobile format. 
For now my responsive 
pages are very simple, 
just two sets of images 
separated by a single 
breakpoint.
I try to plan carefully so as 
to reuse as much as possible 
from the original set, but 
some re-adjustments are 
inevitable."A promotional pic of my two bundles of exclusive content for supporters: The caption on the image says: 
"Also, I just updated my Exclusive Content for supporters.
There's two packages available: One with sketches, development art and news 
on the project, and other with color illustrations and sexy pin-ups. Check my Patreon &/or my Ko-Fi.
THERE'S A SPECIAL PRICE 
FOR FIRST SUPPORTERS!

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst