Селекторы CSS, объясненные на примере шоппинга на машине
https://medium.freecodecamp.com/css-selectors-explained-by-going-car-shopping-51a383f6eb4b
https://medium.freecodecamp.com/css-selectors-explained-by-going-car-shopping-51a383f6eb4b
Free Code Camp
CSS Selectors Explained By Going Car Shopping
If you have ever seen a car dealership, then you can understand CSS selectors.
Стек технологий JavaScript с нуля (перевод материалов «JavaScript Stack from Scratch»)
https://github.com/UsulPro/js-stack-from-scratch
https://github.com/UsulPro/js-stack-from-scratch
GitHub
GitHub - usulpro/js-stack-from-scratch: 🌺 Russian translation of "JavaScript Stack from Scratch" from the React-Theming developers…
🌺 Russian translation of "JavaScript Stack from Scratch" from the React-Theming developers https://github.com/sm-react/react-theming - usulpro/js-stack-from-scratch
Как разобраться с роутингом в React
https://code.tutsplus.com/tutorials/understanding-how-to-handle-routing-in-react--cms-27355
https://code.tutsplus.com/tutorials/understanding-how-to-handle-routing-in-react--cms-27355
Code Envato Tuts+
How to Handle Routing in React
In one of my earlier tutorials, we saw how to get started with React and JSX. In this tutorial, we'll see how to get started with setting up and creating a React app. We'll focus on how to handle...
Запустился CastleCSS, новый статический фреймворк
https://medium.com/@DoorDarius/launching-castlecss-our-new-front-end-framework-106a16759fb5
https://medium.com/@DoorDarius/launching-castlecss-our-new-front-end-framework-106a16759fb5
Medium
Launching CastleCSS, our new front-end framework
CastleCSS is a mobile first SCSS framework with modular building blocks for the web. Which is also fully update-able!
Грид, флексбокс и выравнивание блоков: наша новая система раскладки
https://prgssr.ru/development/grid-fleksboks-i-vyravnivanie-blokov-nasha-novaya-sistema-raskladki.html
https://prgssr.ru/development/grid-fleksboks-i-vyravnivanie-blokov-nasha-novaya-sistema-raskladki.html
Прогрессор
Грид, флексбокс и выравнивание блоков: наша новая система раскладки
Подробный анализ работы выравнивания блоков в флексбоксе и гриде от Рейчел Эндрю
Плагин PostCSS для простой имплементации CSS гридов
https://github.com/sylvainpolletvillard/postcss-grid-kiss
https://github.com/sylvainpolletvillard/postcss-grid-kiss
GitHub
GitHub - sylvainpolletvillard/postcss-grid-kiss: A PostCSS plugin to keep CSS grids stupidly simple
A PostCSS plugin to keep CSS grids stupidly simple - sylvainpolletvillard/postcss-grid-kiss
Дешевый параллакс с помощью JavaScript и CSS Transforms
https://thenewcode.com/1162/Cheap-Parallax-with-JavaScript-and-CSS-Transforms
https://thenewcode.com/1162/Cheap-Parallax-with-JavaScript-and-CSS-Transforms
the new code
Cheap Parallax with JavaScript and CSS Transforms
Creating foreground-background parallax with CSS & JS
https://medium.com/@DoorDarius/launching-castlecss-our-new-front-end-framework-106a16759fb5 Запустился CastleCSS, новый статический фреймворк
Medium
Launching CastleCSS, our new front-end framework
CastleCSS is a mobile first SCSS framework with modular building blocks for the web. Which is also fully update-able!
ES6 итераторы и генераторы на практике
https://www.zsoltnagy.eu/es6-iterators-and-generators-in-practice/
https://www.zsoltnagy.eu/es6-iterators-and-generators-in-practice/
Написание ваших стилей в JS ≠ написание инлайновых стилей
https://mxstbr.blog/2016/11/inline-styles-vs-css-in-js
https://mxstbr.blog/2016/11/inline-styles-vs-css-in-js
<mxstbr/>
Writing your styles in JS ≠ writing inline styles
Many people don't realise is that there's a difference between what's called
Как сделать эффект приближения изображения в шапке сайта при скроллинге
https://webdesignerwall.com/tutorials/zoom-hero-images-scroll
https://webdesignerwall.com/tutorials/zoom-hero-images-scroll
Web Designer Wall
How to Zoom Hero Images on Scroll - Web Designer Wall
Hero headers or hero images are one of the most frequently used and aesthetically pleasing web design trends in 2016, and will likely remain strong for a few years to come. The term “hero” is often interchanged with “jumbo” and refers to full-width graphics…
Новые статусы HTML5.1 и SVG2
https://css-live.ru/vecssti-s-polej/novye-statusy-html5-1-i-svg2.html
https://css-live.ru/vecssti-s-polej/novye-statusy-html5-1-i-svg2.html
CSS-LIVE
Новые статусы HTML5.1 и SVG2
15 сентября 2016 г. — особый день для веб-стандартов: сразу две важные спецификации обновили свой статус. HTML5.1 стал предложенной рекомендацией (последняя, чисто формальная стадия перед окончательным утверждением!). Так что, если вы еще не убрали из закладок…
Создание приложения с Vue v2 JS с использованием Vue-router
https://www.liquidlight.co.uk/blog/article/building-a-vue-v2-js-app-using-vue-router/
https://www.liquidlight.co.uk/blog/article/building-a-vue-v2-js-app-using-vue-router/
Liquid Light
Building a Vue v2 JS app using Vue-router
Vue JS is a javascript framework which has recently released version 2. Allowing you to display, manipulate and navigate data, Vue is a React, Knockout and Angular competitor. This blog post walks through building a web app with Vue Router.
Как сделать полупрозрачные границы или паддинги без фонового цвета
https://www.zpyro.com/background-clip/
https://www.zpyro.com/background-clip/
Zpyro
How To create a translucent border or padding without background color
By specifying the painting area, we can create a translucent border or add padding to the background (padding without background color), and much more
#3 — Hot Module Replacement или React Hot Loader?
https://5minreact.ru/3-hot-module-replacement-or-react-hot-loader/
https://5minreact.ru/3-hot-module-replacement-or-react-hot-loader/
Тестирование Firefox 51-beta и Firefox Developer Edition 52
https://www.opennet.ru/opennews/art.shtml?num=45537
https://www.opennet.ru/opennews/art.shtml?num=45537
www.opennet.ru
OpenNews: Тестирование Firefox 51-beta и Firefox Developer Edition 52
Наследование в CSS, каскад и глобальная область видимости: ваши новые/старые худшие/лучшие друзья
https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/
https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/
Smashing Magazine
CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends — Smashing Magazine
If you don’t want your design to look like it’s made out of unrelated things, this article is for you. There is already a technology, called CSS, which is designed specifically to solve this problem. Using CSS, you can propagate styles that cross the borders…
WebRTC: Делаем peer to peer игру на javascript
https://habrahabr.ru/company/badoo/blog/315812/
https://habrahabr.ru/company/badoo/blog/315812/
Habr
WebRTC: Делаем peer to peer игру на javascript
Недавно мне довелось поработать над прототипом видеочата. Это был отличный повод поближе познакомиться с концепциями WebRTC и опробовать их на практике. Как правило, когда говорят про WebRTC,...