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