Infographic: The Evolution of Web Design
I have prepared you new related infographic. It tells us about evolution of web design. The KISSmetrics gave us this great story. Can you believe that the first published website is already 20 years old? Web design has come a long way since the first website was published by Tim Berners-Lee in 1991. This infographic is a peek at the evolutionary tale of web design, which is ironically still in its infant stages. Enjoy the infographic below and let your imagination wander. You might find yourself asking, “Where will web design be in the next 20 years?”
10 Interesting PHP Tutorials
Today I have selected new most interesting PHP tutorials for us (web developers). I have selected with care. There are tutorials about implementing pChart, creation poll system, php-based photo filters (from tutsplus), facebook connector and so on. I hope you find it very useful for you!
Image Flow – Multiple Albums
Long ago I made tutorial about creating nice photo album with Image Flow script. Today I made up my mind to enhance this work with adding possibility to use it for multiple albums. So, you can load different sets of images (albums) on-fly. Finally, I put our albums into CSS3 horizontal accordion.
HTML5 Canvas 3D Sphere
Our new tutorial tells us about creation of animated 3D Sphere (through direct access to pixels of canvas). The sphere itself is getting around the canvas continuously. This example should work in the most of modern browsers (like Firefox, Chrome, Safari and even in IE).
Flying CSS3 Navigation Menu
Today, I would like to show you another pure css3 navigation menu where I implemented several nice animate effects. I have just taught our sub menus to fly from nothing, and beat as the heart when you hover your mouse over elements. If you are ready, lets start.
CSS3 Animation Experiment – Virtual DJ
HTML5 Drag and Drop Multiple File Uploader
Our new article is going to tell you about HTML5 file upload. 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, the better one. Now, you can just drag and drop your images (multiple images) in order to start uploading. Plus, the script displays overall progress (in percentage, plus – files left) and server response (without actual uploading). I am going to display progress at CANVAS element in realtime. And, at the last – our script can upload files not only into own server, but to another too (we can say, that this is cross-site uploader).
HTML5 Mobile Development Cookbook – results
One month ago you took part in the HTML5 Mobile Development Cookbook. The curtains are closed, so are the comments, and now is time to select the winners.
HTML5 Game Development – Lesson 9
Today we continue the series of articles on game development in HTML5 using canvas. For today I have prepared new game. I have updated our lesson 4 and added fireballs, enemies and collision detection. So, now our dragon can cast fireballs and kill enemies (plus, we have scores now). Now this game is much more interactive.
Our previous article you can read here: Developing Your First HTML5 Game – Lesson 8.