JavaScript Tutorials
File API
Working with file uploads, especially on the front end, was always a hassle. We didn't use to be able to drag and drop files, complete AJAX uploads, provide multiple files, and hell, we couldn't get any information about the file until it hit the server; you'd...
Measuring Performance
Clients care deeply about web performance and they depend on us to articulate and measure how well their website is performing. If you have a service level agreement (SLA) with your client, and you should, then learning how to measure key metrics is crucial...
Get Bitcoin Value with curl or Node.js
Last year I started dabbling in bitcoin. Of course I was immediately cocky as bitcoin value went up 20% as soon as I bought it, then was humbled as bitcoin's value tumbled down 50%. From boathouse to outhouse. From caviar to ramen noodles. It was brutal. Anyways, I was...
Get Open Graph Data with Node.js
Two of this blog's most popular posts are Facebook Open Graph META Tags and How to Create a Twitter Card. I'm not at all surprised because we as content creators want some visual control over how our site is represented and shared on third party sites, especially social media...
Font Loading Techniques
It seems as though most websites use non-default fonts these days and who can blame them? System fonts are all pretty boring and custom fonts add a bit of flare and freshness to a site's design. The problem with using custom fonts, however, is they can really...
Detect if a GIF is Animated
If you tweet an animated GIF, you'll notice that Twitter takes it and converts it to an mp4. I'd speculate that they do that conversion because an MP4 is better supported across platforms, at least in that they allow for playing/pause of the animation. And with...
Ana Tudor’s Favorite CodePen Demos
Cocoon I love canvas, I love interactive demos and I don't think I have ever been more impressed by somebody's work than when I discovered what Tiffany Rayside has created on CodePen. So I had to start off with one of her interactive canvas pens, even though...
Get an Absolute URL with JavaScript
Dealing with URL formats can be a real nightmare. Think of how just a few characters can effect a URL's absolute endpoint: starting or not starting with
/
starting with//
starting with?
starting with#
...and so on What if you want an absolute URL though? One that starts with...SVG Animations Using CSS and Snap.svg
Today I wanted to share with you the ease of animation in SVG with the tools we have available to us today. SVG is still one of those subjects that can scare away a lot of developers, but I'm here to show you hopefully just...
13 Factors to Consider While Choosing a JavaScript Charting Library
Before starting your search for a charting library, you need to know that creating good data visualization (dataviz) is a huge time investment if you are planning to build a serious application. Having clear answers to questions like what exactly your dataviz is going to achieve...