Tutorials Page 97
Responsive and Infinitely Scalable JS Animations
Back in late 2012 it was not easy to find open source projects using
requestAnimationFrame()
- this is the hook that allows Javascript code to synchronize with a web browser's native paint loop. Animations using this method can run at 60 fps and deliver fantastic...CSS Custom Cursors
Remember the Web 1.0 days where you had to customize your site in every way possible? You abused the scrollbars in Internet Explorer, of course, but the most popular external service I can remember was CometCursor. CometCursor let you create and use loads of custom cursors for...
Using String Replace in JavaScript
This is a quickie simple post on JavaScript techniques. We're going to cover how to use the regular expression driven
replace(..)
with JavaScriptstring
values. Allstring
values have areplace(..)
method available to them. This method allows you to pass a regular expression (or astring
...The Truth About Growing Up
There's a harsh reality: we're "grown ups" these days. Every once in a while, however, I see an image that takes me back to my childhood. My childhood was full of sports and video games and I can't help but smile on those...
Force Stack Traces with JavaScript
I recently inherited a Node.js project and man is that scary. The code was well written but whenever you inherit a project you instantly inherit the fear of messing things up. My goal was to fix a fairly routine bug, and finding the issue was fairly easy, but tracing...
Combining JavaScript Arrays
This is a quickie simple post on JavaScript techniques. We're going to cover different methods for combining/merging two JS arrays, and the pros/cons of each approach. Let's start with the scenario: The simple concatenation of
a
andb
would, obviously, be:concat(..)
The most common approach is: As you can see...Professional Web Designers Use These Apps. Do You?
If you want your web design services to be in high demand, and your agency/individual practice to thrive, then there are certain administrative aspects that you absolutely need to tend to. I'll make it easier for you. Below, you will find a rich list comprised of...
Wrapping Text Nodes and Elements with JavaScript
When you work on a site that relies on a given JavaScript toolkit, you unintentionally end up trying to solve problems within the bounds of the toolkit and not the language. Such was the case when I tried wrapping text (possibly including HTML elements) with a
DIV
...Add Rules to Stylesheets with JavaScript
Since we're using so much JavaScript in our web applications these days, we're looking for more ways to keep them fast. We use event delegation to keep event listening efficient, we use function debouncing to limit the number a times a given method can...
Geeksphone Peak Firefox OS Unboxing
Any time you get a new device it's like instant Christmas. Whether it's top of the line or bottom of the barrel, we're always excited to check out unique devices to see what we can learn, check out what apps are popular, and test the websites we...