How to Transform Texts To Twitter Like Format Using JQuery

This tutorial is just for design and fun. What we aim here is to transform your texts to Twitter looking style and make it tweetable with a ...

How To Create Your Own Blogger Template for Free Using Twitter Bootstrap

Most free templates that is developed with Twitter Bootstrap are for Wordpress and Tumblr blogs only. So I thought, why not create my own...

CSS Drop Shadow Fix for Internet Explorer 8

CSS3 uses box-shadow to place a nice drop shadow to your containers such as div . Though, the main enemy of web designers gives them problem...

Create Cross-Browser Sticker-Like DIVs with CSS3

Stickers in web designing are items that appears like sticker on your website. Usually, this is placed to make something stand out like anno...

Stitched Like Design Without Using Images

A stitched layout is one of the most common technique used recently on web designing. This renders divs and containers with a stitched-li...

Create a Paginated Banner from a Series of Images with Links Using JQuery

I found a question on Facebook asking for a code regarding a rotating banner/image similar to what AdSense has (please refer to the picture)...

Full Screen Background Image Using CSS

The purpose here is to create a fix image background that would auto fit different sizes of the screen. This has been an issue before on dea...

Rotate Vertically a Text in HTML using CSS

Spacing is a very important part of designing. Making the most out of each spaces without compressing your contents is a difficult job for e...

Disable Text Selection on Blogger to Protect Your Post

You might have heard of blogs that are being copied by other people without permission. Now in order to protect your blogs from these people...

Background Size Fix for Internet Explorer 8

From my previous post on background-size attribute on CSS, the said code doesn't seem to work on lower version of IE specifically IE8. ...

Customize Font for Your Website Using CSS3

With the use of CSS3 we can now change our web fonts to something better than the default Times New Roman and Arial. This can be done with...

CSS3: Background Image Size

As of CSS3, an easy way of stretching background images has been added. This can be used to make sure that your background images inside you...

Tips on Web Developing and Designing

For three years, I have done a lot of web site application and most of them are corporate sites. So I thought of sharing some of the things ...

Disable Text Selection via Javascript and/or CSS

PROBLEM: Disable text selection to avoid highlighting of words and protect the texts. SOLUTION: The first approach that we have tested...

Three Column CSS

A simple wayy to create a 3 column design on your site: On your HTML: <div id="wrapper"> <div id="header"...

Box-shadow on CSS3

Ever wanted a drop shadow like on your HTML using CSS? CSS3 now provide an a new feature called box-shadow which basically places a drop sha...

Rounded corners without the images (CSS style)

THIS IS A TEST, IF THIS WORKS THEN THE CODE BELOW WORKS FOR THIS BROWSER!! It has been a problem for almost every web designer to add r...