Tag Archives: html5

Fun with CSS – In whole new way!

5 Oct

Hi friends,

You know that how much messy (not that difficult though) CSS is when it comes to write/edit the code for it. Without any tools, it simply a pain to use CSS, but it’s strengths cannot be neglected and it’s use is guaranteed if a good web page is to be made. Hence, good CSS tools comes in to the picture.

Today I’ll tell you some online tools to help you through various CSS related works tad easily. Just go through these tools and use that suits your needs.

1. CSS Load: It’s simple tool that creates custom CSS spinners and bars for AJAX and JQuery. Quite useful if you want to display these kind of animations in your web page as it just takes few seconds to create very good spinners/bar. It’s completely WYSIWYG interface and you just have to select type of spinner, their colors, width/height and animation speed and a visual output displays the output right away. Once you’re satisfied with your code, just click Get Code and use it any way you want. Simple!

2. WebPutty: If you want more control over CSS files and want to store the output over the cloud as well, then CSS Load is not a sufficient tool. You need more powerful tool that can handle more than just simple CSS animations. Welcome WebPutty! It’s great tool which uses your Gmail as login and provides yo with handful of features. It’s a 2-pane window, with code on right and output on left. Just modify the code and the output can be seen right away. It’s requires more skill than CSS Load is it’s not completely WYSIWYG but still it’s quite powerful and it supports HTML5 as well. An example page is thrown in so that you can learn before creating your own pages. Very good tool for professionals!

3. XEO CSS Editor: Now it’s the tool which charms newbies and professionals alike! It’s not just very good CSS/HTML editor but it’s very good learning tool as well. The User Interface is quite intuitive and provides you with lots of features. The output page is displayed in main interface, left to which is all CSS tags applied to the page. The top contains various sections like CSS editor, HTML editor, CSS code (the output file), and preview (the main interface that opens up when you load the page first time). Though HTML editor is not a WYSIWYG but it’s not it’s purpose as well. CSS Editor is WYSIWYG and it gets the job done very well. You can create a new page here or open existing file which contains HTML and CSS in it, or just HTML file. Now you can apply CSS the way you like and the get the output CSS right away or alternatively you can save your work which requires a (free) registration.

Just choose any of the CSS tool as per your liking, and enjoy CSS like never before!


It’s a HTML5 world!

29 Jun

Yeah sure it is, and Google is all over us to affirm this. Recently launched Swiffy seems to be another nail in Flash coffin. With this nifty tool, one can simply create HTML5 out of (almost) any flash file.

All you need is a flash created in SWF 8 and ActionScript 2.0 or lower. Better export your flash project as SWF 5 and Make sure the size is not more than 512 KB. Now, just upload this file and wait for the conversion. If all goes well, your HTML file will be ready in few seconds.

A simple question arises – Is Swiffy mature enough to convert flash to HTML 5?

No way! I’ve tested with a sample 10 KB flash file but the result is highly undesired. Currently Swiffy only recognizes limited number of flash ActionScript functions and you cannot totally trust the output it generates. Also, there is no customization option for it. Need some modifications? you got to edit HTML file now.

My Verdict?

Swiffy is a nice tool but it’s not mature enough to be used as your one stop Flash to HTML 5 converter tool. Better look for some other tool doing the same file or wait for Swiffy to mature, or even great is to write your HTML 5 file from scratch (daunting at first but definitely is a better way if you want to debug your code)

%d bloggers like this: