Thomas
This user hasn't shared any biographical information
Posts by Thomas
Awesome Uses of HTML5’s Canvas Tag
Feb 20th
With the development of HTML5 and using the Canvas Tag there are a lot of cool things that can be done. Here I have found some of the coolest things done with the canvas tag.
JSNES
The first one that is pretty impressive is a NES emulator. This was developed by Ben Firshman and is of pretty good quality. The emulator supports a list of games on the website, that can be found here. With a bit of flash there is also support for sound. JSNES is open source and is available on Github. Its best to test the emulator using Google Chrome, but it does run in Safari 4 and Firefox.
Pixastic
Pixastic is an online image editor. It allows you to apply a variety of effects on images and you can save the image to your computer or do whatever you want with it. Pixastic is also a image filter library for JavaScript so the online editor displays the variety of effects you can do with it. You can check out the main page here or play with the image editor here.
Bespin
This is Mozilla’s attempt at an online IDE tool. Bespin allows you to write code for the same platform that made it! (It can be used to write anything I’m pretty sure) You can test it out be registering up on their site using their experimental hosted service and you can even download it and use it own your own website. Bespin is 100% open source. Learn more about Mozilla’s Bespin here.
If you liked this post, you might also like…
HTML5 Local Storage, Session Storage, and Client-Side Database Tutorial
Sublime HTML5 Video Player
Feb 14th
With HTML5 just around the corner many people are excited as to what this new technology will bring us. One of the coolest parts of HTML5 is the ability to watch video without any plugins what so ever! This means no Adobe Flash or DivX to watch movies on your website! HTML5 is still being finalized but the people at Jilion have already hopped on to the band wagon and created their own custom HTML5 Video player. They have created a beautiful interface for the video player and it is currently supported by most HTML5 capable browsers. You can check out the Sublime Video player and full details here. I hope more people will get inspired by this and create their own video players for their own sites. If you haven’t already heard Vimeo and YouTube have already created their own HTML5 video players that you can test out right now!
If you liked this post, you might also like…
HTML5 Local Storage, Session Storage, and Client-Side Database Tutorial
Awesome Uses of HTML5’s Canvas Tag
CSS Custom Font-Face
Feb 11th
On the request of my friends, this post will show you how to simply add your own font face to your website using CSS. This comes in handy when you want to display dynamic text on a webpage when the user does not have the font installed on their system. This is a very old CSS trick that is not used very much and is not even CSS3. It will work in all browsers but Internet Explorer. The reason being is that Internet Explorer uses a different font-face type. For this tutorial we will be using the “True Type” format for our fonts and has the “.ttf” file extension, you can download any True Type font and use it.
Get started on my tutorial by clicking the link below! It literally takes 10mins or less to learn!
HMTL5 Local Storage, Session Storage, and Client-side Database Tutorial by O’Reilly
Feb 4th
This tutorial will take you through the new features of HTML5 involving client side storage, sessions and databases. The tutorial is based off creating a web app for the iPhone but will serve you the same purpose if you are looking for any web based platform. HTML5 is the future and its a good idea to make good use of this information ahead of time.
HTML5 Video Element Explained
Jan 31st
For everyone who is wondering where video is going on the web and want to get a head start, we have found an excellent guide explaining the “<video>” element that is new in HTML5. It tells you how to create a video in the proper format, what browser support various codecs, how videos works and how to make your own video on your website.
Click Here for the Information
Pillowed Text
Jan 27th
Using Adobe Photoshop, this tutorial will teach you how to create that cool pillow effect on text.
Rounded Corners with CSS
Jan 26th
Using DreamWeaver CS4 this video tutorial will teach you how to create rounded corners on webpages using CSS.
Wana Learn jQuery?
Jan 25th
Heard of jQuery? Want to learn about it and not quite sure where to start? This tutorial will help beginners get started and introduce you to the neat JavaScript library of jQuery.
Create Cool iPhone Icons
Jan 24th
This video tutorial will show you how to create icons that look like the icons you see on an apple iPhone. This tutorial uses Adobe Illustrator.
How to Create a Stylish Pair of Headphones
Jan 23rd
This tutorial will teach you how to create a very stylish pair of headphones. The tutorial is quite detailed and very helpful to newcomers, it does require you to know how to use Adobe Photoshop though.
Loading ...