
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
•

•

•

• Frontend

•

•

•


•

Web development
•

•

• The discussion on choosing a WordPress JS framework continues with the involvement of open source community leaders
• 8 frontend podcasts
• The

•

•

- 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
•

•

•

•

- 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
•

•

•

•

•

•

•

- 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 — легковесный компонентный фреймворк
Браузеры
•

•

•


•


• 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 .