Logo


Thunderbird 2

Posted in internet, Software by Dragan on the April 20th, 2007

Few minutes ago I found out that new Thunderbird is out, so I've decided ti give it a try.First thing that i noticed is native Gmail support. You just enter your gmail username and Thunderbirad creates new account automatically.
Also now you can tag your messages, and search now works "as you type".

Screenshot:

(Click for larger image)

Download
More info

Viewed 122623 times by 43093 viewers

Pure CSS rollover menu

Posted in css, Programming by Dragan on the April 10th, 2007

Pure CSS Menu - light, fast, easy to make, SEO Friendly

This is my favorite technique for making CSS rollover menus. Its a combination of image replacement technique, and pure CSS list menus.
There is no javascript, and beneath it is valid XHTML code, so you don't need to worry about SEO performance.

Example

How to make your own

Ok, here is how you make this kind of menu - it's actually really simple:

First you must make your background image:
CSS Menu background
Please note that this is one image, and not two separate images.
If your menu is 400px by 50px background image should be 400px by 100px. Upper half of picture is background for normal state, and lower half is for rollover.

HTML Code

<div id="main-nav">
	<ul>
		<li><a href="#" class="home"><span>Home</span></a></li>
		<li><a href="#" class="about"><span>About us</span></a></li>
		<li><a href="#" class="faq"><span>F.A.Q.</span></a></li>
		<li><a href="#" class="contact"><span>Contact</span></a></li>
	</ul>
</div>

Now apply this CSS code, and there you have it - pure css rollover menu.


Viewed 133501 times by 46799 viewers

MGraph Update

Posted in ajax, css, Programming, Javascript by Dragan on the April 10th, 2007

MGraph - Ajax based graph, updated to v0.95

Ajax MGraph - Ajax Based graph
Hey hey, There is a small but nice update to Ajax MGraph. After some thinking I've decided to add a space for user note. You can easily pass HTML as note text, so you could add link to some data, or some small image .. or whatever...

New features

 

  • Added option to add a note
  • Added transparency on graph bars
  • Visual style changed

I'm really satisfied with feedback I'm getting on MGraph, so I'll continue to make improvements, stay tuned for more!

Viewed 105180 times by 36759 viewers

Virtual Hosts under Windows and Apache

Posted in php, windows, Apache by Dragan on the April 8th, 2007

Or, yes I'm sick of http://localhost/projects/

When i work under linux, i setup virtual host for every new project, so i don't have to have to deal with paths and other stuff you get when you keep your project in /projects/ folder.
I never even tried to setup Virtual Host under windows, I was convinced that it takes some voodoo magic to get it work, but it turns out to be 5 minutes of work.

For web development under windows I personally use wamp. It's good any other all-in-one solutions, but for some reason i stick to it. You may also wanna try xampp.

So, lets get down to action.
Step 1.
First you must create new local directory for your new project, eg: C:\wamp\test-project

Step 2.
Next, you need to edit C:\WINDOWS\system32\drivers\etc\hosts, and add line with ip and your project virtual host name
eg:

      127.0.0.1 localhost
      127.0.0.1 test-project.example.com

Step 3.
Try to ping your new host. Go to command prompt and type ping test-project.example.com

C:>ping test-project.example.com

Pinging test-project.example.com [127.0.0.1] with 32 bytes of data:

Reply from 127.0.0.1: bytes=32 time<1ms TTL=128
.
.

Step 4. Edit the httpd.conf file at the virtual hosts section (usualy at the end of file).

      NameVirtualHost *

      # this is the default mapping to http://localhost/
      <VirtualHost *>
          DocumentRoot C:\wamp\www
          ServerName localhost
      </VirtualHost>

      # the new virtual host mapping to http://project-name/
      <VirtualHost *>
          DocumentRoot "C:\wamp\test-project"
          ServerName test-project.example.com
      <Directory "C:\wamp\test-project">
          Options Indexes FollowSymLinks Includes
          AllowOverride All
          Order deny,allow
          Deny from all
          Allow from 127.0.0.1
          DirectoryIndex index.php
        </Directory>
     </VirtualHost>

5. Restart Apache and point your browser to http://test-project.example.com

Congratulations, now you can enjoy you virtual server and forgot about http://localhost. :)

Viewed 104261 times by 36816 viewers

MyTabz Update - vertical tabs

Posted in css, Programming, Javascript by Dragan on the April 6th, 2007

After some thinking I've decided to provide an alternative to horizontal tabs.

Behold - a vertical tabs :)
Vertical tabs

All HTML and Java script are same, only css is changed.

If you have any ideas about myTabz please please feel free to leave a comment.

Viewed 52763 times by 15709 viewers


All Rights Reserved, Copyright © 2007 Dragan Bajcic.
YourTree | Dragan@YourTree | LG Shop | Web Development and Consulting