How to Implement DoubleClick Floodlight Tags
If you work with HTML, you may have come across DoubleClick tags before. For those who don’t know, DoubleClick Floodlight is one method used by advertisers to track traffic on a web page, either through page views or clicks on a certain button. If you’ve tried to implement Floodlight tags before, you may know just how difficult they can be. This guide is to help aid the process of placing these tags correctly in your code!
Read more…
Impressive HTML5/JavaScript Possibilities
Recently we’ve seen some really impressive HTML5 experiments around the web. We all know about classic HTML5 demos that show off cool techniques but they are not quite new. In this blog post, we will talk we about advanced projects using promising and powerful APIs. We’ll be looking at 3D games, sound codecs, ray tracing, and C++ libraries based on JavaScript.
Read more…
Smarter Styling with CSS Preprocessors
In software development we always try to follow rules and best practices to produce better products by minimizing code. One of the most popular mantras is the D.R.Y (Don’t Repeat Yourself) principle and states the following:
Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.
Of course, it is not always easy to perfectly follow this principle. For example, this can become difficult in front-end development and, more precisely, when it comes to CSS.
Read more…
Discovering Bootstrap, from Twitter
Bootstrap is an open source front-end toolkit created two years ago by some Twitter employees. The initial goal was to improve their internal tools but the application was later expanded beyond Twitter. It provides flexible, ready-to-use components to build with HTML, CSS and JavaScript. Consequently, Bootstrap has grown to be the most downloaded project on GitHub (more than 33,000 watchers and almost 7,000 forks).
Read more…
HTML5 Boilerplate: A Rock-Solid Default for HTML5 Awesome
HTML5 Boilerplate was developed by Paul Irish and Divya Manian. This project took almost three years to be completed having first been announced on August 10th, 2010.
Read more…
[TUTORIAL] Retrieving Data from a Server into a JavaScript Variable
During the developpement of a website, I had to manipulate data (which came from a database) through a JavaScript variable. I already knew how to retrieve data from a database into a PHP variable but I didn’t know how to make the connection with a JavaScript variable.
Read more…
[TUTORIAL] HTML5 Canvas and IE
When you want to develop rich and highly interactive web applications, using HTML5 features coupled with some JavaScript might sound like a great idea at first. But at one point, you will have to face one of the most challenging issues for a web developer: Cross platform compatibility and browser version support. This issue becomes especially problematic when you have to take in consideration previous versions of Internet Explorer, such as IE7 and IE8, which don’t support the HTML5 canvas tag at all. Luckily, some simple tools and features are available to overcome this annoying compatibility issue. Read more…
Technology[TUTORIAL] Box2Djs, a JavaScript Physics Engine Using HTML5
Implementing physical phenomena in applications can make them highly interactive and create a very realistic experiences for any user, making their interaction more pleasant and intuitive. With the rise of HTML5 and its many possibilities, developing rich interactive and fancy features has become even easier with the many tools available such as the canvas element and the Box2D library. Box2Djs is a JavaScript port of the AS3 version of the famous 2D physics engine library : Box2D. This tool, originally developed for C/C++ applications, allows you to create a virtual two-dimensional world in which the laws of physics apply, especially the most famous – gravity. You can add bodies with specific shapes and make them bounce against each other. You can also set their physical proprieties, like their mass, their velocity, their density. This library provides a large amount of easy to use functions and objects and you can make excellent features by employing just a few of them.
Read more…
[TUTORIAL] Basic WebGL Using HTML5
Today, the main technologies for developing Web 3D are Flash and HTML5. Among Internet Browsers, Chrome, Firefox and Safari are the best in terms of support and performance. One of the additional features from HTML4 is that the HTML5 is able to use the canvas element, this allows for hardware acceleration for 3D rendering. One of the most useful Javascript libraries is three.js by Mr. Doob which we can use as a Web 3D engine. Using this engine, we can create our own 3D objects without writing the complicated rendering/raytracking algorithm.
Read more…