Daily Digest: Is Shadow DOM used any more?

Daily Issue #4

• Understanding JavaScript Scopes and Scope Types - A Beginner’s Guide

• JavaScript Performance Optimization Secrets to speed up your code

• 5 Useful CSS Tricks as a Web Developer

• Learn how the tag in HTML simplifies modal dialogs and why it is better than previous techniques

• Performance optimizations with Shadow DOM and Virtual DOM

• Will the AI Bubble Burst?

• URL to PDF Microservice to render any page as PDF/PNG

• Real-Time & Historical World Weather Data API

• Oh My Zsh is an open source, community-driven framework for managing your zsh configuration

• If you are a Vue developer, PrimeVue is one of the best UI Frameworks on the market

• A standalone Javascript data visualization library PlotlyJS that also powers the Python and R modules

Resume Editing

Design Objective: Design a view that is skewed slightly, offering a totally cool UX effect.

Solution: By adding the CSS class below to any element will make it look skewed, but in a nice way!

.skewed {
    transform: skew(-26.918deg, 10deg);
    transition: all .4s ease-in-out;

    &:hover {
        transform: skew(0deg, 0deg);
        z-index: 100;
    }
}