Stop Using Nested Loops: The Notebook Pattern in JavaScript
Imagine you're throwing a party but you're broke. Snacks cost $50 and you need to find two guests who can cover it between them. You could grab the fi...
27 javascript related posts
The AbortController API in React's useEffect hook
The AbortController API in React's useEffect hook can be used to cancel asynchronous tasks such as API requests when a component unmounts or when a de...
JavaScript logical assignment operators deep dive
Logical assignment is the newest kid in the ES2020 block to come out of stage 4 proposal and it just got its first browser support with the Chrome 86 ...
Using CSS to detect and switch website themes to match system preferences
Thanks to the CSS Media Queries Level 5 spec, now there's a really easy and awesome way to match your website's color scheme with what a user has chos...
Picture in Picture JavaScript API example with Safari
You can toggle picture in picture mode on any video element using the new webkitSetPresentationMode method on the video element. This is currently su...
Optional Chaining in JavaScript
Until ES2020, if you wanted to access nested properties of an object in JavaScript, you had to check for null or undefined at every level, or you woul...
JavaScript array methods
This is a categorized list of all native JavaScript array methods and properties grouped by the type of tasks they perform. Mutating Add Remove Ad...
3 ways CSSinJS eliminates waste from development workflows
CSS in JavaScript gives us the ability to reduce and eliminate waste in our web development workflow. Using this new tooling gives us 3 new benefits. ...
CSS in React - will-change: transform;
React is changing the way we think about and write CSS. Today I gave presented a talk at Reactathon 2018 in San Francisco about 5 new Super Powers tha...
CSS in React The Good, the Bad, and the Ugly
I gave a talk and workshop this year at SXSW on the topic of CSS in React The Good the Bad and The Ugly. Here are the slides from that talk. The work...
CSS in React
CSS has come a long way. We moved from CSS to Sass, to PostCSS. Now with the help of new build tools like Webpack and Rollup, CSS has plunged head fir...
LESS - an overview of the CSS preprocessor
Here is a presentation I did that is an overview of the LESS preprocessor. If you've been thinking about using a CSS preprocessor and are curios about...
iPad Safari UserAgent string values (iPad 1, iPad 2, iPad 3)
Safari 4.0.4 iPad 1 Safari 5.1 iPad 2 Safari 5.1 iPad 3
Optimizing the Google +1 button for speed
If you're like most bloggers and site owners, you've probably already added or are planning to add the new Google +1 button to your website, to go alo...
Wishlist: Browsers contain major JavaScript libraries in memory
Let's face it, without JavaScript the web would be a boring place. Unless you roll your own, well you need to use a library of some sort, and in most ...
Google Chrome First Impressions
Google Chrome Logo Yet another browser? Well here we go again. Let's take a look at Chrome and see what it has to offer. The download page is located ...
JavaScript Arguments
The arguments object in JavaScript is a local variable in any function that provides some nice features we can use in our code. Here is the list of it...
Whats new in Safari 3.1 Web Inspector and Snippet Editor
Safari 3.1 features improvements to the functionality for the Web Inspector developers tool. In now has an improved console for working with JavaScrip...
Safari 3.1 Features Review
Apple released Safari 3.1 (525.13) for both Mac and Windows users today which comes with a bunch of changes and improvements over 3.0.x series. Here a...
How Google Analytics determines Connection Speeds
Today I was looking for an unobtrusive method of determining a user's connection speed using JavaScript. A quick search on Google returned an array of...
Aspen Simulator - Simulates iPhone Safari Browser
The latest release of the iPhone SDK from Apple comes with an array of new Mac utilities for developing iPhone specific software. One of the new tools...
Sniff and Disable Firebug Howto (Gmail example)
Here is a simple test to see if users have Firebug installed on their browsers. Obviously this would also weed out non-FireFox users. Demo: Sniff for...
Simple AJAX Request and Response JavaScript
Here is the simple form of an AJAX call made to an XML document, parsing through the returned document and and grabbing the a specific node from the D...
How to Boost Your JavaScript and CSS Performance
Lines of markup code per website are growing at a hurried pace these days. JavaScript and CSS files are getting bigger by the day. But you want to kee...
FireBug Tips and Tricks
There is so much power packed into this little FireFox plug-in. It is truly a revolutionary tool for web developers. Here is a quick and dirty set of ...
Find Latitude and Longitude Using maps.google.com
Here is a php script that gets the Latitude and Longitude of any address using the google maps API. The original script comes from Ken. I just made s...
Monkeying around with the Fox
Download the script: exampleScript.js I've bee having fun using Grease Monkey to mess around with DHTML of websites in Firefox. My first shot was a v...