Tutorials Page 2
JavaScript
Unicode JavaScript Variables and Functions
We all get a kick out of unicode symbols, as we all saw in my Unicode CSS Classes post, and just as we can use them for CSS classes, we can use them for JavaScript variables and functions as well! Let's say you want to shave a few bytes of post-minified JavaScript byes by setting false equal to a variable. Why not do so by using a unicode variable?
Read PostFirefox OS Mobile
Turn Your Web Application into a Firefox OS App in 5 Minutes
One of the promises that comes with HTML5 mobile apps, especially those to be featured on Firefox OS, is that your existing web applications, if created properly (feature detection, responsive design, etc.), can be turned into a working mobile application in relatively little time. And that's the way it should be, right? If my app works in the device's browser, shouldn't it work perfectly as a standalone app? Let's say you have a responsive, well-written website/app and you want to let Firefox OS users experience your work as a first class app; the following few steps will help you make those Firefox OS app dreams a reality.
Read PostCSS CSS Animations
CSS Background Animations
Background animations are an awesome touch when used correctly. In the past, I used MooTools to animate a background position. Luckily these days CSS animations are widely supported enough to rely on them to take over JavaScript-based animation tasks. The following simple CSS snippet animates the background image (via background position) of a given element.
Read Post View DemoCSS Markup
Unicode CSS Classes
CSS class name structure and consistency is really important; some developers camelcase classnames, others use dashes, and others use underscores. One thing I've learned when toying around by HTML and CSS class names is that you can actually use unicode symbols and icons as classnames. Check this out!
Read Post View DemoBlog
6 Reasons to Go Treehouse
There are quite a few tech video tutorial websites on the internet but Treehouse is the web's best. Of course it's easy to make that claim but here are some of the numerous reasons why that can only be true.
Read Post View DemoGuest Blogger JavaScript
JS Objects: De”construct”ion
JavaScript has been plagued since the beginning with misunderstanding and awkwardness around its "prototypal inheritance" system, mostly due to the fact that "inheritance" isn't how JS works at all, and trying to do that only leads to gotchas and confusions that we have to pave over with user-land helper libs. Instead, embracing that JS has "behavior delegation" (merely delegation links between objects) fits naturally with how JS syntax works, which creates more sensible code without the need of helpers.
Read PostGuest Blogger JavaScript
JS Objects: Distractions
JavaScript has been plagued since the beginning with misunderstanding and awkwardness around its "prototypal inheritance" system, mostly due to the fact that "inheritance" isn't how JS works at all, and trying to do that only leads to gotchas and confusions that we have to pave over with user-land helper libs. Instead, embracing that JS has "behavior delegation" (merely delegation links between objects) fits naturally with how JS syntax works, which creates more sensible code without the need of helpers.
Read PostBlog Browsers
One Year At Mozilla
When I was a naive but bright-eyed kid attending a small technical college in 2002, I was first introduced to Mozilla. The Mozilla browser looked incredibly similar to Netscape but provided a few additional development tools (like syntax-highlighted source windows)! Developing within Mozilla's browser really sparked my love of web development. Then Mozilla's browser became Firebird, and then eventually Firefox.
Read PostGuest Blogger JavaScript
JS Objects: Inherited a Mess
JavaScript has been plagued since the beginning with misunderstanding and awkwardness around its "prototypal inheritance" system, mostly due to the fact that "inheritance" isn't how JS works at all, and trying to do that only leads to gotchas and confusions that we have to pave over with user-land helper libs. Instead, embracing that JS has "behavior delegation" (merely delegation links between objects) fits naturally with how JS syntax works, which creates more sensible code without the need of helpers.
Read PostOptimization
Incredible Analytics with Crazy Egg
Analytics tracking is an important part of ensuring the success of any website or app, and the better information you get, the more you can do with that information. I've always loved and appreciated what Google Analytics provides in the way of basic information, but GA's lacked in visual presentation and "snapshot storage" of analytics. I recently found Crazy Egg, another analytics vendor which focuses more on visual representations of visitor data than basic visit and pageview numbers. Let me share with you how Crazy Egg works and how it can help you learn more about your visitors!
Read Post View Demo