Learn how to convert Shadertoy shaders to fragment shaders in Three.js!
Add color transition effects to your hexagon grid with your mouse in Shadertoy!
Learn how to make a hexagonal coordinate system using Shadertoy!
Learn how to make a hexagon SDF in a shader using Shadertoy!
Update your hexagon grid to look good across desktop and mobile devices!
Add a color transition effect in a hexagonal grid made using the HTML canvas!
Make a hexagonal grid using JavaScript and the HTML canvas API!
My website has received a makeover!
Review everything we learned about math expression parsers!
Learn how to add variables to abstract syntax trees!
Learn how to add support for variables in a math expression parser!
Use pratt parsing to build abstract syntax trees!
Learn how to build a math expression parser using pratt parsing!
Use the recursive descent algorithm to build abstract syntax trees!
Learn how to build a math expression parser using recursive descent!
Use Peggy, the successor of PEG.js, to build a math expression parser!
Make a math expression parser using the LL1 parsing algorithm!
Evaluate math expressions and build ASTs using the syntax-cli parser generator!
Learn how to use parser generators to make a parser!
Learn how to utilize parser generators for parsing math expressions!
Learn how to build math expression abstract syntax trees!
Learn how to deal with negative numbers in a math expression parser!
Handle decimal numbers and functions in shunting yard parsers!
Learn how to create a tokenizer for a parser in JavaScript!
Build a calculator in JavaScript that works with infix notation!
Use the Shunting yard algorithm to build a math expression parser!
Learn how to build a Reverse Polish notation calculator!
Introduction to the mathematical expression parser series!
Learn multiple strategies for running Jest on only a single file!
Attach a debugger to a Rails server running in a Docker container!
Learn how to use a Rails Debugger in Chrome DevTools!
Learn how to use a Rails Debugger in VS Code!
Learn how to debug Ruby code from within VS Code!
Use the Ruby Solargraph Extension to get IntelliSense in VS Code!
Fix the C# VS Code extension to get IntelliSense with C# files in Unity!
Turn two-element arrays into objects and learn how to transform them!
Learn all the different ways to iterate through properties of an object!
Learn all the different ways to iterate through elements of an array!
Learn when you should use for...in loops and for...of loops!
Iterate through enumerable properties of an object using for...in loops!
Get an element from the back of an array using a negative index!
Learn how to navigate symbols in VS Code!
Escape colons and other characters in YAML front matter!
Learn how to refresh your token and fix authentication to Azure Artifacts!
Use the Bookmarks VS Code extension to add bookmarks to your code!
Install and use the code command to open VS Code from the terminal!
Use keyboard shortcuts to move and duplicate lines in VS Code!
Learn how to search for keybindings and change them in VS Code!
Select duplicate text in VS Code and create multiline cursors!
Learn how to query elements quickly in Google Chrome!
Use the profile and profileEnd functions to create new CPU profiles!
Learn how to use the queryObjects utility in Google Chrome!
Learn how to use the monitorEvents utility in Google Chrome!
Learn how to use the monitor utility in Google Chrome!
Learn about the shortcuts to Object.keys and Object.values!
Learn how to find the event listeners attached to a DOM element!
Learn how to use the inspect utility in multiple browsers!
Learn how to use the debug utility in Google Chrome!
Learn how to use the copy utility in multiple browsers!
Learn how to use the console.assert method!
Use console.clear and keyboard shortcuts to clear the console!
Use console.time to measure how long it takes to run your code!
Learn about the info, warning, error, and verbose log levels!
Use console.dir to print HTML as a JavaScript object!
Use console.count to count function calls!
Use console.trace to analyze the stack trace of a function call!
Learn how to add colors to your console logs!
Use console.group and console.groupEnd to organize your console logs!
Display arrays and objects in a nicer format!
Grab colors from anywhere in the Google Chrome browser!
Grab colors from anywhere on your Mac's screen!
Learn how to allow cross-origin use of images and the canvas!
Use axios to make API calls in both the browser and Node.js!
Learn how to use the HTTP module and the fetch API in Node.js!
Learn how to use XHR objects and the fetch API!
Learn what application programming interfaces are!
Celebrate inspirnathan.com's 100th post!
Draw a rainbow flag in the browser using JavaScript!
Make a fragment shader of the rainbow flag!
Check if at least one value in an array passes a test!
Use a predicate to check if each value in an array passes a test!
Learn how to use Array.from to build ranges in JavaScript!
Reverse a string using a single line of code!
Add, subtract, and replace elements in a single iteration of an array!
Learn how to recursively flatten nested arrays!
Learn how to make transducers in JavaScript!
Make a compose operation using the Array.reduceRight method!
Learn how to use the Array.reduceRight method!
Learn how to make a custom pipe method using the reduce method!
Use the reduce method to make your code more performant!
Utilize the power of the reduce method in JavaScript!
Filter a list of values using the filter method!
Transform elements in an array using the map method!
Learn what higher-order functions are in JavaScript!
Loop through an array using the forEach method!
Learn what callback functions are in JavaScript!
Learn about the various methods used to output information in Ruby!
Learn how to print an array to the console on a single line!
Learn how to get the class hierarchy of an object in Ruby!
Learn how to get the name of an object's superclass in Ruby!
Learn how to get the name of an object's class in Ruby!
Learn which values are considered falsy in Ruby!
Learn which values are considered falsy in JavaScript!
Capitalize the first letter of a word using the text-transform property!
Learn how to set default values and use default literals in C#
Learn how to use the Universal Clipboard feature on Apple devices!
Uncapitalize the first letter of a string using JavaScript!
Uppercase the first letter of a string using JavaScript!
Uncapitalize the first letter of a string using C#
Uppercase the first letter of a string using C#
Learn a simple approach for getting the highest value from a C# dictionary!
Make a shader of glowing 2D shapes!
Learn about additional resources for shader development!
Use cubemaps in Shadertoy and add reflections to 3D objects!
Learn how to use textures and create multi-pass shaders!
Do you wanna to build a snowman shader 🎶?
Learn how to draw complex shapes and scenes in Shadertoy!
Add shadows, gamma correction, and fog to your 3D scene!
Learn how to add rim lighting around objects in your scene with fresnel!
Combine ambient, diffuse, and specular reflections to your scene!
Build an alternative camera model that looks at a target!
Learn how to pan and tilt/rotate the camera with a mouse!
Learn how to rotate objects in 3D space!
Learn coloring techniques and add a floor to your scene!
Learn how to create 3D scenes in Shadertoy!
Combine 2D Shapes together and create more 2D shapes!
Render multiple 2D shapes in a pixel shader and create color gradients!
Draw and rotate squares with a pixel shader!
Draw and animate circles with a pixel shader!
Learn the basics of pixel shaders and GLSL!
Autocomplete JSX while working with React!
Use a VS Code extension to catch typos!
Learn about resources to help you become a web developer quickly!
Manipulate pixels to create your own image filters and effects!
Insert images into the canvas and learn how to crop them!
Draw text on an HTML Canvas!
Draw lines and polygons with the Canvas API!
Draw arcs and circles with the Canvas API!
Learn how to draw on a canvas using JavaScript!
Learn how to run the Node.js debugger easily!
Learn how to debug websites in an Android device using Chrome DevTools!
Learn how to use adb and enable USB debugging!
Check a website running locally in an Android simulator!
Install Android Studio and simulate an Android device!
Create your own shortcuts to large or commonly used commands!
Run the Node.js CLI with the power of Babel!
Execute scripts written in TypeScript and run a TypeScript REPL!
View TypeScript source code of installed libraries in the browser!
Learn how to combine source maps together!
Learn how to easily generate source maps for modified code!
Learn how to use Array.from on array-like objects!
Learn how to iterate through values from asynchronous sources!
Learn more about generators and avoid common pitfalls!
Learn the difference between iterators, iterables, and generators!
Get the Agnoster Theme working correctly with iTerm2 and VS Code!
Exclude base class methods while listing an object's methods!
Learn how to use regex to replace text in VS Code!
Use Node.js to fetch files in a directory and its subdirectories!
Learn about npm commands and shortcuts!
Use async/await and ES2015+ features in IE 11 with Babel!
Run your website in IE 11!
Learn if a port is currently being used!
Learn how to create source maps with Babel!
Learn how to use Babel with React!
Get started with Babel, the modern JavaScript transpiler!
Learn how to scroll smoothly instead of instantly!
Learn how to keep a button fixed to an element while scrolling!
Copy stuff to the clipboard while debugging!
Learn how to use string interpolation in JavaScript!
Override the XMLHttpRequest prototype and fetch method!
Get IntelliSense in VS Code when working with the canvas API!
Learn how to easily share screenshots and videos with others!
Learn how to make a popup appear when a user stops scrolling!
Learn how powerful reactive programming is!
Find all media query breakpoints in a website!
Introduction to my new blog and website!