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

Demo
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

March 11th, 2009

Creating 3 Columns Web Layout With CSS/XHTML (Video Tutorial)

If you’re new to CSS and want to learn how to code CSS/XHTML, this is the right video tutorial for you. In this video tutorial, you’ll learn how to code 3 columns web layout with CSS and XHTML. This video is suit for all beginners who want to learn CSS/XHTML. You can view in full screen mode for better quality.

[ad#wsb_top468]

March 9th, 2009

How to Use Firebug (Video Tutorial)

[ad#adsense_200200]Firebug is one of my favorite plugin(add-on) for Firefox. This tool can help me easily edit CSS live from my browser. This tool is grate for all web developers.

You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. If you have no idea on how Firebug work, you can watch this nice video tutorial on how to use Firebug.

March 2nd, 2009

Learn to Create CSS Rollover Images (Video Tutorial)

[ad#adsense_200200]Creating CSS rollover image is easy, but if you don’t know how to do it, you can take a look in the video tutorial.

In this CSS video tutorial, you’ll learn how to create CSS rollover image, started from using Photoshop to create a 2-states button, then write the CSS code to finish the mission. You can view the video in full screen mode for better quality.