This blog post explains how one can use Node.js to expand a URL that has been shortened by a service such as t.co (built into Twitter) and bit.ly. We’ll look at a simple implementation and at an advanced implementation that uses promises.
Today, I would like to show you another pure css3 navigation menu featuring several nice, and one unique, animations. Our sub menus to fly in from nowhere and 'heart-beat' when you hover your mouse over elements.
Retina.js checks each image on the page to see if there is a high-resolution version of that image on your server when your users load a page. If a high-resolution variant exists, the script will swap in that image in-place.
If you didn't already know: CSS Regions are a CSS3 proposal that would allow for magazine-like layouts in HTML pages. Adobe has been leading the charge on getting them into WebKit. They are currently available in Chrome and WebKit Safari (5.2) -- and also IE10. Here's how they work.
Not that CSS3 isn't already the hippest thing -- but check out this sweet DJ turntable in pure CSS3. Not very functional, perhaps, but the CSS grab-bags keyframes, animation, rotation transformations, and scale transformations, all in one pretty coherent image.
Earlier this month, the Cross-Origin Resource Sharing spec reached W3C Working Draft Last Call status. As you might expect (for both technical and security reasons), the spec is pretty elaborate. For a quicker treatment, try this this just-right-bite-sized intro, with demonstrative snippets.
Andrei's exciting series on HTML5 game development gets real, with dragonfireballs, randomly generated enemies, and collision detection. The game is cool, but the code is cooler, replete with helpful sense-breaks and extensive commenting.
Worrying about HTML5 browser support? Check out Webshims Lib, a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable HTML5 features. Stitches together a number of tools that let developers write modern, interoperable and robust code for all browsers.
If you are a developer then you are very familiar with variables and they are probably your best friends. A variable is by definition a temporary storage which contains some known or unknown quantity or information, a value. But, what does this have to do with the CSS we all know? The latest news is that the first working draft of CSS Variables just got released.
I’m getting ready for a session that I’m delivering at the end of this month. I wanted to create a sample for using HTML5 Server-Sent Events and decided to share that sample with my Blog’s readers
Yes, I explained basics of html5 file upload in the past (in one of our previous articles), but today I would like to give you another example, a better one. Now, you can just drag and drop your images (multiple images) in order to start uploading.
When you are using HTML 5.0 video on your website, you need to remember that your webserver is configured to send the correct MIME–type with your file. If you don’t the browsers won’t recognize it and the video won’t play. You will see an X appearing on your video, and the video will not start playing when you click on it.
Sheet is a floating model panel widget that animates on top of the view. The image below shows the class diagram of Ext.Sheet class. Sheet is subclass of Panel, which extends the functionality and provides flexibility to add a stack of other widgets to it. It is orientation-awareand it is a generic class for ActionSheet, Picker and MessageBox.
For the past few days I've been working on a proof of concept PhoneGap application that demonstrates an example of database synchronization. This is a fairly complex topic and I'm only going to demonstrate one version of this, but I hope the concepts, code, and example application are useful to people hoping to tackle the same problem.
I'm working on a little demo mobile application for an upcoming project, and I wanted to add sliding transitions between pages. Pretty simple, right? You just use jQuery, jQuery Mobile, zepto, or one of a bunch of other frameworks, and they handle this for you. I didn't want to.
Building on his previous (pure CSS3 photo gallery) tutorial, in this post Andrei adds another level of HTML5 cool: drag-and-drop, natively implemented. Thanks to the draggable and droppable attributes, this task is almost ridiculously easy.
The most excellent series on 3D browser-game programming continues. And this time the code gets hard-core: emulated enum, collision detection, 3D math... But don't worry: all the code is right here, pasteable as much or as little you prefer...
For the longest time I didn't mind all the oocss talk. When the term was first coined I quickly glanced over the basics and wrongly assumed it simply reiterated something I'd been doing for years. Lately the methodology has been gaining in popularity though (read Nicolas Gallagher's post for more information), which called for closer inspection of what was being suggested. Basically, I'm appalled by what I read and I hope I'm not the only one.