The digest of fresh materials from the world of the frontend for the last week №331 (September 17 - 23, 2018)
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
• Frontend Weekend podcast # 71 - Ivan Akulov on how and why to base your performance consulting agency at 20 years old
• CSSSR podcast News 512 - Issue 22 ( September 17 - September 23 )
• Weekly Vue podcast # 5
• Podcast Five Minute React » # 48 There are two books : The Greatness of Vue.js 2 (The Majesty of Vue.js 2) and the Path to Exploring React (The Road to learn React) - which one will you read and which friend will you advise?
• “Devshakhta Podcast”: # 51: 12-factor applications
• Podcast “Frontend Youth (18+)” # 65: DDoS-attack on your CSS , # 64: 33 life hacking for increasing productivity
• Presentable Podcast # 51 : Oral history of web standards with Jeffrey Zeldman
• Web architecture: fundamentals for beginners
• Google massively moves websites to mobile-first indexing , but a full transition to mobile-first indexing may take years
• Google has proposed a new management model for the AMP project
• Bing AMP viewer and Bing AMP cache view
• What defines a good front-end developer?
• CSS Grid - Swiss Army Knife for Website Layouts and Applications
• CSS Grid Chemistry
• Refresh CSS Bookmarklet v2 . Updated Irish classic bookmarklet by Lia Vera
• Flexbox: how big are elements in a Flex container?
• A visual demonstration of the transform-origin property
• Having fun with hover effects for links
• What is Modular CSS?
• Porting JS to Elbrus
• New releases: Electron 3.0 was released, a framework for creating native JS applications , Next.js 7 , Gatsby 2.0.0 ,
• Less code, more applications: how Vulcan.js makes me an effective developer
• 5 tips for better writing of conditional expressions in javascript
• Bundlephobia - Want to keep the size of javascript bundles small? With Bundlephobia.com, you can check the size of dependencies before adding them to the project
• About creating a game for the js13K “Underrun” competition
• How to create an interactive tool for building Flex layouts on JS
• Mozilla introduced the final version of the Firefox Reality browser for glasses and virtual reality helmets
• Microsoft has already turned off the Windows 10 feature, discouraging users from installing other browsers instead of Edge
• Intercepting and modifying requests in Chrome using Devtools Protocol
• Google: we completely index and rank content in tabs
• Unicorn path: how GitLab went to a valuation of $ 1 billion
• Google failed Twitch cloning and called rare gamers to watch YouTube
• MIT created a neural network that recognized objects by voice description
• VKontakte launched podcast platform
• Why YouTube Gaming lost the competition on Twitch
• Bug fixes: How I live with dyslexia
← Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
• Frontend Weekend podcast # 71 - Ivan Akulov on how and why to base your performance consulting agency at 20 years old
• CSSSR podcast News 512 - Issue 22 ( September 17 - September 23 )
• Weekly Vue podcast # 5
• Podcast Five Minute React » # 48 There are two books : The Greatness of Vue.js 2 (The Majesty of Vue.js 2) and the Path to Exploring React (The Road to learn React) - which one will you read and which friend will you advise?
• “Devshakhta Podcast”: # 51: 12-factor applications
• Podcast “Frontend Youth (18+)” # 65: DDoS-attack on your CSS , # 64: 33 life hacking for increasing productivity
• Presentable Podcast # 51 : Oral history of web standards with Jeffrey Zeldman
Web development
• Web architecture: fundamentals for beginners
• Google massively moves websites to mobile-first indexing , but a full transition to mobile-first indexing may take years
• Google has proposed a new management model for the AMP project
• Bing AMP viewer and Bing AMP cache view
• What defines a good front-end developer?
- Performance:
• Idle Until Urgent . Details on the new productivity enhancement technology and FID in particular in the article by Philip Walton
• Web performance framework . Jeremy Keith made a performance chart to help figure out how to prioritize front-end work.
• Large collection of web performance resources.
- Tools:
• Improving debugging skills with Chrome DevTools (part 2)
• Sublime merge - meet the new Git client from the creators of Sublime Text
• Yarn Plug'n'Play : getting rid of node_modules, a similar concept from npm called tink
- Accessibility:
• How to learn a lesson from accessibility errors on the Apple site
• Much noise around ARIA
• Debugging accessibility using Chrome DevTools
- Animation:
• Volumetric city, built from emodzhi "on pure CSS"
• Funny yeti-pagination
• Light beam from colored particles
CSS
• CSS Grid - Swiss Army Knife for Website Layouts and Applications
• CSS Grid Chemistry
• Refresh CSS Bookmarklet v2 . Updated Irish classic bookmarklet by Lia Vera
• Flexbox: how big are elements in a Flex container?
• A visual demonstration of the transform-origin property
• Having fun with hover effects for links
• What is Modular CSS?
Javascript
• Porting JS to Elbrus
• New releases: Electron 3.0 was released, a framework for creating native JS applications , Next.js 7 , Gatsby 2.0.0 ,
• Less code, more applications: how Vulcan.js makes me an effective developer
• 5 tips for better writing of conditional expressions in javascript
• Bundlephobia - Want to keep the size of javascript bundles small? With Bundlephobia.com, you can check the size of dependencies before adding them to the project
• About creating a game for the js13K “Underrun” competition
• How to create an interactive tool for building Flex layouts on JS
- Media:
• Script & Style Show Podcast : Episode 21 : Third-Party JavaScript and Web Performance with Charlie Vazac
• React Podcast # 21: Delete Your Components with Kent C. Dodds
• React Alicante 2018 , 22 videos
- VueJS:
• How to organize your dependencies in a Vue-application
• Nuxt.js 2.0: Webpack 4, ESM Modules, create-nuxt-app and much more!
• Vue.js + GSAP = Animations
• Using Scoped Slots in Vue.js for abstract functions
• 5 most requested functions for Vue.js in 2018
• 7 lessons on frontend architecture from Nuxt.js
- React:
• React and SEO: how to make friends?
• Why you should not use higher order components in React
• Enterprise React in 2018–2019
• Hitchhiker's Guide to the Galaxy React Router v4: [match, location, history] - your best friends!
• Why React16 is a blessing for developers on React
• How to start working with React Context API
• Creating a component in React style on vanilla javascript.
• Immunity in React and Redux: the complete tutorial
• Using Font Awesome 5 in React
• react-flip-toolkit - a library that facilitates FLIP animation in React
• Making an Autocomplete widget using React and Elastic Search
- Angular:
• Simplify availability with Angular CDK
• Create PWA with Angular 6
• Improve NgRx proficiency
• Three pillars of Angular Router - Router States and URL Matching
Browsers
• Mozilla introduced the final version of the Firefox Reality browser for glasses and virtual reality helmets
• Microsoft has already turned off the Windows 10 feature, discouraging users from installing other browsers instead of Edge
• Intercepting and modifying requests in Chrome using Devtools Protocol
Entertaining
• Google: we completely index and rank content in tabs
• Unicorn path: how GitLab went to a valuation of $ 1 billion
• Google failed Twitch cloning and called rare gamers to watch YouTube
• MIT created a neural network that recognized objects by voice description
• VKontakte launched podcast platform
• Why YouTube Gaming lost the competition on Twitch
• Bug fixes: How I live with dyslexia
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 last week
Material prepared dersmoll and alekskorovin