HTML5 Placeholder Styling with CSS
4/25/2011: This attribute is not styleable as of Opera 11. Internet Explorer 10 will introduce placeholder support. Last week I showed you how you could style selected text with CSS. I’ve searched for...
View ArticleClik here to view.
window.postMessage Tip: Child-To-Parent Communication
I wrote a super epic post a few months back about the window.postMessage API that’s sweeping the nation. window.postMessage allows you to send messages not only across frames (regular frame or iframe)...
View ArticleThe element.dataset API
A while back I showed you the awesome classList API, which allows simple addition, removal, and toggling of CSS classes without the need for parsing the className. Another simple API available in...
View ArticleDrag and Drop MooTools File Uploads
Honesty hour confession: file uploading within the web browser sucks. It just does. Like the ugly SELECT element, the file input is almost unstylable and looks different on different platforms. Add...
View ArticleClik here to view.
dat.gui: Exceptional JavaScript Interface Controller
We all love trusted JavaScript frameworks like MooTools, jQuery, and Dojo, but there’s a big push toward using focused micro-frameworks for smaller purposes. Of course, there are positives and...
View ArticlePage Visibility API
One event that’s always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When...
View ArticleJavaScript Battery API
Mozilla Aurora 11 was recently released with a bevy of new features. One of those great new features is their initial implementation of the Battery Status API. This simple API provides you information...
View ArticleClik here to view.
HTML5 Context Menus
Update: These context menus display even when JavaScript is disabled; so best practice will be to create these menu structures via JavaScript. Mass innerHTML injection can be used or basic DOM node...
View ArticleHTML5 Element Printing in Internet Explorer
I was recently working on a website created with HTML5 elements like header, footer, section, and more, and got a rude awakening by Internet Explorer 8. I knew about the hack to ensure the elements...
View ArticleQUOTA_EXCEEDED_ERR in Mobile Safari
I’ve been working on an HTML5 application for the new Mozilla Marketplace, writing a tutorial along the way to help all of you create and promote your HTML5 web-powered app. The HTML5 app uses...
View ArticleHTML5 download Attribute
I tend to get caught up on the JavaScript side of the HTML5 revolution, and can you blame me? HTML5 gaves us awesome “big” stuff like WebSockets, Web Workers, History, Storage and little helpers like...
View ArticleHTML5 autofocus Attribute
HTML5 threw a whole bunch of awesomeness at us. Tasks we accomplished with JavaScript and Flash, like basic form validation, INPUT placeholders, client side file naming, and audio/video, can now be...
View ArticleHTML5 hidden Attribute
HTML5 has given us some simple but incredibly useful HTML attributes: placeholder, download, and autofocus to name few. Another new attribute is the hidden attribute. When applied to an element, the...
View Article5 HTML5 APIs You Didn’t Know Existed
When you say or read “HTML5″, you half expect exotic dancers and unicorns to walk into the room to the tune of “I’m Sexy and I Know It.” Can you blame us though? We watched the fundamental APIs...
View ArticleClik here to view.
Game Configuration with JSON
Edna Piranha is a mystery wrapped in a enigma. I never know what she’s gonna say, and when she does say it, I don’t know what to think of it. What I do know, however, is that she’s an excellent web...
View ArticleClik here to view.
Making the Firefox Logo from HTML
My Firefox t-shirt is probably the best t-shirt ever made. It’s brilliant: a series of HTML/JS/CSS code wrapped and colored like the Firefox logo! Surely this design was created by aliens! Nope, it...
View ArticleClik here to view.
Camera and Video Control with HTML5
Client-side APIs on mobile and desktop devices are quickly providing the same APIs. Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to...
View Article5 More HTML5 APIs You Didn’t Know Existed
The HTML5 revolution has provided us some awesome JavaScript and HTML APIs. Some are APIs we knew we’ve needed for years, others are cutting edge mobile and desktop helpers. Regardless of API...
View ArticleHTML5 Datalist
One of the most used JavaScript widgets over the past decade has been the text box autocomplete widget. Every JavaScript framework has their own autocomplete widget and many of them have become quite...
View ArticleVibration API
Many of the new APIs provided to us by browser vendors are more targeted toward the mobile user than the desktop user. One of those simple APIs the Vibration API. The Vibration API allows developers...
View Article
