We bring to your attention a selection with links to new materials from the frontend area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining |
Media
•
Podcast "Web Standards" No. 215: Performance first or later, workers, offline, without JS, clean CSS and dirty results•
Podcast "Frontend Youth (18+)" No. 124: Stories from parallel reality•
UnderJS Podcast # 14 - UnderHTML - pilot release•
CSSSR podcast: News 512 - TC39 meeting, open source archiving for posterity, transition from Go to Rust to Discrord•
February metap SPB Frontend (2020)
Web development
•
ResizeObserver - a new powerful tool for a responsive web•
Profession: front-end developer•
We work with audio: upload files, sound, progress, visualization•
Node.js, Tor, Puppeteer and Cheerio: anonymous web scraping•
How to rewrite the front end of a loaded project and not to lose the main thing• Where does target = ”_ blank” get the underscore•
How to become a full-stack web developer in 2020•
11 popular misconceptions about microfronts•
What should a developer learn in 2020? Answered by Ilya Klimov
CSS
• CSS-2020: another “snapshot” or specification number 1 of modern CSS?•
Old CSS, new CSS•
CSS4 is a bad idea•
Learn CSS Positioning. CSS Positioning Interactive Guide•
Creating a collage layout using CSS Grid and Clip-path•
Selecting an element with a non-empty attribute•
Magic flip cards: solving a known size problem•
Using the line-height CSS property to improve readability•
Moving ( or not) using CSS Motion Path•
Quick and easy implementation of dark mode using custom CSS properties•
Implementing dark mode with TailwindCSS•
Custom styles for input using modern CSS features•
Neumorphism.io - CSS code generator for shadows•
Why should you use HSL colors in CSS?•
How I recreated the Polaroid camera using just CSS gradients•
Light and dark fav icon on SVG using CSS media function prefers-color-layout•
Creating a Sierpinski triangle with one divJavascript
•
70 JavaScript questions to prepare for the interview•
What can Google index? SEO JavaScript tests•
20+ Vanilla JavaScript web projects•
Date formatting in JavaScript using Intl.DateTimeFormat•
Electron 8.0.0 released•
Small ECMAScript features that help a lot•
Understanding the ECMAScript specification, part 1
• Chrome 80 browser with innovations in processing cookies that may disrupt sites has been released• Chrome will soon block intrusive video ads and downloads via HTTP• Support for add-ons has been added to the Firefox Preview mobile browser• 8 browsers based on Chromium: not Google Chrome single•
Switch to Firefox Brad Frost shares his experience•
Why web browsers are free
Entertaining
• Björn Straustrup: what had to be done differently in C ++, why should beginners learn it and advice• 15 years on Google Maps: a new logo and application•
How coronavirus affected the Internet speed in China• What are mini-ups in WeChat and how use them to grow your ecommerce project• AI Robochronicles: a chatbot from Google, a 4K Lumiere brothers movie and algorithms on guard of Groundhog Day• Complete failure: 10 epic crashes and shutdowns of data centersWe apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
Last week's digest .Material prepared dersmoll and alekskorovin .