Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Веб-разработка |
CSS |
Javascript |
Браузеры |
Новости и занимательное |
Веб-разработка
- Гайд по вакансиям в Веб Разработке
- Подкаст Веб-стандарты, Выпуск №42: Safari TP17, WOFF2, доступность, Fetch не торт, результаты 10K Apart, травим мобильных пользователей, людоедский фронтенд и JS-in-JS.
- Подкаст radiojs, Выпуск 42: Ответ на главный вопрос жизни, вселенной и «зачем нужен Angular 2, новости TypeScript и Yarn
- 7 фишек, которых не хватает вашему сайту
- DIV официально разрешён внутри DL
- Frontend WhiteList — список полезных и интересных авторских статей, переводов, докладов и ресурсов на русском языке для разработчиков интерфейсов.
- Некоторые тонкости использования Service Workers
- Набор хороших расширений Atom для веб-разработчика
- Лучшее в Visual Studio Code: функциональности, плагины, работает как Atom и Sublime (Best of Visual Studio Code: Features, Plugins, Acting Like Atom and Sublime)
- Тренды веб-разработки на 2017-й (Web Development Trends for 2017)
- Автоматизация стандартизации JS/CSS/PHP кода (Automating your Coding Standards)
- Серия интервью „Between the Wires“: Chris Coyier (создатель CSS-Tricks и CodePen.io), Evan You (создатель vuejs.org)
- Lazy Loading Responsive Adsense Ads
- HTML 5.1 это золотой стандарт (HTML 5.1 is the gold standard)
- Производительность:
- Ускорение сайтов на WordPress — исчерпывающее руководство
- Техническая сторона Google AMP
- Оптимизация скорости и производительности для мобильного с помощью AMP (Speed/Performance Optimisation for Mobile Web — AMP)
- Джереми Кейт о проблеме производительности из-за насыщенности JS-ом (Jeremy Keith: Less JavaScript)
- Теория:
- Борьба с усталостью от фронтенда (Not An Imposter: Fighting Front-End Fatigue)
- Код, которого я до сих пор стыжусь (The code I’m still ashamed of)
- Анатомия статического сайта (Anatomy of a Static Site)
- Анимация:
- Создание эффектной страницы с прогнозом погоды, использующей графики на SVG и интерактивную информационную панель
- Еще один урок по созданию эффекта отрисовки линий в SVG
- Урок по созданию анимированного эффекта „невидимой ручки“ с помощью SVG
- Как создать игру Coloron с помощью SVG анимаций
- Создание динамической анимированной сетки с соединенными точками с помощью HTML5 Canvas
CSS
- Математика CSS-шлюзов
- Грид, флексбокс и выравнивание блоков: наша новая система раскладки
- Тяжелые CSS свойства, которые заставляют ваш браузер тормозить
- 100% правильный способ делать адаптивные брейкпоинты в CSS (The 100% correct way to do CSS breakpoints)
- Я совсем забыл о стилях для печати (I totally forgot about print style sheets)
- Грядущая революция в верстке шаблонов писем (The Coming Revolution in Email Design)
- Адаптивное многоуровнего меню с вызовом по click/tap, созданное без использования javascript/jQuery
- Разметка страницы, созданная на чистых CSS переменных (Layout powered by CSS variables)
- Блочное форматирование контекста в CSS (Block Formatting Contexts in CSS)
- Bootstrap 4: Regular Grid VS Flexbox Grid
- Как писать атомарный CSS с помощью Sass в Angular2
- 15kb CSS — это все, что️вам понадобится (15kb of CSS is all you’ll ever need )
- Simple CSS Units — онлайн инструмент, упрощающий работу с единицами в CSS. Введите вашу основную единицу и увидите остальные варианты
- Нахождение неиспользуемого CSS-кода с помощью CSS Coverage в DevTools
- Введение в CSS в JS с DIO (An Intro to CSS in JS with DIO)
JavaScript
- Изучаем ванильный JS: часть 1, часть 2 (Exploring Vanilla JS)
- Функциональное программирование в JS с практическими примерами: часть 1, часть 2 (Functional Programming In JS — With Practical Examples)
- Jāas: JavaScript как сервис
- Какая разница между Meteor и Electron? (What’s the Difference between Meteor and Electron?)
- Проекты иногда могут быть наихудшим путем изучения JavaScript (Projects Can Sometimes Be the Worst Way to Learn JavaScript)
- Книги по JavaScript от Dr. Axel Rauschmayer доступны бесплатно (JavaScript books by Dr. Axel Rauschmayer)
- Увлекательное функциональное программирование с фреймворком Choo (Fun Functional Programming with the Choo Framework)
- Next.Js — серьёзная новинка в JavaScript? (Next.Js — Is it the next big thing in JavaScript?)
- Выбираем Ember вместо React в 2016-м (Choosing Ember over React in 2016)
- Введение в Monkey Testing с помощью Gremlins.js
- splittable — модульный бандлер, поддерживающий объединение кода, ES6 и модули CommonJS
- Теория:
- Простое введение в деструктурирование JavaScript объектов (A Dead Simple intro to Destructuring JavaScript Objects)
- Введение в Lenses в JavaScript (An Introduction Into Lenses In JavaScript)
- JavaScript — Observables что под капотом (JavaScript — Observables Under The Hood)
- for..in vs for..of Loops
- Как работают js модули — из прошлого до настоящего (How javascript modules work – from past to present)
- Как выиграть в бенчмарках веб-фреймворков (How to win in Web Framework Benchmarks)
- Практика:
- Как создать мульти-клиентский чат на WebSocket-ах используя Ionic и Node.JS (How to Build a WebSocket Multi-Client Chat using Ionic and Node.JS)
- Создание Angular 2 приложения с авторизацией за 10 минут (Build an Angular 2 Application with User Authentication in 10 Minutes)
- Создание регистратора погоды с помощью JavaScript и Arduino
- ES6:
- Двусторонний binding данных с ECMAScript-2015 без Proxy
- Обзор возможностей JavaScript 2015 (A Rundown of JavaScript 2015 features)
- ES6 клевый, но используйте его с осторожностью (ES6 is great, but use it cautiously)
- 4 новых метода для сток в ES6, о которых вы должны знать (4 New String Methods in ES6 that you should know)
- Вам могут не понадобиться промисы (You Might Not Need Promises)
- Angular:
- Релиз Angular 2.2.0 (Angular 2.2.0 Now Available)
- Angular 3, так скоро? (Angular 3, so soon?)
- Создание веб- и нативных приложений с Angular 2 с помощью общего кода (Building Angular 2 Web and Native Apps from a Single Codebase)
- React:
- React.js на русском языке: Часть первая, Часть вторая
- Руководство для чайников по Redux и Thunk в React (A Dummy's Guide to Redux and Thunk in React)
- Blueprint — инструментарий React UI toolkit для веба
- React.js компоненты для модульных диаграм и визуализаций данных (React.js components formodular charting and data visualization)
- Vue:
- Простой урок по Vue.js: динамические компоненты (Vue.js Simple Tuts: Dynamic Components)
- Создание клона HackerNews с помощью Vue 2.0, vue-router и vuex с рендерингом на сервере
- Element, A Desktop UI Library — библиотека компонентов, основанная на Vue 2.0
- Плагины:
- 8 JS библиотек для визуализации интерактивных карт
- Введение to mo.js
- Huebee — библиотека, позволяющая пользователю сайта манипулировать его цветами
- AsciiMorph — небольшая независимая библиотека для рендера ascii art и создания элементов, которые могут трансформироваться
- Tabulator — мощный JQuery плагин для работы с динамическими таблицами
Браузеры
- Релиз Firefox 50, подробности для веб-разработчиков в блоге Марата Таналина
- Mozilla Firefox стал гораздо быстрее загружаться
- Mozilla представила iOS-браузер Focus, ориентированный на приватность и защиту
- Opera сократила 85 человек из-за падения выручки от b2b-бизнеса
- Microsoft Edge и IE11 будут блокировать веб-сайты с сертификатом SHA-1
- Как создать веб-браузер, часть 1: спецификации
Новости и занимательное
- Компания Microsoft получила статус платинового участника Linux Foundation
- Восемь потрясающих игр с искусственным интеллектом от компании Google
- Какой язык программирования лучше учить первым и почему
- ICQ исполнилось 20 лет
- Facebook и Google очистят свои рекламные сети от сайтов фейковых новостей
- Сервис Google Earth перебрался в виртуальность
- SpaceX собирается запустить 4425 спутников для предоставления повсеместного доступа в интернет
- Автор шифровальщика обратился за помощью к эксперту в сфере информационной безопасности
- Для чего и как надёжно удалять старые файлы?
- Страница, анализирующая поведение пользователя
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: Zfort Group