Media | Web Development | CSS | JavaScript | Browsers | Entertaining
Media
•
Podcast "Make Me Beautiful" Issue # 46: Typescript and Layout Solved All Their Problems (You Didn't)
•
Podcast "Frontend Youth (18+)" # 160: Black Cardinal Front End Pro Unlimited
•
CSSSR Podcast: MobX or Redux , Flexbox or CSS Grid, Angular DI, Lighthouse, Declarative Shadow DOM, MDN Web DNA 2020 Pro Unlimited
•
IT Way podcast: About frontend for beginners, how Aviasales works (and works in). Episode 46 from 10/24/2020
Web development
•
Web Components: A Beginner's Guide
• How to execute scripts in HTML. The script tag and the async, defer, module, nomodule, and src attributes
•
A guide to the different types of storage in the browser
•
The lang attribute: browsers lie, sweet lies.
•
Smarter ways to create HTML-structure with deep nesting
- Tools
• Configuring Webpack 5 from Scratch
• What's New in DevTools (Microsoft Edge 87)
• Adding Chromium Edge PWAs (Progressive Web Apps) to the Microsoft Store
-
• - (WCAG) 2.1
•
• inert
-
• «Inspirational Websites Roundup #19»
• clip-path
CSS
• State of CSS 2020 . An annual survey about the current state of CSS with the ability to assess your level of knowledge based on the results of its completion
•
How do I structure my CSS
• Choosing a CSS layout - Grid or Flexbox?
•
Creating CSS Shapes with Emoji
•
Thinking outside the box with CSS Grid
•
CSS in 3D: Learning to Think in Cubes, Not Rectangles
•
"The generic CSS selector is slow and should be avoided" - another lie!
•
Variables in Sass, CSS, and Semantic Theme Variables
•
Responsive Height Design
JavaScript
•
Using "global" await in JavaScript
• Object-oriented programming options (in JavaScript)
•
Client-Side Rendering vs Server-Side Rendering vs Static-Site Generation
•
Solving a stupid problem with JavaScript
•
Observer API in JavaScript - Part II
•
6 advanced JavaScript functions you can use today
•
How to create a progressively enhanced accordion component using vanilla JS
- Releases
• Node.js 15.0 JavaScript Server Framework Release
• Create React App 4.0 Release
• Babel 7.12.0 Release TypeScript 4.1, strings as import / export names, and class static blocks
- React
• React
• Rockpack — , React create-react-app
• Styled-Components React
• Create React App 4
• React v17.0
• Next.js
- Vue
• Vue SVG
• 10 Vue
• Vue.js , React
- Angular
• TypeScript — Angular
• Angular — function-like HTML
• @ngrx/component-store selector debouncing
- Ember
• The Ember Times — Issue No. 166
• Ember 3.22
• ember-cli-deploy
• React Hooks Ember.js
- Svelte
• Svelte Actions
• Svelte
- Libs & Plugins
• Stop using Moment.js for dates and times in JavaScript
• nsfwjs - A simple JavaScript library to help you quickly identify obscene images on the client side
• Lucia is a tiny JS library (UMD compatible) that can replace jQuery and applications in vanilla JavaScript.
• fingerprintjs - Generates website visitor ID from browser digital fingerprint
Browsers
• Firefox 82 is released
• Microsoft Edge for Linux - the beta version of the browser has become available to everyone
• The Chrome browser now has a search function for open tabs
• Now JScript in Internet Explorer can be disabled
Entertaining
• Photoshop has received many AI features: smart sky replacement, advanced filters, etc.
• Everywhere there are blue hyperlinks and columns: what Apple, Google and Amazon sites looked like in 1999
• How Cloudflare generates crypto keys using a 100 lava wall of entropy lamps
• Facebook has created an AI that will be able to translate texts between 100 languages directly
from last week's Digest .
Material prepared dersmoll and alekskorovin .