The digest of fresh materials from the world of the front-end for the last week No. 282 (September 25 - October 1, 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 "Web Standards", Issue No. 88 - Licenses and DRM, the wonders of SVG and border-image, graphics optimization, Shorts and JS-typing, accessible dialogs.
•
Frontend Weekend podcast # 21 - Zar Zakharov about “closing” Alpha Lab and leaving LoftBlog
•
Five-minute React podcast # 37 - Prettier
• Frontend
Youth (18+) podcast # 20: Start of WebAssembly lecture course
•
Drinkcast podcast, Issue # 10: “Hangover, about the community and the podcast”
•
“ALL YOUR HTML” # 16: “Scrolling animations from the iPhoneX website”
•
HTML Shorts: Sugar JavaScript ,
text version
•
I. Subbotnik 2017
•
Why headlines are needed
•
It's time to kill the web
• The discussion on choosing a WordPress JS framework continues with the involvement of open source community leaders
• 8 frontend podcasts
• The
web is my API
•
Principles for working with responsive images
•
Questions for interviewing a front-end developer as well as answers to them
•
5 things CSS developers would like to know about when they started
•
Interactive introduction to Mozilla’s CSS Grid Layout
•
Pitfalls and some CSS Grid tricks by Rachel Andrew
•
Implementing drop-down blocks in pure CSS
•
V8 under the hood
•
A brief history of modularity in JS
•
Javascript testing frameworks: the best for testing JS code
•
True web: JavaScript can't be trusted
•
Dawn and sunset Ext JS
•
Comparative study of progressive JS frameworks: Angular.js & Vue.js
•
8 performance tips for JavaScript
•
Firefox 56 release , some details for developers by Marat Tanalin
•
Firefox 57 beta with multi-threaded CSS engine and new look
•
Developer Edition Devtools update: now with Photon UI
•
Screenshots, Send Tabs and other advanced features in the new Firefox
• Snapshots screen and currency converter: Opera 48 released
• Opera 49 will be the first browser with support for virtual reality helmets
• Stack Overflow and Microsoft have developed a helper bot for Visual Studio Code
• Twitter has doubled the message length limit for the first time to 280 characters
• Facebook and Microsoft have launched the most powerful transatlantic Internet cable Marea
• Microsoft has become one of the key sponsors of OSI (Open Source Initiative)
• Nvidia: Moore’s law is no longer relevant, and GPUs will replace CPUs
• Why people don’t like Silicon Valley anymore
• How Apple, Facebook and Google create a new television
• How blockchain technology will change WordPress
• An incredible history of the origin of Google Analytics
Last week's digest .
Material prepared dersmoll and alekskorovin .

Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Podcast "Web Standards", Issue No. 88 - Licenses and DRM, the wonders of SVG and border-image, graphics optimization, Shorts and JS-typing, accessible dialogs. •
Frontend Weekend podcast # 21 - Zar Zakharov about “closing” Alpha Lab and leaving LoftBlog•
Five-minute React podcast # 37 - Prettier• Frontend
Youth (18+) podcast # 20: Start of WebAssembly lecture course•
Drinkcast podcast, Issue # 10: “Hangover, about the community and the podcast”•
“ALL YOUR HTML” # 16: “Scrolling animations from the iPhoneX website”•
HTML Shorts: Sugar JavaScript ,
text version•
I. Subbotnik 2017
Web development
•
Why headlines are needed•
It's time to kill the web• The discussion on choosing a WordPress JS framework continues with the involvement of open source community leaders
• 8 frontend podcasts
• The
web is my API•
Principles for working with responsive images•
Questions for interviewing a front-end developer as well as answers to them- AMP / PWA:
•
Google AMP project and its impact on SEO
•
Google increased the share of AMP content in mobile SERPs
•
Progressive web applications? No, we make web applications for strangers
- Performance:
•
How to build the DOM faster: parsing, async, defer and preload
•
How HTTP / 2 helps solve HTTP / 1.1 performance problems
•
Essential Image Optimization: a new free e-book about the best image optimization techniques from Addy Osmani
- Accessibility:
•
It's a (focus) Trap . On the focus in modal windows in terms of accessibility
• We write CSS, not forgetting about accessibility
•
Accessibility in trivago
•
VoiceOver and list-style-type: none
•
Designing accessible sites in the context of Washington University web resources
•
How to create an accessible switch button - latest release of the show A11ycasts # 25
- Animation:
• Weekly selection of beautiful effects on CSS / SVG / JS # 55
•
Using SVG clip-path to change the color of the logo when scrolling the page
•
Studying animation methods and interacting with WebGL (in examples)
•
Creative transition effects between slides using CSS Masks
•
Fuzzy Plus - cool demo with animation of the hair structure
CSS
•
5 things CSS developers would like to know about when they started•
Interactive introduction to Mozilla’s CSS Grid Layout•
Pitfalls and some CSS Grid tricks by Rachel Andrew•
Implementing drop-down blocks in pure CSS- Fonts:
•
CSS font-display: the future of rendering fonts on the web
•
Font loading strategy on eBay's - localStorage, FontFaceSet APIs and Font Face Observer
•
“What you need to know about variable fonts”. Interview with Tim Brown and Bram Stein from Adobe Typekit
•
Five-minute tutorial to improve typography knowledge
Javascript
•
V8 under the hood•
A brief history of modularity in JS•
Javascript testing frameworks: the best for testing JS code•
True web: JavaScript can't be trusted•
Dawn and sunset Ext JS•
Comparative study of progressive JS frameworks: Angular.js & Vue.js•
8 performance tips for JavaScript- ES2015 +:
•
Deploying ES2015 + code in production today
•
ES6 for beginners
•
Learn promises by creating promises from scratch
•
ES6 promises: patterns and anti-patterns
VueJS:
• Пять плагинов Vuex, Которые вы можете добавить в свой следующий проект
• Используем axios вместе с Vue.js
•
Условное применеие CSS классов в Vue.js
•
vue-a11y-calendar — доступный переводимый календарь для VueJS
React:
•
Вышел React v16.0
• Что вам нужно знать о React 16
•
React Router v4: полное руководство
•
Начинаем работать с Redux
•
Использование Preact как альтернативу React
- Libs & Plugins:
•
Lozad.js — производительная ленивая загрузка для изображений
•
SQIP — плейсхолдеры для изображений, основанные на SVG
•
draggable — современная библиотека для Drag & Drop с интерактивными примерами и эффективным оформлением
•
Micromodal.js — легковесная и настраиваемая библиотека для доступных модальных окон с на чистом JavaScript
•
strudel.js — легковесный компонентный фреймворк
Браузеры
•
Firefox 56 release , some details for developers by Marat Tanalin•
Firefox 57 beta with multi-threaded CSS engine and new look•

Developer Edition Devtools update: now with Photon UI•

Screenshots, Send Tabs and other advanced features in the new Firefox• Snapshots screen and currency converter: Opera 48 released
• Opera 49 will be the first browser with support for virtual reality helmets
Entertaining
• Stack Overflow and Microsoft have developed a helper bot for Visual Studio Code
• Twitter has doubled the message length limit for the first time to 280 characters
• Facebook and Microsoft have launched the most powerful transatlantic Internet cable Marea
• Microsoft has become one of the key sponsors of OSI (Open Source Initiative)
• Nvidia: Moore’s law is no longer relevant, and GPUs will replace CPUs
• Why people don’t like Silicon Valley anymore
• How Apple, Facebook and Google create a new television
• How blockchain technology will change WordPress
• An incredible history of the origin of Google Analytics
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 .