The digest of fresh materials from the world of the front-end for the last week No. 216 (June 13-19, 2016) / Zfort Group blog

alexzfort June 19, 2016 at 21:46

The digest of fresh materials from the world of the front-end for the last week No. 216 (June 13-19, 2016)

We bring to your attention a selection with links to useful resources and interesting materials from the frontend area

Web development

CSS

Javascript

Browsers

News and entertaining

Web development

Podcast Web Standards, Issue # 20 : Firefox, Chromium and jQuery releases, hands-on CSS, typography on SVG, the damn open web and how things are doing in Adobe tells Dmitry Baranovsky.
Frontflip Podcast Release 18 . "Persuade me to change Redux to MobX." Peter Myazin
Google: Common mistakes when adding a logo to AMP pages
How we use SVG sprites
Where the web is going in 2016 (Where The Web Is Going In 2016)
You can't just take and learn how to write code (One does not simply learn to code)
Devil's open web (The Fucking Open Web)
A Review of Online Code Sandboxes (A Round up of Online Code Playgrounds)
UX Form Validation UX in HTML and CSS
Details on how to create new templates for mailing on Tuts + (How We Did It: Building the New Tuts + Email Templates)
PNG to WebP - compression size comparison
Video Recordings from Web Rebels 2016
Configuring and calculation of budget web performance (Setting and Calculating a Web Performance Budget )
Optimize landing pages: radio button vs Dropdown (Landing Page Optimization: Radio buttons vs. dropdowns)
As Emoji can improve your code (How Emoji Can Improve Your Code- Seriously)
Google Fonts website redesigned and new features
Development of staylgaydam using Docs Atomic (the Style Guide Review Driven Development with Atomic Docs)
Mega Boilerplate - a starting set of technologies in the form of an interactive generator for a quick start of a project
Improving the quality of front-end projects, automatically (Improving the Quality of Front End Projects, Automatically! Pt. 1 - HTML)
Spectacular web
- Interactive Player Using Web Audio API
- SVG animation of turning pages of a book (SVG: Multiples Make A 3d Flip Book)
- Dynamic two-color SVG images with feColorMatrix and Jade (Dynamic duotone SVG images with feColorMatrix and Jade)
- Canvas demo with emulation of the physical properties of a liquid
- Weekly compilation of beautiful effects on CSS / SVG / JS # 42

CSS

How to call css classes
Content Design in SVG with CSS
CSS magic. Chapter 4. Color
Web Font Download Patterns
How z-index and auto-indent work in flexbox
The battle with BEM: 10 most common problems and how to solve them (part 2)
Video from PiterCSS # 5
Yuri Zaitsev on how to improve the quality of CSS code on Facebook (Improving CSS quality at Facebook and beyond)
Exposing Pixel Density (Pixel Density, Demystified)
Comparison of the best CSS preprocessors and postprocessors (What are the best CSS preprocessors / postprocessors?)
7 PostCSS Plugins to Ease You Into PostCSS (7 PostCSS Plugins to Ease You into PostCSS)
Default styles of the Google Chrome browser (The default style sheet used to render HTML)
React CSS components (React CSS components)
Reflections on floats, figures, regions and grids
Snapper: A CSS Snap Points Carousel
Stylelint integration into your development process to improve the CSS (the Integrate Into Your Stylelint the Workflow For the Better the CSS)
About Using Pointer Events (A Mouse, Some Touches, and All Sorts of Pointers)
CriticalCSS in action
Implementation of the basic rhythm in CSS (Implementing baseline rhythm in CSS)

Javascript

Video from Frontend Conf 2016: The UI library of components you've always dreamed about
Making Your JavaScript Clean
Introduction to Functional JavaScript: Part 2
Two pillars of JavaScript
Video reports from JSConf Budapest 2016
Frameworks
- Redux Guide
- React Amsterdam 2016 Conference Recording Video
- Choosing a JavaScript framework (Choosing a JavaScript Framework - Rob Eisenberg)
- Testing AngularJS with Jasmine and Karma (Part 1)
- Structure of React and Redux Applications (Structuring React and Redux Applications)
- Minimum starter kit for use with the React (of The a bare minimum to work with the React)
- Three Reasons why I stopped using React.setState)
- React: ES5 (createClass) or ES6 (class)? (React: ES5 (createClass) or ES6 (class)?)
- Overview Egghead courses: React, reactive programming and open-sors (Egghead Courses Review: React, Reactive Programming & Open Source)
- Syntax Component Angular (Angular Syntax Component)
- Available Angular 2.0 RC2 (RC2 Now Available)
- Revised routing in Angular 2 (Routing in Angular 2 revisited)
- Preact — альтернатива React-у с тем же ES6 API (Preact)
ES2015, ES2016:
- #ES2016 (aka #ES7) spec is out.
- ECMAScript 2016 утвержден
- ES6: улучшения объекта Number изнутри
- Understanding JavaScript Promises, Pt. I: Background & Basics
- Мировоззрение, основанное на промисах (A Promise-Based Worldview)
gulp-sww — плагин для gulp, позволяющий вашему веб-приложению или сайту работать оффлайн с помощью ServiceWorkerWare и AppCache
Исследование ESLint (ESLint Part 1: Exploration)
Миграция 10к строк JS кода на TypeScript (Migrating a 10,000-line legacy JavaScript codebase to TypeScript)
Функциональное программирование на JavaScript (Functional Programming in JavaScript)
Функциональные концепции для JavaScript разработчиков: каррирование (Functional Concepts For JavaScript Developers: Currying)
Каррирование в JavaScript (Currying Functions in JavaScript)
Как три точки изменили JavaScript (How three dots changed JavaScript)
Изоморфный Javascript, еще проще. (Isomorphic Javascript, let’s make it easier.)
Один странный прием, который изменит ваш способ написания кода: JavaScript TDD (One weird trick that will change the way you code forever: JavaScript TDD)
История загрузчиков модулей JavaScript (History and Background of JavaScript Module Loaders)
Изучение основ D3.js, взращивая овощи в огороде (Learn D3.js Basics By Planting A Vegetable Garden)
Практическое функциональное программирование с Ramda.js (Hands-on Functional Programming with Ramda.js)
PQ: компилятор читаемой по человечески цепочки промисов (PQ: Human Readable Promise Chain Query Compiler)
Kakapo.js — фреймворк нового поколения для создания моков (Kakapo.js — Next generation mocking framework in Javascript)
fetch-sync — прокси fetch запросов через Background Sync API (fetch-sync — Proxy fetch requests through the Background Sync API)

Браузеры

Новости и Занимательное

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

Last week's digest .
Material prepared dersmoll and alekskorovin .

Tags:

The digest of fresh materials from the world of the front-end for the last week No. 216 (June 13-19, 2016) / Zfort Group blog