- Руководство по цветам в вебе для «ботаников
- http://css-live.ru/articles/rukovodstvo-po-cvetam-v-vebe-dlya-botanikov.html
- Ботанское руководство по цветам в вебе (A Nerd’s Guide to Color on the Web)
- https://css-tricks.com/nerds-guide-color-web/
- Коллекция практических советов и заметок по вёрстке https://habrahabr.ru/post/273471/#known
-
Существует ли граница видимой области в вебе?
- https://habr.com/en/post/279705/
-
15 шагов по улучшению юзабилити
- https://habr.com/en/post/280514/
- Создание отзывчивой сетки в 2016-м (Designing a Responsive Grid in 2016)
- https://medium.com/re-write/designing-a-responsive-grid-in-2016-58e4db6db786
-
CSS Exclusions and Grid Layout
- https://www.rachelandrew.co.uk/archives/2016/03/16/css-exclusions-and-grid-layout/
- https://zellwk.com/blog/media-query-units/
- https://habr.com/en/post/280125/
- https://webbeaver.ru/viewport-unit/
- Типографика в CSS: кернинг, лигатуры, росчерки и капитель (CSS Typography: Kerning, Ligatures, Swashes & Small-Caps)
- https://www.viget.com/articles/css-typography-kerning-ligatures-swashes-small-caps
- Полное руководство по модели Grid (A Complete Guide to Gri
- https://css-tricks.com/snippets/css/complete-guide-grid/
- Initial, Inherit, Unset, and
- https://bitsofco.de/initial-inherit-unset-and-revert/
- Дружественное руководство по цветам в визуализации информации (Your Friendly Guide to Colors in Data Visualisation)
- https://lisacharlotterost.de/2016/04/22/Colors-for-DataVis/
- 125 советов по оптимизации юзабилити вашего сайта (125 Easy Tweaks to Optimize Your Website’s Usability Today)
- https://www.nickkolenda.com/user-experience
Семь вещей которые каждый дизайнер должен знать о доступности (7 Things Every Designer Needs to Know about Accessibility)- https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b
- Научно обоснованные факты о цветах (50 Hard Science-Backed Facts About Color)
- https://creativemarket.com/blog/2016/05/09/color-meaning-facts
- Типографика Действительно гибкая типографика с помощью единиц vh и vw (Truly Fluid Typography With vh And vw Units)
- https://www.smashingmagazine.com/2016/05/fluid-typography/
- Утерянное искусство оформления посещенных ссылок. https://medium.com/@ABatickaya/%D1%83%D1%82%D0%B5%D1%80%D1%8F%D0%BD%D0%BD%D0%BE%D0%B5-%D0%B8%D1%81%D0%BA%D1%83%D1%81%D1%81%D1%82%D0%B2%D0%BE-%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F-%D0%BF%D0%BE%D1%81%D0%B5%D1%89%D0%B5%D0%BD%D0%BD%D1%8B%D1%85-%D1%81%D1%81%D1%8B%D0%BB%D0%BE%D0%BA-33c5fe44a862#.sku4f3d9x
- Хорошие и плохие CSS-практики для начинающих. Перевод статьи Good and Bad CSS Practices for Beginners
- https://medium.com/@ABatickaya/%D1%85%D0%BE%D1%80%D0%BE%D1%88%D0%B8%D0%B5-%D0%B8-%D0%BF%D0%BB%D0%BE%D1%85%D0%B8%D0%B5-css-%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B8-%D0%B4%D0%BB%D1%8F-%D0%BD%D0%B0%D1%87%D0%B8%D0%BD%D0%B0%D1%8E%D1%89%D0%B8%D1%85-619289ce8bae
- CSS: идеальные стили для печати (CSS: The Perfect Print Stylesheet)
- https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/
- Как веб-компоненты изменят архитектуру CSS (How Will Web Components Change CSS Architecture?
- https://snook.ca/archives/html_and_css/will-web-components-change-css
- Стили для печати с Rachel Andrew (Translating CSS for Paged Media with Rachel Andrew)
- https://www.sitepoint.com/translating-css-paged-media-rachel-andrew/
- https://web-standards.ru/articles/web-font-loading-patterns/
- Об использовании Pointer Events (A Mouse, Some Touches, and All Sorts of Pointers
- http://danielcwilson.com/blog/2016/06/pointer-events/
- http://juwain.ru/2016/05/27/linting-css/
- Вставляем разрыв строки. Перевод статьи Injecting a Line
- https://medium.com/@ABatickaya/%D0%B2%D0%B2%D0%BE%D0%B4%D0%B8%D0%BC-%D1%80%D0%B0%D0%B7%D1%80%D1%8B%D0%B2-%D1%81%D1%82%D1%80%D0%BE%D0%BA%D0%B8-814c88535341
- https://css-tricks.com/injecting-line-break/
- https://habr.com/en/post/308034/
-
Разработка расширяемых компонентов на HTML и CSS
- http://prgssr.ru/development/razrabotka-rasshiryaemyh-komponentov-html-i-css.html
- Создание масштабируемых компонентов с помощью относительных CSS-единиц (Building Resizeable Components with Relative CSS Units)
- https://css-tricks.com/building-resizeable-components-relative-css-units/
- https://habr.com/en/post/310044/
- 3 вещи, которые нужно учитывать при работе с отзывчивой типографикой (3 things to keep in mind to master Responsive Typography)
- https://blog.avocode.com/blog/3-things-keep-in-mind-to-master-responsive-typography
- 6 простых секретов идеальной типографики (6 Simple Secrets of Perfect Web Typography)
- http://blog.alexdevero.com/6-simple-secrets-perfect-web-typography/
- Как построить отзывчиваю сеточную систему (How to build a responsive grid system)
- https://zellwk.com/blog/responsive-grid-system/
- http://thenewcode.com/1158/The-Q-Continuum-Using-q-Measurements-In-CSS
- Я совсем забыл о стилях для печати
- http://prgssr.ru/development/ya-sovsem-zabyl-o-stilyah-dlya-pechati.html
- CSS Reference — визуальное руководство по свойствам CSS, c примерами и интерактивной демонстрацией
- https://cssreference.io/
- https://habrahabr.ru/company/ruvds/blog/317776/
- Свободный поворот элементов с 3д пространстве с помощью переменных CSS
- http://thenewcode.com/1166/Free-Rotate-an-Element-in-3D-Space-with-CSS-Variables
- http://engageinteractive.co.uk/blog/em-vs-rem-vs-px
- http://colorsupplyyy.com/app/
- https://css-tricks.com/lets-look-50-interesting-css-properties-values/
- Презентация Антона Виноградова об архитектуре дизайн-системы Альфа-Банка.
- Очень простой алгоритм подбора цвета, который работает
Михаил Аникин из Яндекса описывает алгоритм подбора цвета, который использовался для Yandex.Launcher. Он задаёт сочный и гармоничный фон для карточки приложения на основе его иконк - https://medium.com/@mishanikin/%D0%BE%D1%87%D0%B5%D0%BD%D1%8C-%D0%BF%D1%80%D0%BE%D1%81%D1%82%D0%BE%D0%B9-%D0%B0%D0%BB%D0%B3%D0%BE%D1%80%D0%B8%D1%82%D0%BC-%D0%BF%D0%BE%D0%B4%D0%B1%D0%BE%D1%80%D0%B0-%D1%86%D0%B2%D0%B5%D1%82%D0%B0-%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B9-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D0%B5%D1%82-98b8f0dcfdc5
- The Current State of Web Forms Обзор современных техник валидации полей форм.
- http://codepen.io/kevinSuttle/post/the-current-state-of-web-forms
- Алгоритмический дизайн Я давно интересуюсь темой алгоритмического дизайна и собираю материалы и примеры на тему, но тема всплывала от случая к случаю. За 4 года скопилась пара десятков примеров и полдюжины статей в привязке к продуктовому дизайну, но до этой весны всё это были скорее отдельные всплески безо всякой системы. Сделал краткий того, что это и почему это безумно важно.
- https://vc.ru/flood/16351-algorithm-design
- Algorithm-Driven Design Запустил сайт-коллекцию, посвящённую алгоритмическому дизайну. Здесь собраны все примеры и материалы из статьи и презентации, плюс то, что оставалось в заметках OneNote. Он будет пополняться регулярно (уже обогнал публикации по количеству ссылок), так что можно использовать как справочник.
- http://algorithms.design/
- https://www.smashingmagazine.com/2017/01/algorithm-driven-design-how-artificial-intelligence-changing-design/
- https://www.slideshare.net/jvetrau/ss-69585735
CSS в JS (CSS-in-JS) была озвучена в конце 2014-го года, в https://speakerdeck.com/vjeux/react-css-in-js Кристофера Чедеу (Vjeux), инженера Facebook из команды разработчиков React. Эта идея привела к разработке нескольких влиятельных библиотек, что упростило создание компонентных стилей. До сих пор самым популярным решением в этой области была библиотека styled-components, которая использует шаблонные литералы ES6 для создания компонентов React из CSS-строк.
https://risingstars.js.org/2019/en/
Styled Components
+6.0k
2
Emotion
+3.3k
3
Linaria
+2.8k
4
styled-system
+2.4k
5
CSS Modules
+1.8k
6
Polished
+1.2k
7
Styled JSX
+1.1k
8
JSS
+964
Комментариев нет:
Отправить комментарий