Yo - A Scaffolding tool that can help you quickstart your project development.
Grunt - A
Did you know you can also omit the head and body tags? Your browser will create them for you.
A great resource for all kind of webdevelopers and -designers has to be MightyDeals. They provide some great (daily) deals for webprofessionals, which simply means that you can get that font, brush or
...tion isn't fully waterproof (sometimes, it doesn't work). For a more solid solution, check out ScrollFix.
HTML5 has some extremely cool features, and a couple of weeks ago I took a deep dive into Websockets. This protocol, which you can recognize by the ws:// and wss:// (secure websockets) URL prefix, ena
There is no doubt that mobile currently is hot. The team behind the favourite
Just like I said in my previous article; Since Firefox 4 was relesed, loads of new (CSS) features were released into the wild. Next to the :any() CSS selector, another cool CSS feature was added to th
// Preload the images
// More info: http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-
var cacheImage = $("<img />").attr("src", "i...
...otes from people displayed in boxes. I wanted to take that concept, and bring it to the web using my favorite
Not only Internet Explorer has it flaws when it comes to parsing/using the CSS file. Even though the Webkit engine is the best CSS engine out there (at the moment), I was still able to find a little b
It's pretty amazing at how fast people can learn certain technologies. A couple of months ago, I learned my friend and ex-classmate Sidney te Grotenhuis some (basic) jQuery. Last week, he contacted me
...he full CSS looks like! The same counts for the use of some ID's in the HTML, that are referenced by the HTML/
Overall, I really do like the CSS3 transitions in this exam...
...is and what problems it fixes for us.
The data-* attributes are extremely useful, especially for
...ake note of the id and class attributes that are used. The developer added these values to reference them for
...esting new HTML5 elements, has to be <canvas>. This element allows the developer to draw anything using
...es in WordPress
Adding Flash detection with SWFObject 2.x
Adding Flash detection with Flash-generated
Chapter 2: WordPress: Configuration and Core Plugins
...h a screen resolution of 800x600
Didn't care about the blue background and red text
Thought that Java and
Created a "Go to top" button that doesn't use an anch...
...ude jQuery (works with v1.4+) and the plugin in the head section of your HTML.
...irst things first: I'm normally not a big fan of empty HTML elements which only purpuse is to be a handle for
...sheet" type="text/css" href="css/jfancytile.css"/>
Bokeh - In photography, bokeh is the blur, or the aesthetic quality of the blur, in out-of-focus areas of an image, or "the way the lens renders out-of-focus points of light." (from Wikipedi
...of the browser brings us a couple of improvements on several aspects, like using Personas (themes), improved (
Chapter 1: Introduction and Overview
Expected developer skills
Differences between PHP and
What is jQuery?
How does jQuery fit in with PHP?
How to work wit...
... practical and can be used on many websites. It's beautiful to see, and a great tutorial explaining some PHP,
Database for Content
HTML for Describing and Displaying content
CSS for Design
I personally think the CSS animation propert...
...ry libraries that we're going to use (placed in the head section of the HTML):
...hat spectecular (just view the source yourself), so I suggest that we'll continue directly with the jQuery.
/* Time to preview a preview */
var PREVIEWTIME = 3000;
...link fade from red to orange when rolled over, because it went with the aesthetics going on your site. That's
Little disclaimer: If you find this game too easy, I suggest you download the source and change the
After my first jQuery plugin, I wanted to create an actual jQuery game. While I was swimming in a pool nearby, I came up with the following idea (inspiration can be found everywhere): Characters in wa