The digest of fresh materials from the world of the frontend for the last week №286 (October 23 - 29, 2017)
We offer you a selection with links to new materials from the front-end 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 # 92: Events, accessibility and design; Away Nastya Sukhoverkhova, the creator of Webblind.
• Podcast "Web Standards", Issue # 91: New browsers, general documentation on MDN, layout errors, designers learn how to code, harassment.
• Podcast "Frontend Youth (18+)" # 24 The revolutionary framework we deserve
• Podcast "devschacht": Night frontend # 8 - From the fire into the fire
• Podcast "Drinkcast", Issue # 14: "Mentor of success is your pledge"
•
“ALL YOUR HTML” # 20: “Drawing effects on PIXI and its filters (aka shaders), and some gulp sass”
• WSD Minsk 2017 , broadcast recording
• 11 videos from Krasnodar Dev Days # 2
•
23 videos from the 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: all you need to know
• I watched all the videos from the Chrome Dev Summit, so you can not do that : there were a few announcements and a lot of PWA evangelism
• Code Review Etiquette
• Complete guide to elements that can be in the <head> 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 modern frontend era
')
• Well, can we already use CSS variables?
• Critical CSS + progressive CSS =?
• Excerpt from Rachel Andrew’s The New CSS Layout
• Reboot, Resets and reflections of Chris Koyera on this topic
• Unlocking the benefits of CSS variables
• Success with CSS . A developer from the Samsung Internet team shares his thoughts and CSS tips.
• Experiments with the CSS Houdini specification
• Sandbox where you can 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 support for mixed reality in browsers
• Mozilla plans to test Lockbox, Tabsplit, ThemesRfun and Foxy in Firefox
• Add PWA to your home screen in Firefox for Android
• How does Ethereum and smart contracts work ? Decentralized turing machine with blockchain guarantees
• 7 SEO trends that are worth watching in 2018
• How Booking.com makes you make decisions
• Where to learn professions that will appear in the near future
• Machine learning at Google or how artificial intelligence makes company services and people's lives 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 ...
Go
Digest from last week.
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 # 92: Events, accessibility and design; Away Nastya Sukhoverkhova, the creator of Webblind.•
Podcast "Web Standards", Issue # 91: New browsers, general documentation on MDN, layout errors, designers learn how to code, harassment.•
Podcast "Frontend Youth (18+)" # 24 The revolutionary framework we deserve•
Podcast "devschacht": Night frontend # 8 - From the fire into the fire•
Podcast "Drinkcast", Issue # 14: "Mentor of success is your pledge"•
“ALL YOUR HTML” # 20: “Drawing effects on PIXI and its filters (aka shaders), and some gulp sass”•
WSD Minsk 2017 , broadcast recording•
11 videos from Krasnodar Dev Days # 2•
23 videos from the 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: all you need to know•
I watched all the videos from the Chrome Dev Summit, so you can not do that : there were a few announcements and a lot of PWA evangelism•
Code Review Etiquette•
Complete guide to elements that can be in the <head> 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 modern frontend era')
- AMP / PWA:
•
WordPress + PWAs = (video from Chrome Dev Summit 2017)
• What is Progressive Web Applications?
- Instruments:
• Firebug farewell
• Introducing sonar - a new tool for site analysis and linting 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)
• Safe recommendations for improving the performance and security of websites: HTTP / 2, SSL, Brotli, CDN, WebP
• Optimize images to reduce page weight: file formats, tools, and RWD
• How to get 100/100 in Google Page Speed Score using Middleman and Nginx?
• Default rate: 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 websites for only 85% of users: principles of accessibility in design
• Collapsing sections - the implementation of modern accordion, given the availability
• A comprehensive guide to Alt texts
- Animation:
• Weekly selection of beautiful effects on CSS / SVG / JS # 59
• SVG waves using feDisplacementMap
CSS
• Well, can we already use CSS variables?
• Critical CSS + progressive CSS =?
•
Excerpt from Rachel Andrew’s The New CSS Layout•
Reboot, Resets and reflections of Chris Koyera on this topic•
Unlocking the benefits of CSS variables•
Success with CSS . A developer from the Samsung Internet team shares his thoughts and CSS tips.•
Experiments with the CSS Houdini specification•
Sandbox where you can 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:
• We explain the modern JavaScript dinosaur
• Memo on modern JavaScript
• What is the difference between javascript and ecmascript?
• Answers to 12 JavaScript core questions
- Framework:
• Ember.js: a great framework for web applications
• Comparing CLI in JavaScript frameworks
• 3+ years with Ember, 6 months with React
React:
• BEM + React: flexible design system architecture
• Cerebral 2 . Comparing Redux, MobX and Cerebral
• React 16 release: what's new?
• What is Redux doing? (and when should you use it?)
• How do I understand that I am ready for Redux?
• Surprise your friends with code separation in React
VueJS:
• Creating transitions and animations in Vue.js
• Advanced concepts of Vue.js: mixins, custom directives, filters, transitions and state management
• SEO for Vue.js SPA: Prerender & Server-Side Rendering
• Element - Component Library for Vue 2.0
• Creating a collapsing menu tree using recursive Vue.js components
• Creating a Lazy-Load router using Vue.js and the latest browser technologies
- Libs & Plugins:
• Creating an animation based on JavaScript using the Anime.js library. Part 1
• Light-Modal is a lightweight CSS modular plugin for modal windows.
• Physics in JavaScript using Matter.js
Browsers
•
Mozilla will add support for mixed reality in browsers•
Mozilla plans to test Lockbox, Tabsplit, ThemesRfun and Foxy in Firefox•
Add PWA to your home screen in Firefox for Android
Entertaining
• How does Ethereum and smart contracts work ? Decentralized turing machine with blockchain guarantees
• 7 SEO trends that are worth watching in 2018
• How Booking.com makes you make decisions
• Where to learn professions that will appear in the near future
• Machine learning at Google or how artificial intelligence makes company services and people's lives 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 ...Go
We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.
Digest from last week.
Material prepared dersmoll and alekskorovin .
Source: https://habr.com/ru/post/341232/
All Articles