October 4th, 2009

Creating CSS Tabbed Box

I always like the jQuery effects that use for web navigation, box, slide tab, image viewer and many more. This one is a good CSS + jQuery effect that use for tabbed box that I found this on jcargoo.org

If you’re looking for a good CSS tabbed box, this is a good one, and on their website, I found the other cool CSS + jQuery effect that you may like it, such as “Easy Tooltip and Image Preview Using jQuery”, “Star Rating System with CSS and jQuery”, “7 Vertical Menus With jQuery Effects”, “Submit Button Enabling With jQuery” and more.

You can learn to create the tabbed box from their sample code or just copy and paste to create your own tabbed box. Visit the links below for demo and the tutorial

Link :
View Demo
View the tutorial

Creating CSS Tabbed Box

September 29th, 2009

Free CSS Speech Bubbles Code

This is a good design CSS speech bubbles that you can download and use it on your web design project for free. These bubbles are available in 3 styles and tested in all major web browsers.

Free CSS Speech Bubbles Code

Link : Free CSS Speech Bubbles Code

September 17th, 2009

30 CSS Best Practices for Beginners

Nettuts+ post a new article “30 CSS Best Practices for Beginners” It’s is a list of 30 CSS techniques+tips and tricks. They claimed this for beginners, but I think this good for all of CSS coder even you’re not new to CSS.


30 CSS Best Practices for Beginners

Link : 30 CSS Best Practices for Beginners

September 13th, 2009

HTML and CSS Video Tutorial for Beginners

[ad#250square]If you’re looking to learn HTML and CSS for coding your web, this video tutorial is right for you. This video is the VERY basics of what HTML and CSS is, for the absolute beginner. HTML and CSS is the basic knowledge for creating a web page.

The video tutorial is from CSSTricks by Chris Coyier, it’s very good tutorial, well explain, easy to understand and the video is for everyone who new to HTML and CSS. You just need a good Text editor for writing code and web browser for preview your web page.

Link : View the video tutorial HTML & CSS – The VERY Basics (32:15 Min)

HTML and CSS Video Tutorial for Beginners

September 12th, 2009

Beautiful CSS Web Buttons

[ad#250square]Such a nice style of CSS buttons that I found on ZURB. They created beautiful CSS web buttons in multiple color and give you free code for using for you web. You can learn how to create CSS web button using CSS3 by your own from their sample code, learn some techniques or just copy and paste the code on your web.

You can change color of the button to your favorite color by just change the color of RGBA Hex color and you can also change the size of the button freely.

The buttons are beautiful and good for all web designers, you can view demo from this link.

Beautiful CSS Web Buttons

Link : Beautiful CSS Web Buttons
View Demo

September 9th, 2009

11 Useful CSS Techniques

[ad#250square]I found these 11 useful CSS techniques on Nettuts+ and I want to share with you. It’s a list of CSS techniques that you can found all over the web and you may like to learn how to create by your own.

The bonus in these 11 CSS techniques is you will get the code for creating in classic way(CSS 2) and CSS 3 way. You will see the CSS code for creating…

  1. Rounded Corners
  2. Box Shadow
  3. Text Shadow
  4. Fancy Font
  5. Opacity
  6. RGBA
  7. Background Size
  8. Multiple Backgrounds
  9. Columns
  10. Border Image
  11. Animations

Link : 11 Useful CSS Techniques

11 Useful CSS Techniques

May 23rd, 2009

25 Advanced CSS Techniques

[ad#250square]Nowadays, CSS is a really powerful tool for designing webs. Here is a list of 25 advanced CSS techniques that collected by desizntech.info.

In the list you will see some cool CSS techniques such as CSS opacity techniques, shadow technique, CSS menu effect, CSS hover swap effect and more… you can checkout the full list below.

Link : 25 Advanced CSS Techniques

25 Advanced CSS Techniques

March 17th, 2009

Simple CSS – Generate CSS Code From Scratch

Simple CSS is a free tool that can help you generate CSS code from scratch. The tool is easy to use, you just select fonts, colors, styles, background as you want, then Simple CSS will generate the CSS code for you. With Simple CSS, you can manage multiple CSS projects and import your existing style sheets.

Download your free copy of Simple CSS 2.0 and start creating Cascading Style Sheets the fun and easy way! Available for Mac OS X and Windows.

Simple CSS — A Free CSS Authoring Tool

Link : Simple CSS

March 14th, 2009

Creating Remote Linking Using a Simple CSS Technique

[ad#adsense_200200]I found this nice simple CSS technique on css-tricks.com. It’s the tutorial on how to use a simple CSS technique to create remote linking.

I don’t know how to explain what the remote linking is… but you can see in the live demo. I think it’s quite cool and maybe useful for you, if you’re looking for a cool technique for your web.

Link : CSS Technique – Remote Linking
View Live Demo
Download Files

CSS Technique - Remote Linking

March 11th, 2009

Creating CSS Overlapping Tabs Menu

[ad#250square]Another nice web menu that I found on tutorialsphere.com. It’s CSS overlapping tabs menu, I really like this menu, it’s beautiful and useful. They’re using this menu on their own website and the menu look really good. If you’re looking for a good menu style for your website or blog, I think you can apply this menu style for your design.

Tutorialsphere.com provides the nice tutorial on how to create this menu including provide CSS code and image for you to create your own. In this tutorial, you’re going to learn to create a simple, yet cool menu with overlapping tabs. You can checkout the live demo and view the tutorial on their site.

Creating CSS Overlapping Tabs Menu

Link : View the tutorial
View Live Demo