Adobe Typekit: теперь шрифты можно подключать без JavaScript (по аналогу с Google Fonts) https://blog.typekit.com/2017/08/30/css-font-loading/
The Typekit Blog
Now in Early Access: Serve web fonts without JavaScript
We’re excited to ship one of your all-time most requested features: you can now add fonts to your web site using only CSS (Cascading Style Sheets)—no JavaScript required. Also, you can now use font…
React + Webpack: замешательство, фрустрация и как Vue.js может помочь https://codeburst.io/react-webpack-confusion-frustration-and-how-vue-js-can-help-97ccab801c25
Medium
React + Webpack: confusion, frustration and how Vue.js can help
Vue.js is a dead simple way to start using reactive components
Лучший способ сделать “Wrapper”-обертку на CSS https://css-tricks.com/best-way-implement-wrapper-css/
CSS-Tricks
The Best Way to Implement a "Wrapper" in CSS | CSS-Tricks
Sometimes the first bit of HTML we write in a new document is an element that wraps everything else on the page. The term wrapper is common for that. We give
Усиливаем анимацию суперспособностями с помощью requestAnimationFrame https://medium.com/@bdc/gain-motion-superpowers-with-requestanimationframe-ecc6d5b0d9a4
Medium
Gain Motion Superpowers with requestAnimationFrame
In my last blog post explaining some of the technical details behind Connect, I briefly touched on the different options we now have to…
Quokka — живой JavaScript Scratchpad теперь и для редактора Atom https://medium.com/@artem.govorov/quokka-live-javascript-scratchpad-for-atom-editor-a4edd27b7d91
Medium
Quokka — Live JavaScript Scratchpad for Atom editor
Few months ago we have introduced Quokka.js — Live Scratchpad for JavaScript in your editor, with access to your project’s files, inline…
Подкаст «devschacht», Выпуск №6 https://soundcloud.com/devschacht/devschacht-6
SoundCloud
Выпуск №6
Готовим с фронтендером: одна часть Node.js, одна часть CSS-in-JS, густо приправить ФРП, добавить щепотку корутин и чайную ложечку зелёных тредов. Всё как вы любите! Густо перемешать и подавать горячим
Способы создания доступного пользовательского интерфейса, часть I https://medium.com/fed-or-dead/ways-to-make-a-ui-accessible-part-i-84b5088acfb7
Medium
Ways to Make a UI Accessible—Part I
This follows on from my Let’s Try Harder With Web Accessibility article and will focus on practical tips you can apply in an effort to make…
Улучшаем разговоры с помощью Perspective API https://css-tricks.com/improving-conversations-using-perspective-api/
CSS-Tricks
Improving Conversations using the Perspective API
I recently came across an article by Rory Cellan-Jones about a new technology from Jigsaw, a development group at Google focused on making people safer onl
Ускорьте ваш сайт с помощью машинного обучения https://habrahabr.ru/company/nixsolutions/blog/335122/
Хабр
Ускорьте ваш сайт с помощью машинного обучения
Многие из нас постоянно думают о производительности веб-приложений: добиваются 60 FPS на медленных телефонах, загружают свои ассеты в идеальном порядке, кэширую...
JavaScript и SEO: разница между Crawling и Indexing http://www.stateofdigital.com/javascript-seo-crawling-indexing/
State of Digital
JavaScript and SEO: The Difference Between Crawling and Indexing | State of Digital
Crawling and indexing are different things, yet in SEO they are often confused. This can lead to misunderstandings, especially when it comes to JavaScript.
Как работает JS: о внутреннем устройстве V8 и оптимизации кода https://habrahabr.ru/company/ruvds/blog/337460/.com%5Bperevod%5D-kak-rabotaet-js-o-vnutrennem
Habr
Как работает JS: о внутреннем устройстве V8 и оптимизации кода
[Советуем почитать] Другие 19 частей циклаЧасть 1: Обзор движка, механизмов времени выполнения, стека вызовов Часть 2: О внутреннем устройстве V8 и оптимизации...
Простые Sass миксины для улучшения браузерной совместимости для CSS Grid Layouts https://css-tricks.com/browser-compatibility-css-grid-layouts-simple-sass-mixins/
CSS-Tricks
Browser Compatibility for CSS Grid Layouts with Simple Sass Mixins | CSS-Tricks
According to an article from A List Apart about CSS Grid, a "new era in digital design is dawning right now." With Flexbox and Grid, we have the ability to
#beginners
Еще один ресурс для обучения - https://www.freecodecamp.org/
Много курсов по html js css и некоторым фреймворкам.
Полный код к курсам хранится на github, так что все можно скачать, запустить и попробовать.
Еще один ресурс для обучения - https://www.freecodecamp.org/
Много курсов по html js css и некоторым фреймворкам.
Полный код к курсам хранится на github, так что все можно скачать, запустить и попробовать.
www.freecodecamp.org
Learn to Code — For Free
Ленивая загрузка изображений с помощью Intersection Observer https://deanhume.com/Home/BlogPost/lazy-loading-images-using-intersection-observer/10163
Dean Hume's Blog
Lazy loading images using Intersection Observer
If you haven’t had the chance to watch it yet, Paul Lewis put together an awesome video series that demonstrates how to build a media player alongside some of the great features of Progressive Web Apps. There are a series of videos on YouTube that take place…
React Progressive Web Apps — часть Part 1 https://medium.com/@gethylgeorge/react-progressive-web-apps-part-1-1cf381421672
Medium
React Progressive Web Apps — Part 1
Progressive Web Apps(PWA) are gaining a lot of popularity these day, and with one of the updates this year (2017), the Create React App…