This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.
Web-development
• Front-End Documentation, Style Guides and the Rise of MDX
• Footnotes That Work in RSS Readers
• DevChecklist; We created this collaborative space for sharing checklists that help ensure software quality, guide you through crisis and other helpful stuff for devs ;-)
• Webpack From Zero to Hero — Chapter 3: Everything is a Module
• WebAssembly at eBay: A Real-World Use Case
• Static web — back to the roots?
• Measuring Interactivity with TTI: Time To (consistently) Interactive
- Accessibility:
• Accessible Icon Buttons
• Contextually Marking up accessible images and SVGs
• External Links, New Tabs, and Accessibility
CSS
• Highlight text with HTML mark tag
• What’s New in Tailwind CSS v1
• benefit — 5kB CSS utility framework that is compatible with TailwindCSS
• font-display is Incompatible with Icon Fonts
• The State of Fluid Web Typography
• Code as Documentation: New Strategies with CSS Grid
• 10 Time-Saving CSS Tips I Learned the Hard Way When Using Sass
• Flex Layout Editor
• The “Inside” Problem
• CSS can do that?
JavaScript
• Abusing jQuery for CSS powered timing attacks
• Lazy Loading Images using the Intersection Observer API
• Creating Grid-to-Fullscreen Animations with Three.js
- Theory:
• The Journey of JavaScript: from Downloading Scripts to Execution — Part II
• Functional JavaScript: How to use array reduce for more than just numbers
React:
• Taking Control of React Performance
• Material-UI v4 is out
• Using WebAssembly with React
• Why you should render React on the server side
• Getting Started with react-testing-library
• My experience moving from Enzyme to react-testing-library
• The Approachable Guide to useReducer
VueJS:
• Getting Started with Vue — An Overview and Walkthrough Tutorial
• Vue.js And SEO: How To Optimize Reactive Websites For Search Engines And Bots
• 5 Easy ways to drastically improve your VueJS app’s speed
Angular:
• Angular 8 RC.5 – Release Candidate shipped with features and breaking change
• Exploring Angular Lifecycle Hooks – OnInit
• Build a Progressive Web App with Angular
- Libs & Plugins:
• await-timeout: a Promise-based API for setTimeout / clearTimeout
• v8n: The ultimate JavaScript validation library you've ever needed.
• Tornis is a minimal JavaScript library that watches the state of your browser's viewport, allowing you to respond whenever something changes.
• is-incognito-mode: Function to identify whether browser is in incognito mode
Browsers
• Opera Gx — The first browser built for your gaming setup is coming soon.
• Firefox 67: Dark Mode CSS, WebRender, and more
• Introducing the first Microsoft Edge preview builds for macOS
• Firefox brings you smooth video playback with the world’s fastest AV1 decoder
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
Автор: derSmoll
