как избавиться от соседнего родственного комбинатора + при реализации нестандартных чекбоксов и радиокнопок
Можно вообще без всяких обёрток и комбинаторов просто добавить appearance: none на нативный элемент и стилизовать почти как угодно, используя те же псевдоэлементы. К тому же такой способ позволяет использовать нативный вид фокуса.
Пока останавливает отсутствие гибкости в формировании ссылок при пагинации. Как понимаю, нельзя сделать, чтобы начальная страница была, скажем, `/articles/`, а следующая `/articles/feed/2`, используя один шаблон. В Eleventy с ссылками (permalink) можно делать почти что угодно.
У Google Fonts есть API для тонкой настройки. Например, можно указать url-параметр subset с набором глифов, характерных для того или иного языка. Или можно указать url-параметр text с нужными глифами. Если взять набор символов из вашего сервиса для русского и английского языка, то в Google Fonts также получим один файл размером 8Kb. Причем именно один формат, который сервис определил сам на основе HTTP-заголовков, а не целую россыпь из устаревших otf, ttf, woff, svg, как уже и отметил @dom1n1k.
У Google Fonts, вообщем-то, только один недостаток в плане сетевой производительности – CSS запрашиваются с одного домена, а сами шрифты – с другого домена.
<aside class=”sidebar fixed left top w-30 h-100 main-fill”></aside>
С одного взгляда достаточно что бы понять что это боковая колонка, с фиксированным позиционированием, с левой стороны экрана, занимающая 30% его ширины и 100% высоты, залитая главным цветом.
А как поступать в ситуациях, когда этот элемент на больших экранах должен вести себя так, как описано выше, а на малых — быть прижатым к низу, занимать 100% ширины и 30% высоты экрана.
4. Blueprint — шаблоны для создания групп файлов и папок, например, можно создать одним кликом angular-комопнент c html-, css-, ts-файлами.
5. Azure Cosmos DB — предназначен для работы с БД для Azure, но я использую для подключения к любому MongoDB-серверу, можно писать запросы в так называемом scratchpad, править отображенный json, который будет сохранен в БД.
Нужно отметить, что статья является переводом https://www.cnblogs.com/coco1s/p/18358267.
Да, но применится только один -
data-size="small"Вы хотя бы не тупо переводите статьи, а делайте их редактуру/ревью. Например,
Это не так.
Про
must-revalidateне рассказали. А есть ли смысл использовать эти значенияno-cacheиno-storeвместе?Кажется, были проблемы с псевдоэлементами для
inputв очень старых браузерах. Но во всех современных работает хорошо.Можно вообще без всяких обёрток и комбинаторов просто добавить
appearance: noneна нативный элемент и стилизовать почти как угодно, используя те же псевдоэлементы. К тому же такой способ позволяет использовать нативный вид фокуса.Пример: https://codepen.io/monochromer/pen/xxyMrqQ
А TailwindCSS относится к CSS-in-JS?
Из приведенных примеров не видна разница между использованием операторов
~~и|. Выражения ниже приводят к одному результату.https://caniuse.com/details
пример можно?
Пока останавливает отсутствие гибкости в формировании ссылок при пагинации. Как понимаю, нельзя сделать, чтобы начальная страница была, скажем, `/articles/`, а следующая `/articles/feed/2`, используя один шаблон. В Eleventy с ссылками (permalink) можно делать почти что угодно.
В URL есть hash, который обрезает часть символов
У Google Fonts есть API для тонкой настройки. Например, можно указать url-параметр
subsetс набором глифов, характерных для того или иного языка. Или можно указать url-параметрtextс нужными глифами. Если взять набор символов из вашего сервиса для русского и английского языка, то в Google Fonts также получим один файл размером 8Kb. Причем именно один формат, который сервис определил сам на основе HTTP-заголовков, а не целую россыпь из устаревших otf, ttf, woff, svg, как уже и отметил @dom1n1k.У Google Fonts, вообщем-то, только один недостаток в плане сетевой производительности – CSS запрашиваются с одного домена, а сами шрифты – с другого домена.
Внутри
@font-faceне нужно указыватьtext-rendering. Это делается на уровне селекторов, например,:root { text-rendering: optimizeLegibility; }.Заканчивается 2023 год, поэтому форматы woff и ttf не нужны, только если вы не поддерживаете браузеры типа IE9.
Нагло скопированный с https://yoksel.github.io/url-encoder/
Понимаю, что рекламируете свой сервис, но transfonter удобнее.
В рамочку и на стену
Для ReadableStream не хватает примера обработки "обратного давления"
Может, и я угодил в эту ловушку, но в предложении "Помимо связанности у нас есть и зацепленность" вместо "связанности" должно быть "связности".
сoupling - связанность
cohesion - связность
https://habr.com/ru/articles/568216/
Поправьте, если ошибаюсь.
А как поступать в ситуациях, когда этот элемент на больших экранах должен вести себя так, как описано выше, а на малых — быть прижатым к низу, занимать 100% ширины и 30% высоты экрана.
1. VS Live Share — совместная работа, также синхронизируется со средой разработки Visual Studio.
2. Test Explorer UI — панель для запуска тестов.
3. Работа с Docker.
4. Blueprint — шаблоны для создания групп файлов и папок, например, можно создать одним кликом angular-комопнент c html-, css-, ts-файлами.
5. Azure Cosmos DB — предназначен для работы с БД для Azure, но я использую для подключения к любому MongoDB-серверу, можно писать запросы в так называемом scratchpad, править отображенный json, который будет сохранен в БД.
6. Bracket Pair Colorizer — удобная подсветка скобок.
7. Import Cost — показывает размер подключаемых файлов.
8. Сhange-case — смена регистра текста.
Разве можно делать
yieldвнутри callback'ов?Также, с точки зрения доступности, картинки с текстом лучше заменить на сам текст.