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
• 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
Web development
• 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
- 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 =?
• 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
Javascript
• 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
- 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
• 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
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
•How does it feel to be a developer in ...
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 .