#стили — Public Fediverse posts

[Перевод] Диапазоны медиа-запросов CSS

Медиа-запросы (media queries) - это основа отзывчивого дизайна. Мы используем их для определения того, как должен меняться дизайн на основе размеров области просмотра (viewport). Но синтаксис min-width и max-width может вызывать путаницу, и в некоторых случаях вызывает проблемы макета (layout), которые трудно выявить. Цель этой статьи - убедить вас использовать запросы диапазонов (range queries), начиная с сегодняшнего дня.

https://habr.com/ru/articles/1033266/

#css #styles #media_queries #range_queries #container_queries #стили #запросы_диапазонов #запросы_к_контейнеру #медиазапросы #breakpoints

Какие новые HTML и CSS фичи полностью поддерживаются браузерами в 2026 году

Привет, Хабр. Каждый год я смотрю, какие новые фишки в HTML и CSS стали поддерживаться современными браузерами. Таким образом понимаю, что уже можно использовать. Так как я люблю делиться всем с вами, то я подумал: «А почему бы не рассказать о новинках на Хабре?». Вот я и пришёл. Сразу скажу, что эта статья — краткий обзор появившихся возможностей. Моя цель — уведомить вас. Я не буду закапываться в принцип работы и другие нюансы. По этой причине, пожалуйста, воспринимайте эту статью как список того, что можно изучить в 2026 году. Моё главное правило для отбора фич заключается в том, чтобы она стала «зелёной» в 2025 году на сайте «Can I Use». Смотрю последние версии браузеров Chrome, FireFox, Opera, Edge, Safari, iOS Safari, Samsung Internet и Android Chrome. Не буду больше тянуть. Давайте посмотрим, что я вам подготовил.

https://habr.com/ru/companies/ruvds/articles/987088/

#css #html #стили #вёрстка #новые_фишки #ruvds_статьи

Хватит писать CSS с нуля: как Chakra UI экономит время и нервы разработчика

В сфере фронтенд‑разработки каждый день приходится решать однотипные задачи: создавать и настраивать внешний вид компонентов, обеспечивать адаптивность и доступность UI без вреда для производительности. Чтобы избавить нас от этой рутины, были созданы библиотеки стилизации . В данной статье мы рассмотрим одну из таких библиотек — Charka UI V3 в связке с React, так как она не особо большая и проста в изучении. В разных библиотеках синтаксис может немного отличаться, но в основном они все решают одни и те же проблемы. Давайте разберёмся, как она способна помочь нам в разработке.

https://habr.com/ru/companies/ruvds/articles/959146/

#react #reactjs #css #html #дизайн #фронтенд #фронтендразработка #стилизация #стили #ruvds_статьи

[Перевод] Скрываем без JavaScript элементы, требующие JavaScript

Я всё тщательно проверил и убедился, что мой сайт отлично (или хотя бы вполне неплохо) даже без JavaScript. Но, когда JavaScript недоступен, иногда бывает немного тяжеловато скрывать вещи, скрывать которые необходимо. Всего 7 строк кода (или даже однострочника, для самых душных) достаточно, чтобы скрывать на странице элементы, требующие JavaScript. Поэтому вам не придётся краснеть перед пользователи, которые без JavaScript заметили бы, как хромает функциональность вашего сайта. Небольшой контекст: я сейчас разрабатываю небольшую кнопочку «Share», которую можно вставлять в посты и с лёгкостью делиться ими, если мне захочется. Взгляните, как она сейчас выглядит без JavaScript:

https://habr.com/ru/articles/898214/

#javascript #html #css #стили #вебдизайн #вебпрограммирование

Исследование: заменит ли AI писателей?

Занимаясь компьютерной лингвистикой в Lingvanex и организовывая поэтические вечера в Варшаве, я задумался: а что, если люди и AI будут выступать по очереди? Сначала генерируем стихи или шутки, затем озвучиваем их с помощью сервисов. Или создаём музыку через Suno на основе сгенерированных стихов и потом слушаем. Насколько качественно AI умеет сочинять? Может ли он конкурировать с человеком? Я решил провести небольшое творческое исследование и поделиться его результатами в этой статье. Буду тестировать не только генерацию текстов, но и преобразование стиля. Для всех экспериментов использую ChatGPT-4o.

https://habr.com/ru/articles/889484/

#chatgpt #литература #поэзия #исследование #искусственный_интеллект #ai #творчество #стили

Стили, темы и адаптивная верстка в React Native

Из этой статьи вы узнаете, как эффективно организовать очень важную часть разработки на React Native - работу со стилями и ресурсами для создания адаптивных и доступных интерфейсов под три платформы: iOS, Android и Web. Также в целом обсудим особенности верстки и проблемы производительности в рамках данного фреймворка.

https://habr.com/ru/articles/860156/

#react_native #expo #доступность #архитектура_приложений #стили #адаптивная_вёрстка #производительность

@nekun Для #CSS и #JavaScript'а. Но на моём сайте, ЕМНИП, нет вложенных дивов (есть только невложенные). #Стили используются, зато #JS и вообще client-side #скрипты отсутствуют. Пожалуй, мой #сайт — воплощённый #перфекционизм.