Tag Archives: css3

Creatively Designed HTML5/CSS3 Websites For Your Inspiration (Part – II)

intro

In the previous part of the series, we had started our journey on exploring some of the best and most creatively designed HTML5/CSS3 websites in the World Wide Web. In this part of the series, we move on exploring some more of them.

If you find these articles helpful and inspiring, please consider sharing them with your friends via various social media sites. Spread knowledge, and help others to learn. Continue reading

Creatively Designed HTML5/CSS3 Websites For Your Inspiration (Part – I)

intro

The web is constantly evolving. Every day, web developers and designers are creating new and extremely creative websites that are pushing HTML to its limits. HTML5 armed with its advanced animation and video rendering capabilities have snatched the crown from HTML4, which ruled the World Wide Web for more than a decade.

Most importantly it works on almost every browser. It is compatible with the old browsers and also with the mobile browsers like Blackberry, iPhone and Android based phones and tablets. It allows websites to load much faster and allows better and smoother connections with third party applications too.

In this series, we have put forward some of the best, most innovative, creative and beautifully designed websites with HTML5 and CSS3 that came out after our exhaustive research on this topic. The main purpose of this series is to stimulate the creative side inside you and inspire you to become a better designer.

Creative HTML5/CSS3 Websites

The Moustache Game

(View Website)

An innovative and funny website which allows visitors to add moustache to people via video sharing platforms like YouTube.

the-moustache-game

Tissot T-Touch Tactile Watch

(View Website)

A beautifully designed website which lets you try out the various features of the Tissot T-Touch watch, in a virtual immersive environment.

tissot-t-touch-watch

HTML5 & CSS3 Readiness

(View Website)

A simple and interactive website, visually depicting the various features of HTML5 and CSS3 available in various popular browsers with time.

html5-css-readiness

Inzeit

(View Website)

A beautifully designed single page website which vertically scrolls down to reveal its amazingness.

inzeit

Angry Birds Space

(View Website)

Love playing Angry Birds? Then this is something you should not miss.

angry-birds-space

Vlog

(View Website)

One of the most innovative and creatively designed HTML5 website, I have ever seen. It gives you an amazing rotating wheel where you can discover various videos with just a click of a button.

vlog

Dangers of Fracking

(View Website)

This webpage explains the process of Hydraulic Fracturing, with simple graphics and illustrations and making great use of the parallax scrolling effect.

hydraulic-fracturing

Art Ingenious

(View Website)

It is a simple HTML5 website making great use of an elegant hover effect inside it.

art-ingenious

5 Handy CSS Tricks to Save your Time

Tricks are often useful when handling complex or time consuming works by speeding up your work process with some shortcuts. And so are some CSS tricks, which can dramatically improve your work process and help you code and design better in no time.

In this article, I will be discussing 5 very handy CSS tricks which can really save time and ensure that you complete your project before your deadline. Note: – Some of these CSS tricks are still in the experimental stage, and haven’t been widely implemented in all the browsers. They are yet to be implemented in all the major browser, though you can still see these effects in some specific browsers like Opera.

1) Using CSS Variables

CSS Variables

You can use CSS variables to ease your job when setting a preferred colour palette or defining some pre-decided sizes. Continue reading

Our new plugin makes CSS3 in IE (and any other browser) easy!

What is this?

Anyone who has tried to add CSS3 to their site knows how difficult and time consuming it is to figure out the correct code for the correct browsers. Also, how do I make it work with IE? Wonder no more! With the Automated CSS3 Generator Plugin all you need to do is enter the values for the CSS3 you need and it does the rest. It also only outputs the CSS for the browser you are using so you won’t need 4 lines of CSS to do a simple rounded corner anymore. Continue reading