Wes Bos shares the notes modeled after the content in his Beginner JavaScript course. 15 chapters of free content covering JavaScript for you to review! Beginner JavaScript Notes + Reference →
Beginner JavaScript Notes + Reference
Tag Archives: link
HTML boilerplate
Recently I had two occasions where I needed to create a simple one-page placeholder for a full website that’s still in the works. As a basis for my code I turned to Manuel Matuzović‘s HTML Boilerplate. My current HTML boilerplate →
Visualizing DOM Events
A visualizer to help you learn how the DOM Event system works through exploration. Explore event phases, stopping events, canceling events, passive events and more. Explore DOM Events →
Headless UI — Completely Unstyled, Fully Accessible UI Components
Headless UI provides a nice set of bare bones React/Vue components — Menu (Dropdown), Listbox (Select), Switch (Toggle), Dialog (Modal), etc. — for us to use in our UIs. Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. In case you’re no fan of Tailwind, don’t let the “with Tailwind CSS” …
Continue reading “Headless UI — Completely Unstyled, Fully Accessible UI Components”
The new responsive: Web design in a component-driven world
In this session from Google I/O 2021, Una Kravets talks about “the new responsive”, short for being responsive to the user, container, and form-factor (text-version available via link below): The web community is entering into a new era of responsive design and shifting our perspectives on what it means. With user preference queries, container queries, …
Continue reading “The new responsive: Web design in a component-driven world”
Dissecting the CSS font shorthand
Mateusz Hadryś dissects the font shorthand The font shorthand allows you to set almost all font-related properties with a single line of CSS. Full Text Styling With a Single Line of CSS →
Reset React Native Cache (Watchman Cache, Bundler Cache, Build Artifacts, etc) with react-native-clean-project
I used to drag a little shell script around between each React Native project that cleaned out various cache directories (Watchman Cache, Bundler Cache, Build Artifacts, Yarn Cache, etc.) for me. A better alternative is the react-native-clean-project you can use. Cleans your React Native project by purging caches and modules, and reinstalling them again. Installation …
Rethinking JavaScript Infrastructure
Christoph Nakazawa, former Engineering Management at Facebook and now Front End Engineer at Stripe, is writing a series about JavaScript infrastructure. In this second part of this still in progress series he digs into eliminating the ongoing need for installing dependencies from the development iteration cycle. I provide recommendations that I personally implemented and have …
Konva.js — HTML5 Canvas JavaScript framework
For all your working-with-layers-on-<canvas> needs: Konva is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more. You can draw things onto the stage, add event listeners to them, move them, scale them, and rotate them independently from other …
Continue reading “Konva.js — HTML5 Canvas JavaScript framework”
Modern Javascript: Everything you missed over the last 10 years
If it’s been a while since you’ve written JavaScript, this page holds a good summary of many of the language features that landed the past few years. Modern Javascript: Everything you missed over the last 10 years →