Posts by
HTML5 Game Development – Lesson 5
- 20
- Dec
HTML5 Game Development – Lesson 5
Finally I decided to prepare next Game-development article. We continue a series of articles on game development in HTML5 using canvas. Today I prepared musical example (it will something like program – synthesizer) with alternative DOM-based dialogs on CSS3. Why I added separated dialogs – easy, mostly because CSS have much more possibilities to play with text and styles of standard elements, then it can make result JS code smaller, and can increase result speed of example. So, you can apply nice custom styles for these dialogs with full power of CSS3 (as example – I customized scrollbar with css3).
Here you can read our previous lesson: Developing Your First HTML5 Game – Lesson 4.
Read more
HTML5 and Games
- 16
- Dec
HTML5 and Games
Today we will talk a little about future of HTML5 in the gaming industry. As you know, HTML5 continues to have a dramatic impact on the web world during few last years. At current time, HTML5 still under development, but I sure that you have already seen many really great examples of it. Many people and companies (like Spil Games, Mochimedia) have already started learn and use html5.
Read more
How to start developing own applications for Android
- 15
- Dec
How to start developing own applications for Android
Several of our readers asked us what they begin to write even a simple application for android. So today I decided to write an introductory article for them. This material provides practical introduction to developing applications for Android.
Read more
CSS3 Drop Caps
- 14
- Dec
CSS3 Drop Caps
Today is design orienting article. I am going to tell you about making nice-looking drop caps with css3. I sure that you have been already saw these big letters in each children’s book of fairy tales. Especially in old books. To repeat this effect some webmasters separated this first letter (into own DOM element) and applied special own styles for it. But, this is not necessary in case of CSS3. We can use :first-letter selector to select necessary first symbol. Lets take a look to result that we can achieve
HTML5 Face Builder
- 12
- Dec
HTML5 Face Builder
This is another interesting application of HTML5. Today I have developed a little ‘toy’. This little toy can be enhanced into something big. Welcome to test new HTML5 tool – Face Builder (canvas). This tool will allow your members (visitors) to compose their faces, you can select through predefined elements (face, eyes, nose, mouth), and in end – you can ‘export’ result into image (like crop tool).
Read more
Pure HTML5 file upload
- 09
- Dec
Pure HTML5 file upload
Today we will be developing a great HTML5 file upload form with progress bar and preview (at client-side). We have already gave you jQuery based solution, but today’s application don’t require jQuery at all. All made in pure HTML5 Javascript. I’m going to use FileReader (html5) to implement live preview (without uploading to server), and, going to use XMLHttpRequest to send data to server.
Read more
4Templates.com offer
- 08
- Dec
4Templates.com offer
4Templates.com offers website templates and WordPress themes that are not only unique, beautiful and functional, they reflect where web design is headed – not where it’s been. Customizable? Of course. Adobe Photoshop (.PSD) source files are included with every template.
Read more
HTML5 image crop tool
- 07
- Dec
HTML5 image crop tool
I have prepared new great HTML5 tool for you (with tutorial). I have made ‘Crop tool’ in html5 (canvas). Now we can crop images at client side too. Now we don`t need to send data (with crop coordinates) back to server as we did in our previous article: ‘Image Crop Plugin – using Jcrop’.
Read more
Creating photo album with jQuery Chop Slider
- 06
- Dec
Creating photo album with jQuery Chop Slider
Today I will tell you about new impressive jQuery slider – Chop. This slider have already had quite 200 different transition effects. Here are many 2D and 3D effects. Plus, here are you can find even few NonCss3 effects (to old IE browsers) and five effects for mobile browsers (for cellphones). Plus, we can create our own new transitions (if you want).
Read more