The digest of fresh materials from the world of the frontend for the last two weeks №330 (September 3 - 16, 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
• Web Standards podcast, Release No.138: September 17, 2018 : 10 years of Chrome, who needs a URL, what is a cascade, a cursor on buttons, microbenchmarking, DOM in workers, JS 2018
• Weekly Vue podcast: Weekly Vue # 3 , Weekly Vue # 4
• Frontend Weekend podcast # 69 - Ruslan Kaymakov on how to build a career as a leader in the development world, # 70 - Gleb Mikheyev on developing your own production agency and preparing Frontend Conf
• Five-minute React podcast # 47 - Elm 0.19
• Devshacht / Night Frontend podcast: 49: Vue.js 2.5 years in production - normal flight ,50: Visiting Pythonists: How and Why to Immerse in Python
• Frontend Youth (18+) Podcast # 63 What happened to WSD
• CSSSR Podcast, News 512 - Issue №21 (10.09 - 16.09)
• Vadim Makeyev's video blog : №1. Pilot, analyzes, answers and live , №2. CSS-Minsk-JS, mitapy, the future of the frontend and the main page
• BEM should not exist
• Use SVG with Media Queries
• HTML elements, gather! Voltron's abilities in the context of a combination of elements
• iOS CSS of death
• A quick tutorial on variables in CSS (reasons for usage, syntax and examples)
• Improved effects with the mode of blending background layers in CSS
• File upload field we deserve
• Bad, but yours: how to write a really awful CSS
• Nobody knows CSS: specificity - not a cascade
• New in Chrome 69: create a circular progress indicator using conical gradients
• How to use 2D transformation functions in CSS
• Introduction to Trashy.css - an easy way to view page structure
• Full CSS guide Scroll snap
• Denial of CSS is about exclusion, not technology
• : empty and: blank
• Creating a sliding effect using position sticky
• Recursion for the inexperienced
• Fundamental principles of object-oriented JavaScript programming
• State Of JavaSript 2018 , a recent survey among JS developers about the state of the industry
• Celebrating 10 years V8
• Removing jQuery from the GitHub.com frontend
• 12 things you need to consider when evaluating any new javascript library
• I created the same application on React and Vue. Part 2: Angular
• 100% correct way to split your code using Webpack
• Lint Javascript and formatting with ESLint, Prettier and Airbnb
•What makes ReasonML so cool?
• Ascent in modern javascript - let, const and var
• Picture in Picture mode in Chrome 69
• Google wants to kill a URL
• Firefox 62 is released: new security tools and settings interface , as well as technical details for developers on Marat Tanalin’s blog
• Chrome 69 is released with a new design, improved password manager and omnibox
• Browser Chrome is 10 years old
• Microsoft has tried a more aggressive way to promote Edge
• Google has canceled the hiding of the www and m subdomains, but intends to standardize their special status
• Support for translating pages using Google Translate will appear in Firefox
•Chrome 70 beta: shape detection, web authentication and much more
• An inside look at a modern web browser: Part 1 , Part 2
• Chrome redesign: an interview with the lead Chrome designer
• Python also partially rejects master / slave terms
• Glow Facebook compiler has received support from Intel, Marvell and Qualcomm
• Google has opened the Google Photos API for third-party developers
• The person is not as important as its data!
• September rating of programming languages from TIOBE: Python first came in 3rd place
• How to stop infuriating fellow developers
• What common programming mistakes make newbies - experts say
Digest from last week .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
• Web Standards podcast, Release No.138: September 17, 2018 : 10 years of Chrome, who needs a URL, what is a cascade, a cursor on buttons, microbenchmarking, DOM in workers, JS 2018
• Weekly Vue podcast: Weekly Vue # 3 , Weekly Vue # 4
• Frontend Weekend podcast # 69 - Ruslan Kaymakov on how to build a career as a leader in the development world, # 70 - Gleb Mikheyev on developing your own production agency and preparing Frontend Conf
• Five-minute React podcast # 47 - Elm 0.19
• Devshacht / Night Frontend podcast: 49: Vue.js 2.5 years in production - normal flight ,50: Visiting Pythonists: How and Why to Immerse in Python
• Frontend Youth (18+) Podcast # 63 What happened to WSD
• CSSSR Podcast, News 512 - Issue №21 (10.09 - 16.09)
• Vadim Makeyev's video blog : №1. Pilot, analyzes, answers and live , №2. CSS-Minsk-JS, mitapy, the future of the frontend and the main page
Web development
• BEM should not exist
• Use SVG with Media Queries
• HTML elements, gather! Voltron's abilities in the context of a combination of elements
- Performance:
• Optimizing graphics for the web: the most important
• Improving client productivity . Cheat Sheet Guide to Basic Optimization Techniques
• Font Checklist
- Tools:
• New pull call features added to Atom's GitHub extension
• GitHub Pull Requests in Visual Studio Code
• 6 tips on VSCode Tips ... in 60 seconds (by Paul Lewis)
- Accessibility:
• The easiest way to keep your web applications accessible: just use text
• How do you mark up accordion?
• The importance of manual availability testing
• Customizing radio buttons without abandoning their availability
CSS
• iOS CSS of death
• A quick tutorial on variables in CSS (reasons for usage, syntax and examples)
• Improved effects with the mode of blending background layers in CSS
• File upload field we deserve
• Bad, but yours: how to write a really awful CSS
• Nobody knows CSS: specificity - not a cascade
• New in Chrome 69: create a circular progress indicator using conical gradients
• How to use 2D transformation functions in CSS
• Introduction to Trashy.css - an easy way to view page structure
• Full CSS guide Scroll snap
• Denial of CSS is about exclusion, not technology
• : empty and: blank
• Creating a sliding effect using position sticky
Javascript
• Recursion for the inexperienced
• Fundamental principles of object-oriented JavaScript programming
• State Of JavaSript 2018 , a recent survey among JS developers about the state of the industry
• Celebrating 10 years V8
• Removing jQuery from the GitHub.com frontend
• 12 things you need to consider when evaluating any new javascript library
• I created the same application on React and Vue. Part 2: Angular
• 100% correct way to split your code using Webpack
• Lint Javascript and formatting with ESLint, Prettier and Airbnb
•What makes ReasonML so cool?
• Ascent in modern javascript - let, const and var
- VueJS:
• How to create a SPA using Vue.js
• Creating VueJS applications with TypeScript
• Generic application code structure in Nuxt.js
• Vuesax - a new component framework for Vue.js 2
• Lazy loading of images with Vue.js and IntersectionObserver directives
- React:
• A convenient way to test React components
• React, Webpack and Babel from scratch
• Introduction to using form elements in React
• How to implement the best Drag and Drop in your React application
- Angular:
• Reference for Angular 6: Templates , Kernel
• We pump the web with PWA . Progressive Web Apps + Angular = love
• Angular 6 Tutorial: New Features with New Capacities
• Comparing Angular and React, as well as their core languages
- Libs & Plugins:
• low.js - Node.JS port for embedded devices
• sqorn - Javascript library for building SQL queries
Browsers
• Picture in Picture mode in Chrome 69
• Google wants to kill a URL
• Firefox 62 is released: new security tools and settings interface , as well as technical details for developers on Marat Tanalin’s blog
• Chrome 69 is released with a new design, improved password manager and omnibox
• Browser Chrome is 10 years old
• Microsoft has tried a more aggressive way to promote Edge
• Google has canceled the hiding of the www and m subdomains, but intends to standardize their special status
• Support for translating pages using Google Translate will appear in Firefox
•Chrome 70 beta: shape detection, web authentication and much more
• An inside look at a modern web browser: Part 1 , Part 2
• Chrome redesign: an interview with the lead Chrome designer
Entertaining
• Python also partially rejects master / slave terms
• Glow Facebook compiler has received support from Intel, Marvell and Qualcomm
• Google has opened the Google Photos API for third-party developers
• The person is not as important as its data!
• September rating of programming languages from TIOBE: Python first came in 3rd place
• How to stop infuriating fellow developers
• What common programming mistakes make newbies - experts say
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 .