Category: CSS

A timeline is a way of displaying a list of events in chronological order, sometimes described as a project artifact . It is typically a graphic design showing a long bar labeled with dates alongside itself and (usually) events labeled on points where they would have happened. Here is the collection of 7 cool web [...]

Earlier today I was sitting in my room and watching a clock and wondering if I can make a pendulum. My first thought was that I should do it using jQuery but then I realized CSS 3 too supports animations. So I tried it using css3. Although , I love jQuery but I always follow [...]

One of my colleague today, came out with one solution of giving border to different height columns. The problem If you have two different div’s one after other (float left) and either of them have different height or dynamic height , it is impossible to give border left or right to the tallest one. Look [...]

What is CSS? CSS is a language that helps to portray the content written in HTML or any other Markup Language. The grammatical definition of CSS is Cascade Style Sheet which has evolved from SGML about three decades ago. CSS was developed to style up web documents and allow web developers to create powerful and [...]

Cascading Style Sheets are primarily used in the separation of document content from other page elements such as layouts, colors and fonts. Style sheets are a set of rules which tell a browser how to display a document. CSS3 is a next generation cascading style sheet language. CSS3 design features allow for creative web design. [...]

Programmers often use tools to format programming language source code in a particular manner. Proper code formatting makes it easier to read and understand. Moreover, often different programmers have different preferred styles of formatting, such as the use of code indentation and whitespace or positioning of braces. Here is the list of 19 code beautifiers [...]

As we all know background is the picture that is displayed behind the text on your Web page. Here is a collection of 16 websites using cool and tricky background images. . 1. Sustainablesolutionsva Visit site . 2. Goslingo Visit site . 3. Spd Visit site . 4. Carlcartee Visit site . 5. Matthewnsara Visit [...]

Accordion makes navigation interactive and awesome. Things looks more meaningful when it comes to pure css solutions. Here are eight powerful pure css accordions for your lite web applications. 1. Cssnewbie View Demo . 2. Fofronline View Demo . 3. Thecssninja View Demo . 4. W3avenue – vertical accordion View Demo . 5. W3avenue – [...]

A table is an arrangement of columns and rows used to organise and position data. Tables are useful, and there are many ways and tricks that can be used. Here is the collection of 20 table layouts for your inspiration or maybe helpful in your next web application. 1. Indianic View Site . 2. Getsatisfaction [...]

Modal boxes or lightbox seriously add good feel and great user experience. Today I have collected 15 modal boxes for your inspiration and may be integrated in your upcoming web application. 1. Zootool View Site . 2. Popscreen View Site . 3. Builditwith.me View Site . 4. Spacecollective View Site . 5. Tumblr View Site [...]

Borders being very important aspect of every design thus making them beautiful and attractive. Here is the list of 16 cool borders for your inspiration which can really make your design worth watching. 1. Deaxon View Site . 2. Ilovedust View Site . 3. Scraplr View Site . 4. Gobloomhealth View Site . 5. Peepnote [...]