The digest of fresh materials from the world of the frontend for the last week # 369 (June 10–16, 2019)
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 # 180 : Chrome and Safari, TC39, third-party resources, sub-grants, and accessibility
• Podcast “Make Me Beautiful”, Issue # 19 : Visiting Andrei Chizh - Detailed about GraphQL, a little about the full stack and the death of adblockers; Issue number 20 : visiting Andrey Sitnik - The birth of a supervillain, censorship and why meetings are better than conferences
• Podcast "Devshakhta Podcast" # 84 : Roman Dvornov about tmlidah and signora
• Podcast "Frontend Weekend" # 93 : Natalia Korotkova on how to move to London and on the spot to find a job as a developer
• CSSSR podcast # 93 : News 512 - Windows terminal, testing and CD, evolution of Firefox and Beeline vs. Mail.ru
• Podcast "Frontend Youth (18+)" : VDSina will host npm
•
Frontreview # 13 : Tips for interviewing an IT company
• "Repozitorro" # 17 : A very creative portfolio, but there is a nuance ...
• “ProConf” # 16 : React Amsterdam 2019 | Where does React go | Why slows down React Native
•
# s3e3 ALL YOUR HTML , Page transitions with Highway.js and WebGL
• JSConf Hawaii 2019 , 9 videos
• JSConf EU 2019 , 17 videos
• 10 tips on how to increase page loading speed
• Tools for organizing an effective web development process.
• Technological trends of web development 2019
• Introducing the new HTML element - Meet <clippy>!
• Interactive animation in HTML letters
• When should you use Web Workers?
• 7 absolute truths that I revised from the time when I was a Junior developer
')
• Are preprocessors needed in 2019?
• CSS thinking style
• Animated CSS flex tutorial
• Results of the annual poll “The State of CSS 2019”
• Styling in modern web applications
• Break a line in a terminal style with CSS Text
• Dangers of functional CSS
• Why most developers are afraid of CSS
• CSS Grid Rows and Columns Animation
• every-layout.dev - Retraining to build CSS layouts
• Drawing realistic clouds with SVG and CSS
• DOM element size and CSS transformation
• Making tables responsive with a bit of CSS
•
A story about why I still use jQuery
• Protocol for communication between the iframe and the main browser window
• MAM: front-end assembly without pain
• List of (Advanced) Questions in JavaScript
• All you need to know about the date in javascript
• Web audio for electric guitar: how to connect the instrument
• Opera has developed the world's first “gaming browser” Opera GX with a distinctive design, control over the load on the processor and memory, and other gaming functions
• Opera, Brave and Vivaldi will not fight with ad blockers when Chromium is updated.
• New Firefox logos and related services introduced.
• Mozilla wants to introduce a paid subscription service to Firefox to access premium features, but the browser itself will remain free
• Google Chrome 76 Beta complicates the use of Flash and makes it easier to bypass the Paywall
• Microsoft does not refuse Internet Explorer in Windows 10
• A new add-on manager will appear in Firefox 68
• In the next version of Chrome, the Install icon will automatically appear in the address bar if the site meets the PWA criteria.
• Microsoft Edge Developers Hold Reddit AMA Session
• NYTimes have read 150 user agreements. The conclusions are disappointing
• Introduced a new technique of hidden system identification and browser
• Graphic format GIF - 32 years. Look at the first “GIF”
• The strangest sections of Reddit by the version of users of Reddit
• Google has released the free video game Game Builder, which allows you to create 3D games in the style of Minecraft, without having the slightest idea about gamedave
• Apple and Microsoft jointly developed a new iCloud application for Windows 10
• Ethics AI: how to relate to the ability to think and feel the robots?
← Last week's digest
Material prepared by dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Web Standards podcast # 180 : Chrome and Safari, TC39, third-party resources, sub-grants, and accessibility•
Podcast “Make Me Beautiful”, Issue # 19 : Visiting Andrei Chizh - Detailed about GraphQL, a little about the full stack and the death of adblockers; Issue number 20 : visiting Andrey Sitnik - The birth of a supervillain, censorship and why meetings are better than conferences•
Podcast "Devshakhta Podcast" # 84 : Roman Dvornov about tmlidah and signora•
Podcast "Frontend Weekend" # 93 : Natalia Korotkova on how to move to London and on the spot to find a job as a developer•
CSSSR podcast # 93 : News 512 - Windows terminal, testing and CD, evolution of Firefox and Beeline vs. Mail.ru•
Podcast "Frontend Youth (18+)" : VDSina will host npm•
Frontreview # 13 : Tips for interviewing an IT company•
"Repozitorro" # 17 : A very creative portfolio, but there is a nuance ...•
“ProConf” # 16 : React Amsterdam 2019 | Where does React go | Why slows down React Native•
# s3e3 ALL YOUR HTML , Page transitions with Highway.js and WebGL•
JSConf Hawaii 2019 , 9 videos•
JSConf EU 2019 , 17 videos
Web development
• 10 tips on how to increase page loading speed
• Tools for organizing an effective web development process.
•
Technological trends of web development 2019•
Introducing the new HTML element - Meet <clippy>!•
Interactive animation in HTML letters•
When should you use Web Workers?•
7 absolute truths that I revised from the time when I was a Junior developer')
- Accessibility:
• Anatomy of available forms: required form fields
• Patterns and strategies for available web applications
- API:
• Google justified the restriction of the webRequest API used by ad blockers
• Fullscreen API: How to get fullscreen on iPad Safari
• The Layout Instability API . Detect unexpected layout changes in javascript.
• MediaStream API
CSS
• Are preprocessors needed in 2019?
• CSS thinking style
• Animated CSS flex tutorial
•
Results of the annual poll “The State of CSS 2019”•
Styling in modern web applications•
Break a line in a terminal style with CSS Text•
Dangers of functional CSS•
Why most developers are afraid of CSS•
CSS Grid Rows and Columns Animation•
every-layout.dev - Retraining to build CSS layouts•
Drawing realistic clouds with SVG and CSS•
DOM element size and CSS transformation•
Making tables responsive with a bit of CSS
Javascript
•
A story about why I still use jQuery•
Protocol for communication between the iframe and the main browser window•
MAM: front-end assembly without pain•
List of (Advanced) Questions in JavaScript•
All you need to know about the date in javascript•
Web audio for electric guitar: how to connect the instrument- Theory:
• What is written in this? Backstage JavaScript Objects
• To mutate or mimic, that is the question.
• Anti-reduce pattern ({... spread})
React:
• Using Typescript with React - A Beginner's Guide
• Deep diving in redux
• Announcement of styled-components v5: Beast Mode , including many performance-related improvements.
• Use Cypress to write tests for React applications.
• Learn React hooks by writing your first hook.
Angular:
• How to use jQuery with Angular (when absolutely necessary)
• Study Angular & RxJS: Countdown Timer
• All you need to know about Ivy, the new Angular engine
• Multiple Angular Applications on One Page
• In-depth look at the ng template in Angular
• Angular 8 Differential Loading Guide
VueJS:
• Testing Vue with Jest
• Vue 3.0: what to expect from messages from Evan You & Chris Fritz
• What's New in Nuxt JS 2.8.0
- Ember:
• Ember in 2019: getting rid of "us and them"
• Improving Your DX by Ember, Part 1: Quick Wins
• # EmberJS2019: My Wish List
• Ember.js Testing Guide, which I did for myself
• Static types in EmberJs?
- Libs & Plugins:
• Pinker.js - js-library for rendering code / class diagrams
• Javascript Library Boilerplate Basic - the minimum start package for your Javascript project
• Macro Decorators - utilitarian macros and wrappers for creating your own decorators (for any framework)
• fuzzyjs - algorithm with fuzzy search logic in js
• Polyphyl for Resize Observer
Browsers
• Opera has developed the world's first “gaming browser” Opera GX with a distinctive design, control over the load on the processor and memory, and other gaming functions
• Opera, Brave and Vivaldi will not fight with ad blockers when Chromium is updated.
• New Firefox logos and related services introduced.
• Mozilla wants to introduce a paid subscription service to Firefox to access premium features, but the browser itself will remain free
• Google Chrome 76 Beta complicates the use of Flash and makes it easier to bypass the Paywall
• Microsoft does not refuse Internet Explorer in Windows 10
• A new add-on manager will appear in Firefox 68
•
In the next version of Chrome, the Install icon will automatically appear in the address bar if the site meets the PWA criteria.•
Microsoft Edge Developers Hold Reddit AMA Session
Entertaining
• NYTimes have read 150 user agreements. The conclusions are disappointing
• Introduced a new technique of hidden system identification and browser
• Graphic format GIF - 32 years. Look at the first “GIF”
• The strangest sections of Reddit by the version of users of Reddit
• Google has released the free video game Game Builder, which allows you to create 3D games in the style of Minecraft, without having the slightest idea about gamedave
• Apple and Microsoft jointly developed a new iCloud application for Windows 10
• Ethics AI: how to relate to the ability to think and feel the robots?
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.
← Last week's digest
Material prepared by dersmoll and alekskorovin
Source: https://habr.com/ru/post/456320/
All Articles