Deerawan » html

CodeRun IDE: A Free Browser Based IDE

deerawan — Wed, 16 Dec 2009 00:54:04 +0000

Desktop IDE programs like Eclipse, Aptana, Netbeans are usual but online IDE is wow. Yep, it is CodeRun Studio, a free browser based IDE. It can runs in Chrome, Firefox, IE, and Safari and of course no need to download. CodeRun features native support for C#/.NET (3.5), PHP (5.1), JavaScript, HTML and CSS. C# support includes ASP.NET, WCF, Silverlight and WPF browser application development and deployment. Database support includes SQL Server 2005 and Amazon SimpleDB. It is designed also to use with Cloud. So, you can easily develop, debug and deploy your web applications. In CodeRun, you just do single click deployment. Very easy.

CodeRun IDE

Syntax coloring and code completion are featured to help you during development. There is also online debugger that enables you to set breakpoints, step through your code, inspect call stack, and other debugging actions. It is great, isn’t it? There is also project explorer, so you can easily manage your project files there. You can chat also in meebo integrated in CodeRun.

Last feature is you can share code with other developers. You can share via Facebook, Twitter, Digg, Delicious, and StumbleUpon. If you already use existing desktop IDE, you may use CodeRun instead or alongside with your current IDE. You can upload existing code in order to test it in the cloud or for sharing with others. Try CodeRun Studio now
The straight library knocks the analogue.

BrowserShots : Make Your Web Design Screenshots in Different Browsers

deerawan — Fri, 28 Aug 2009 09:47:01 +0000

Browsershots is a website to create many screenshots of your web design in different browsers. It is created by Johann C. Rocholl and it is FREE. More than 90 browsers are supported such as Dillo, Epiphany, SeaMonkey, Firefox, Opera, Safari, IE, Chrome, Flock, Avant, and many more. It supports up to 4 different platforms such as Linux, Windows, Mac OS, and BSD. You can see your screenshots for same browser but in different platform for example Firefox 3.5 in Linux and Firefox 3.5 in Windows. Very Nice!

BrowserShots - Supported Browsers

Some optional features that you can consider such as screen size, javascript, flash, java and color depth. Maybe you want enable flash or disable javascript or set the screen size 1152 pixels wide for your screenshot, you can do it here.

BrowserShots-Option

The mechanism is when you submit your website, it will be added to the job queue. Some distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server. Then you can see the result. When I tried to see my weblog in 55 browsers, I failed because the expired times for 30 minutes is over. Then I decided to reduce browsers to 15 and I got to wait about 3 minutes. It is fine if you bookmark the result page first and come back later.

BrowserShots-Result Page

Here is the result of my weblog’s screenshots and unfortunately some screenshots can’t be rendered correctly (I don’t know why)

BrowserShots - Result

Conclusion
BrowserShots makes our web design development easier. Instead of checking our web design manually in browser, it makes this process faster. It supports more than 90 browser and 4 different platforms.

CSS 3 and HTML 5 Cheatsheet

deerawan — Mon, 03 Aug 2009 08:11:13 +0000

Hello, in this post, I would like to share CSS 3 and HTML 5 cheatsheet. This cheatsheet is created by Chris Hanscom from Veign.com. Hope it is useful for you. Enjoy!

Download .pdf CSS 3 Cheatsheet

Download .pdf HTML 5 Cheatsheet

Thanks for Chris Hanscom….:)