Подкаст «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…
Введение в роутинг компонентов с помощью Angular Router https://www.sitepoint.com/component-routing-angular-router/
SitePoint
An Introduction to Component Routing with Angular Router
Jurgen teaches Angular routing from scratch, showing how to update an Angular app when the URL changes & trigger data loading with Angular Router.
12 полезных бойлерплейтов для AngularJS http://www.designyourway.net/blog/resources/angularjs-boilerplates/
Design your way
12 useful AngularJS boilerplates you should know
Angular boilerplates allow for rapid building of AngularJS applications, as they were inspired by and built upon the goodness and speed of Gulp.
Вёрстка реальных проектов на гридах (CSS Grid Layout) уже сейчас http://css-live.ru/articles/vyorstka-realnyx-proektov-na-gridax-css-grid-layout-uzhe-sejchas.html
CSS-LIVE
Вёрстка реальных проектов на гридах (CSS Grid Layout) уже сейчас
Перевод статьи Building Production-Ready CSS Grid Layouts Today с сайта smashingmagazine.com для CSS-live.ru, автор — Мортен Рэнд-Хедриксен Эволюция многих отраслей выглядит не как постепенное улучшение понемногу, а скорее как перевороты в самых основах,…
iOS 11 Safari превратит ссылки Google AMP в обычные при шаринге https://www.theverge.com/2017/8/23/16193584/ios-11-safari-google-amp-sharing-url-scheme
The Verge
iOS 11 Safari will turn Google AMP links back into regular ones when sharing
Apple is adding a subtle new feature to Safari in iOS 11 that will automatically strip out Google AMP URLs when a webpage is shared or copy and pasted, as spotted by MacStories editor Federico...
Нужно ли фронтендеру знать алгоритмы и паттерны проектирования? https://www.youtube.com/watch?v=e2nW8Lq4zho
YouTube
Зачем нужны алгоритмы и паттерны — HTML Шорты
Интенсивы:
— «HTML и CSS, уровень 1» — https://htmlacademy.ru/intensive/htmlcss
— «HTML и CSS, уровень 2» — https://htmlacademy.ru/intensive/adaptive
— «JavaScript, уровень 1» — https://htmlacademy.ru/intensive/javascript
— «JavaScript, уровень 2» — …
— «HTML и CSS, уровень 1» — https://htmlacademy.ru/intensive/htmlcss
— «HTML и CSS, уровень 2» — https://htmlacademy.ru/intensive/adaptive
— «JavaScript, уровень 1» — https://htmlacademy.ru/intensive/javascript
— «JavaScript, уровень 2» — …
Развенчание мифов о Hex цветах в CSS https://medium.com/dev-channel/css-hex-colors-demystified-51c712179982
Medium
CSS Hex Colors Demystified
Introduction