
The digest of fresh materials from the world of the front-end for the last week No. 286 (October 23 - 29, 2017)
We bring to your attention a selection with links to new materials from the frontend area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Podcast “Frontend Weekend”, # 25 - Roman Dvornov on how to create Open Source and not burn out
•
Podcast “Web Standards”, Issue No. 92: Events, accessibility and design; visiting Nastya Sukhoverkhova, creator of WebLind.
•
Podcast "Web Standards", Issue No. 91: New browsers, general documentation on MDN, layout errors, designers learn to code, harassment.
•
Podcast “Frontend Youth (18+)” # 24 The revolutionary framework that we deserve
•
Podcast “devschacht”: Night frontend # 8 - From the fire to the fire
•
Podcast “Drinkcast”, Issue # 14: “Mentor of success is your pledge”
•
“ALL YOUR HTML” # 20: “We draw effects on PIXI and its filters (aka shaders), and a little about gulp sass”
•
WSD in Minsk 2017 , broadcast recording
•
11 videos from Krasnodar Dev Days # 2
•
23 videos from Chrome Dev Summit 2017
•
W3C or WHATWG . There are two HTML specifications: W3C and WHATWG, which one to believe?
•
Adaptive emails without pain and suffering
•
Prototyping on production technologies
• Web components: a long game
•
Bootstrap 4: everything you need to know
•
I watched all the videos from Chrome Dev Summit, so you can not do it : there several announcements and a lot of PWA evangelism
•
Code review etiquette
•
A complete guide to the elements that may be in a section
•
The gap between the basics of the web and new technologies - from the charm of new frameworks to the depreciation of CSS
•
A selection of cheat sheets for the era of the modern frontend
• Well, can I already use CSS variables?
• Critical CSS + progressive CSS =?
•
An excerpt from the book “The New CSS Layout” by Rachel Andrew
•
Reboot, Resets and Chris Coyer's thoughts on this subject
•
Unlocking the benefits of CSS variables
•
Success with CSS . Samsung Internet Developer Shares CSS Thoughts and Tips
•
CSS Houdini Specification Experiments
•
Sandbox to play with variable fonts
•
Vibe.js - an attempt to make state management without pain
•
Creating HTML web components using vanilla JavaScript
•
Linear algebra in JavaScript with matrix operations
•
ES6: default arguments
•
Mozilla will add mixed reality support to browsers
•
Mozilla plans to test Lockbox, Tabsplit, ThemesRfun and Foxy in Firefox
•
Add PWA to your home screen in Firefox for Android
• How Ethereum and smart contracts work . A decentralized Turing machine with blockchain guarantees
• 7 SEO trends to watch in 2018
• How Booking.com makes you make decisions
• Where to learn the professions that will appear in the near future
• Machine learning on Google or how artificial intelligence makes the company's services and people's lives are better
• Interesting GitHub projects: a “snake” for the terminal working at the compilation stage
• Microsoft showed how to create holograms for Mixed Reality
• Adobe makes life easier with new AI-based tools
•
How does it feel to be a developer in ...
Last week's digest.
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•

•

•

•

•

•

•

•

•

•


Web development
•

•

•

• Web components: a long game
•

•

•

•

•

•

- AMP / PWA:
•WordPress + PWAs = (video from Chrome Dev Summit 2017)
•What are Progressive Web Applications?
- Tools:
•Farewell to Firebug
•Acquaintance with sonar - a new site analysis and linting tool from Microsoft
•HEML - open source markup language for creating responsive emails
- Performance:
•Can you afford it? Real-world performance budgets
•Does page loading speed affect SEO? (spoiler: yes)
•Win-win recommendations for improving website performance and security: HTTP / 2, SSL, Brotli, CDN, WebP
•Optimize images to reduce page weight: file formats, tools and RWD
•How to get 100/100 on Google Page Speed Score with Middleman and Nginx?
•Default speed: best modern page loading practices (report from Chrome Dev Summit 2017)
•Graphical performance metrics coming soon in Chrome DevTools
- Accessibility:
• How to help the blind on your site
•Do not use ARIA Menu Roles to navigate the site
•Stop creating sites for only 85% of users: principles of accessibility in design
•Collapsing sections - implementation of a modern accordion considering availability
•Complete guide to Alt texts
- Animation:
• Weekly selection of beautiful effects on CSS / SVG / JS # 59
•SVG waves with feDisplacementMap
CSS
• Well, can I already use CSS variables?
• Critical CSS + progressive CSS =?
•

•

•

•

•

•

Javascript
•

•

•

•

- Theory:
•Explain modern JavaScript to a dinosaur
• A reminder for modern JavaScript
•What is the difference between JavaScript and ECMAScript?
•Answers to 12 core JavaScript questions
- Frameworks:
•Ember.js: a great framework for web applications
•CLI comparison in JavaScript frameworks
•3+ years with Ember, 6 months with React
React:
•БЭМ + React: гибкая архитектура дизайн-системы
• Cerebral 2. Сравнение Redux, MobX и Cerebral
•Релиз React 16: что нового?
•Что делает Redux? (и когда вы должны его использовать?)
•Как мне понять, что я готов к Redux?
•Удивите своих друзей с помощью разделения кода в React
VueJS:
•Создание переходов и анимаций в Vue.js
•Продвинутые концепты Vue.js: миксины, кастомные директивы, фильтры, переходы и менеджмент состояния
•SEO для Vue.js SPA: Prerender & Server-Side Rendering
•Element — библиотека компонентов для Vue 2.0
•Создание схлопывающегося дерева меню с помощью рекурсивных компонентов Vue.js
•Создание Lazy-Load роутера с помощью Vue.js и последних браузерных технологиях
- Libs & Plugins:
•Create JavaScript-based animations using the Anime.js library. Part 1
•Light-Modal - a lightweight plugin for modal windows, customizable using CSS
•Physics in JavaScript using Matter.js
Browsers
•

•

•


Entertaining
• How Ethereum and smart contracts work . A decentralized Turing machine with blockchain guarantees
• 7 SEO trends to watch in 2018
• How Booking.com makes you make decisions
• Where to learn the professions that will appear in the near future
• Machine learning on Google or how artificial intelligence makes the company's services and people's lives are better
• Interesting GitHub projects: a “snake” for the terminal working at the compilation stage
• Microsoft showed how to create holograms for Mixed Reality
• Adobe makes life easier with new AI-based tools
•

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 .