Posts filed under ‘General’

Custom Snippets in Aptana 3


Aptana Snippets

There are some very useful snippets in Aptana like auto building Html tags (Type “div” and hit “Tab” then Aptana will generate “<div id=”name”></div>” for you) but most amazing thing is its very easy to create your own snippets.

If you are using “console.log()” function a lot like me then writing a snippet for this function will save a lot of time for you.

To add a “console.log()” shortcut key

  1. Create a new project and go to project folder (where your “.project” is found)
  2. Download
  3. Extract the zip content to the root of your project folder. The folder hierarchy :
  4. And restart Aptana 3.
  5. Now open an Html file, select a text and hit “Shift+Command+.”
require 'ruble'

with_defaults :scope => 'text.html,source.js,source.php source.php.embedded.block.html', :input => :none, :output => :insert_as_snippet do |bundle|
	command 'console.log()' do |cmd|
		cmd.key_binding = 'M1+M2+.'
		cmd.input = :selection
		cmd.invoke do |context|
		  selection = ENV['TM_SELECTED_TEXT'] || ''
		  if selection.length > 0

Visit and for more



01,12,2010 at 8:32 Yorum bırakın

Firebug 1.6 is Released with Many Fixes and Improvements


Firebug 1.6.0

The Firebug Working Group proudly announces the availability of Firebug 1.6.0!

We have implemented a lot of new features that are summarized on our wiki in section Firebug 1.6 release notes. Please go over the summary and let us know if you need any additional information.

We have been working hard, but a lot of things wouldn’t be possible without contributions from developers, translators and also designers. See our wiki that lists all our active contributors.

Stability of Firebug has been improved, some memory leaks caught and so, we can declare Firebug 1.6 as the best release ever.

We are focusing on quality and continuously extending our list of automated tests. We run these tests to verify every release and publishing all test results online. Any Firebug users can also run the automated test suite on local machines and upload the results so, we can collect information about stability from various environments.

Firebug 1.6.0 has been uploaded on and your Firefox should ask you for update soon. According to our past experience some issues can sneak through all the alpha and beta releases so, we expect some minor updates in the next few weeks.

Firebug 1.6.0 is for Firefox 3.6 and we are currently working on Firebug 1.7 and focusing on compatibility with Firefox 4.0. It should be available early next year. See known issues with Firefox 4.0.

Beta testers using releases from will be also automatically asked to update.

Overview of Firebug 1.6

Firebug 1.6 supports Firefox 3.6

Console and Command Line




  • Disabling break on next error
  • The stack panel now displays argument names and values + support for expanding/collapsing
  • Script Panel shows nicer message when it is inactive during page load
  • Improved presentation of the scope chain in the Script panel Watch side panel
  • Save and restore breakpoints across Firefox sessions
  • Script panel file list has auto scroll button and shows filtering text


  • Show the prototype, constructor, and __proto__ properties of objects
  • localStorage and sessionStorage now also displayed
  • Better search match highlighting


Toolbars and Menus



30,11,2010 at 4:36 Yorum bırakın

Auto-Update SVN on DreamHost

<![CDATA[I have been using Media Temple Grid Hosting service for a long while and tried to setup my own svn repo settings there but I didnt go so far on using that. I want my online site to be updated on every commit but I understood that MT doesn’t let your site to be updated instantly. You can use cron jobs service but this service will let your web site to be updated in every 5 mins.

So the solution came up with DreamHost. You will be able to update your site instantly and also you will realize that your site will be loaded faster.

Here are the steps to set your svn repo:

1. Go to Domains>Manage Domains and create a sub-domain (or domain) for your SVN repo, create a sub-domain (or domain) for your cgi files and create a domain (or subdomain) for your live site.

svn repo:
live site:

2. Go to Goodies>Subversion and create an SVN project.

Project Name & Project ID : gokselcom
Install to:
Users : user123 password123

3. Go to Goodies>Htaccess/WebDAV, select your cgi-subdomain you created before (mine is “”), hit “Set Up A New Directory” button and create a password protected folder for your cgi files.

Directory name: :
Password-protect this dir? : check
User accounts for this area: user345 password345

4. Download this rar file, extract it, edit and change the content of the cgi files according to your settings, upload them into your cgi folder ( using an ftp client(I use Cuteftp) and set the CHMOD of these files(.cgi) and folder(gokselcom) to 755 (Cuteftp : Right click to folder/files and select properties).

Note: “geryit” is Dreamhost root username, you should replace your own username there.

5. Upload post-commit file into /svn/gokselcom/hooks in your remote server via ftp and set CHMOD to 755.

6. Now you can login to your repo via Tortoise Svn or some other svn clients and make your first Checkout

SVN Url:
user: user123
password: password123

You can visit for more.


07,07,2010 at 19:25 2 yorum

The Best Cross-Browser Testing Tool Ever : Adobe BrowserLab


Seemingly the successor of Meer Meer from Adobe, Browserlabs is a sleek new service for testing your websites across browsers. It tests Firefox 2 and 3 and IE 6 and 7 for XP and test Firefox 2 and 3 and Safari 3 for OS X. Just sign in with your Adobe account, put in a URL and let Browserlab load screenshots for these browsers. Brilliant 2-up and onion-skin views allow you to compare between browsers easily. Unlike some browser testers, the entire page is visible, header to footer with scrolling. I’ve already noticed some particularly slow loading browsers and it would be great if it could build the page so you could navigate a site like a native browser test but it’s a great new product from Adobe.

Test your website now!]]>

11,05,2010 at 6:59 Yorum bırakın

Introduction to the fundamentals of PHP

<![CDATA[In this article, I’ll introduce you to the fundamentals of PHP. We’ll focus on using PHP to access Web services and on turning static HTML pages into dynamic ones by retrieving data from the Web and by showing different content depending on what the user has entered in a form or requested in the URL.

You won’t come out a professional PHP developer, but you’ll be well on your way to building a small page that uses Web services. You can find a lot of great PHP info on the Web, and most of the time you will end up on itself. But I was asked repeatedly on several hack days and competitions to write this quick introduction article, so here it is.

Continue Reading…]]>

09,05,2010 at 6:01 Yorum bırakın

Guitar Hero 5 Director's Cut Music Steve Trailer

<![CDATA[This is the Director’s Cut to the Guitar Hero® 5 Music Steve video. Special Thanks to ‘Make The Girl Dance’ for use of the song ‘Baby Baby Baby’]]>

05,05,2010 at 9:34 Yorum bırakın

CSS-Cross-Browser CSS Gradient


Cross-Browser CSS Gradient

The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browers. But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image. This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome. Also, check out my updated dropdown menu (demo) using CSS gradient.

For Webkit Browsers

The following line of code is for webkit browsers such as Safari, Chrome, etc. It will display a linear gradient from top (#ccc) to bottom (#000).

background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));

webkit gradient

For Firefox 3.6+

background: -moz-linear-gradient(top,  #ccc,  #000);

firefox gradient

For Internet Explorer

The following filter wlil only be read by IE:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');

ie gradient filter

Cross-Browser CSS Gradient (demo)

Put the three lines of code from above together and the result is a cross-browser gradient box. Note: I added a background rule at the very top in case the user is using a browser that doesn’t support the feature.

background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */

gradient box

CSS Gradient Dropdown Menu

Below is a pure CSS gradient dropdown menu using CSS3 text-shadow, radius-border, and box-shadow (no Javascript or image)

css gradient dropdown

Internet Explorer Limitations

Internet Explorer gradient filter doesn’t support color-stop, gradient angle, and radial gradient. That means you can only specify either horizontal or vertical linear gradient with 2 colors: StartColorStr and EndColorStr.

Final Remarks

Please note not all browsers support CSS gradient. To be safe, you shouldn’t rely on CSS gradient when coding the layout. It should only be used for enhancing the layout.

Taken from webdesignerwall.]]>

26,04,2010 at 1:37 Yorum bırakın

Eski Yazılar


Temmuz 2018
« Ara    

Posts by Month

Posts by Category