The ultimate beginners guide to web performance and speed
Make your webpage blazingly fast! This beginners guide includes 14 performance tips (from simple to complex) that will help you speed up any site. No related posts.
View ArticleRecursive spiral art with canvas+javascript
Demo (Hide yo kids, hide yo RAM) See the Pen Fractal with inner circles by Michael Jasper (@mdjasper) on CodePen. Explanation The basic gist is that a circle is drawn, then another circle is drawn on...
View ArticleModern 100% height divs
In 2011 I published a popular article, 100% height Divs with 2 lines of code, which showed how to use JavaScript to get around the difficult layout problem of having two elements side-by-side both at...
View ArticleGetting Started with Data Visualization in React
A primary goal of data visualization is to communicate information clearly and efficiently via statistical graphics, plots and information graphics. Numerical data may be encoded using dots, lines, or...
View ArticleSimple React Examples
I ❤️ react, and have spent a bit of time teaching react concepts to others through bootcamp trainings, and university courses. Here are a few examples of concepts and code I’ve written for students...
View ArticleAdding mp3 files to a Create React App app
If you’re looking for the steps to include static files, like an mp3, to a create-react-app project — and use es6 import statements to use them in a component, here are the steps. This process will...
View ArticleDynamic super classes (extends) in ES6
tl;dr Create a class factory which allows dynamic super classes to by applied to an es6 class (dynamic inheritance). This will be transparent to a consumer — meaning they will interact with it in the...
View ArticleAdding GraphQL to Ruby on Rails
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API, gives...
View ArticleRay tracing reflection depth demo
Here’s a quick visual demo of the effect of reflection depth in ray tracing, using the incredible Tiny Raytracer by Gabriel Gambetta. I have hosted a modified version of Tiny Raytracer on codepen for...
View ArticleMonkey Patching Event Listeners
There was an interesting question in my local slack javascript community for a way to capture the performance of different events that happen on a page. One way that was suggested was to hook into the...
View Article