Темная тема за день. Использование набора современных возможностей CSS для создания ночного режима для приложения
https://medium.com/@mwichary/dark-theme-in-a-day-3518dde2955a
https://medium.com/@mwichary/dark-theme-in-a-day-3518dde2955a
Medium
Dark theme in a day
Using a bunch of modern CSS to create a night mode for an app
Техники редактирования текста, о которых должен знать каждый разработчик фронтенда
https://benfrain.com/text-editing-techniques-every-front-end-developer-should-know/
https://benfrain.com/text-editing-techniques-every-front-end-developer-should-know/
«ALL YOUR HTML» #50: «Простой generative art на 2d canvas»
https://www.youtube.com/watch?v=XWjdaCsj48M
https://www.youtube.com/watch?v=XWjdaCsj48M
YouTube
#50 ALL YOUR HTML, Простой generative art на 2d canvas
Демо: https://cssing.org.ua/examples/lerpy/
Автор оригинальной идеи на Processing: https://twitter.com/n_disorder
Статья про эту идею: https://necessarydisorder.wordpress.com/
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог:…
Автор оригинальной идеи на Processing: https://twitter.com/n_disorder
Статья про эту идею: https://necessarydisorder.wordpress.com/
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог:…
Почему VueX — это лучший интерфейс между фронтендом и API
https://zendev.com/2018/05/21/vuex-perfect-interface-frontend-backend.html
https://zendev.com/2018/05/21/vuex-perfect-interface-frontend-backend.html
ZenDev, LLC
Why VueX Is The Perfect Interface Between Frontend and API
The increase in complexity in front end web development has driven to increasing amounts of specialization and separation of front and back end. This specialization and increased complexity has a number of benefits - the quality of user experiences on the…
Состояния веба: лучшие стратегии по оптимизации изображений
https://dougsillars.com/2018/05/21/state-of-the-web-top-image-optimization-strategies/
https://dougsillars.com/2018/05/21/state-of-the-web-top-image-optimization-strategies/
SpeakOfTheDevrel.Cloud: Doug Sillars
State of the Web: Top Image Optimization Strategies
Images are a central part of the web. Beautiful imagery draws customers deeper into the story that your webpage is attempting to tell – whether it is news, entertainment, or e-commerce. And as imp…
Продвинутая визуализация с помощью react-vis
https://towardsdatascience.com/advanced-visualization-with-react-vis-efc5c6667b4
https://towardsdatascience.com/advanced-visualization-with-react-vis-efc5c6667b4
Learning Gutenberg. Серия статей на css-tricks, посвященная изучению Gutenberg, новому редактору в Wordpress (React-driven SPA)
https://css-tricks.com/learning-gutenberg-1-series-intro/
https://css-tricks.com/learning-gutenberg-1-series-intro/
Grid Layout, совмещенный с эффектами смещения при наведении и возможностью предпросмотра контента
https://tympanus.net/codrops/2018/05/23/grid-layout-with-motion-hover/
https://tympanus.net/codrops/2018/05/23/grid-layout-with-motion-hover/
Hyphenopoly — полифил для клиентской расставки переносов в тексте
https://github.com/mnater/Hyphenopoly
https://github.com/mnater/Hyphenopoly
GitHub
GitHub - mnater/Hyphenopoly: Hyphenation for node and Polyfill for client-side hyphenation.
Hyphenation for node and Polyfill for client-side hyphenation. - mnater/Hyphenopoly
Объяснение Z-Index: как складывать элементы с помощью CSS
https://medium.freecodecamp.org/z-index-explained-how-to-stack-elements-using-css-7c5aa0f179b3
https://medium.freecodecamp.org/z-index-explained-how-to-stack-elements-using-css-7c5aa0f179b3
freeCodeCamp.org
Z-Index Explained: How to Stack Elements Using CSS
I have always struggled with the CSS property z-index. It sounds so easy at first. Elements with a higher z-index value are displayed in…
Facebook открыла исходный код библиотеки для балансировки нагрузки на сеть
https://tproger.ru/news/facebook-open-source-l4lb-katran/
https://tproger.ru/news/facebook-open-source-l4lb-katran/
Tproger
Facebook открыла исходный код библиотеки для балансировки нагрузки на сеть
Katran использует идеи двух разработок в области проектирования ядра - eXpress Data Path (XDP) и виртуальной машины eBPF. Использование L4LB-балансировщика позволит независимым разработчикам уменьшить и расходы, и нагрузку на сеть.
hybrids — UI библиотека для создания веб-компонентов с простым и функциональным API
https://github.com/hybridsjs/hybrids
https://github.com/hybridsjs/hybrids
GitHub
GitHub - hybridsjs/hybrids: Extraordinary JavaScript UI framework with unique declarative and functional architecture
Extraordinary JavaScript UI framework with unique declarative and functional architecture - hybridsjs/hybrids
Алгебра в calc(), новая специфичность селекторов 4 уровня и другие майские новинки CSS
https://css-live.ru/vecssti-s-polej/algebra-v-calc-novaya-specifichnost-selektorov-4-urovnya-i-drugie-majskie-novinki-css.html
https://css-live.ru/vecssti-s-polej/algebra-v-calc-novaya-specifichnost-selektorov-4-urovnya-i-drugie-majskie-novinki-css.html
CSS-LIVE
Новинки CSS: алгебра в calc(), новая специфичность :matches…
Новинки CSS-спецификаций: возможность делить величины друг на друга в calc(), новые правила специфичности в :matches(), обновленные редакции модулей CSS-изоляции, режимов письма и колонок, и не только.
Интересное видео от Школы разработки интерфейсов Академии Яндекса. Владимир Рыбаков о работе с сенсорным пользовательским вводом
https://www.youtube.com/watch?v=Wo-MG8tq3P4&list=PLKaafC45L_SRqYQW-nFYw8bOlm3IYc2BI&index=3&t=0s
https://www.youtube.com/watch?v=Wo-MG8tq3P4&list=PLKaafC45L_SRqYQW-nFYw8bOlm3IYc2BI&index=3&t=0s
YouTube
002. Работа с сенсорным пользовательским вводом - Владимир Рыбаков
Презентация: https://yadi.sk/i/ZxO85RqX3WzE6t Мы поговорим об особенностях интерфейса на устройствах с сенсорным вводом. Рассмотрим актуальные стандарты обра...
proppyjs — Небольшая JS библиотека для функциональной композиции props. Поддерживает ReactJS, VueJS, PreactJS и ReactiveX
https://proppyjs.com/
https://proppyjs.com/
Proppyjs
ProppyJS: Functional props composition for UI components
ProppyJS is a tiny 1.5kB JavaScript library for functionally composing props for your UI components. Supporting integrations with React.js, Vue.js, Preact, Redux, and RxJS.