Deerawan » css

CSS Table Gallery Showcase

deerawan — Sat, 23 Jan 2010 23:12:44 +0000

There are so many CSS websites showcase out there but this website provides CSS Table Gallery. So, you can get inspiration how to design CSS Table in so many ways. You can see many CSS Table designs with different colors there and different characteristic. And if you like one of them, you can download its CSS for FREE.

CSS Table Gallery

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.

Free Download Aptana Studio 2.0: The Best CSS and Javascript Editor

deerawan — Thu, 10 Dec 2009 23:41:57 +0000

It is no doubt that Aptana Studio is the best free CSS and Javascript editor for now. If you already have a Eclipse, you can get Aptana as plugin but you can download Aptana as standalone application. Aptana is available for Windows, Mac and even Linux. The latest Aptana Studio is version 2.0. The major differences with the previous version such as

Radically improve the remote<->local file transfer features

Merge the Project and File views into a single view

Firebug 1.4 Integration

Improve our Find/Replace mechanism

AJAX framework updates, including support for YUI 3.0

Aptana PHP is no longer included in Aptana Studio 2.0, and only PDT will be supported

Aptana 2.0

Hope these features help us more effective in coding CSS and Javascript. Grab the latest Aptana Studio now!

Download Aptana Studio 2.0

CSS Compressor : Make your CSS Files Size Smaller

deerawan — Sun, 11 Oct 2009 13:26:54 +0000

Yeah, one way to make your page load faster is make your files size smaller. That file could be your CSS file. CSS is one important part for styling your website. If you don’t maintain the code very well like not using shorthand CSS, the file will be getting bigger and bigger. You also may use comment to make your CSS code readable but these comments is one factor that make the file size bigger. Don’t worry fellaz, I got a website where you can use it to compress your CSS files. It is CSS Compressor.

You can select from four levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. It is quick, easy and free! - CSS Compressor

Lets find how to do it…..

The first step, you must define your type of compression (highest, high, standard, low). You can see many options there then copy paste your CSS file. Voila! You will get your compressed files there. Ok, I tried it with my CSS file. Before compress, I got mine size is 7.97kb and after get compressed, I got 5.708kb. Yay, I had my css file size smaller. You can try it and make your webpage load faster than ever. If you want to compress CSS files, go to csscompressor

CSS Compressor

CSS Compressor Result

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….:)

Top 3 Free and Best CSS Editor

deerawan — Tue, 09 Jun 2009 15:04:29 +0000

Wow, are you looking for free and best CSS Editor? Yes, I made a list of it. Yup, I know lot of great CSS editor available out there but I will only choose three of them. Hope it helps you as a web designer to find which one is the best and absolutely FREE.

1. Aptana

Yup, this is one of best CSS Editor. Available on Windows, Mac and Linux make it more powerful on all platforms. It supports code-completion and syntax highlight which make your CSS work easier. Not only support CSS but also HTML and Javascript make the features seems so complete for web designing and development.

Aptana

2. CSS Toolbox

Another great CSS Editor. The interface looks clean and simple. it also can check your CSS code on some browsers like Opera, IE and Firefox. it supports code-completion and CSS 2 standards.

CSS Toolbox

3. TopStyle Lite

There is pro version of TopStyle. But this Lite version is good enough to help you coding CSS. It supports code completion and also can check your code on IE, Firefox, Opera, and even Safari.

Topstyle lite

From those three editors, I choose Aptana. This editor is really awesome because of its functionality and plug-in enabled. So, what is your favourite?