CSSReX

20 beautiful websites designed using HTML 5 / CSS3 | 2012

Rohit — Fri, 14 Sep 2012 06:03:13 +0000

HTML5 has setup al-together new standards over the web. HTML5 has started ruling over HTML4 that has ruled the web for decades earlier. We all are interested in getting our websites designed using HTML5 and CSS3 now a days.

I would say it has made designers / developers life easy. A lot of things that were done with the help of Flash, jQuery or even hard-core designing are done with HTML5 / CSS3 quite easily.

Responsive designs have come up in picture with HTML5 / CSS3 with Media Queries. It facilitates us with the code that is efficient in handling a website in smartphones, tablets, netbooks, different desktop browsers and operating systems.

I personally like HTML5 / CSS3 websites a lot so I thought of listing top 20 websites designed using HTML5 / CSS3 for an inspiration. Here we go:

1. Lost Worlds Fairs

2. Design made in Germany

3. Teixido

4. Ribot

5. Deren

6. The Expressive Web

13. Space.Angry Birds

14. Black 5

15. Cheese Please Game

16. Raffael Stueken

17. Inze

18. Nike

19. Rally Interactive

20. Slavery Footprint

Please let me know if you have any other HTML5 / CSS3 website that looks outstanding. I would love to list it in this post

Dodge – Business Portfolio WordPress Theme

Rohit — Thu, 07 Jul 2011 05:12:58 +0000

Dodge is a clean corporate WordPress theme that features a unique design, suitable for any Blog / Company / Business. This theme is based on a solid WordPress framework that includes several great features like custom post types, a powerful admin panel, different blog / category layouts, 25 to 30 different transitions for slider etc.

With genuine features and supportive documentation, the theme is easy-to-use for beginners as well as developers.

Features:

Support WordPress 3.0 Menu System
Custom Post Types for SlideShow and Portfolio
Custom Page templates (Full Width Page, Portfolio etc.)
2 Blog / Category Layouts
6 Custom Widgets
5 Color Schemes
Auto Image Resizing
Gravatar Support
Cross Browser Compatible
Powerful Admin Theme Options
User Friendly Shortcodes
Top Notch WordPress Code
PSD included
Cross Browser Compatibility – IE6, IE7 , IE8, IE9 , Safari, Firefox, Chrome, Opera

We wish you have a wonderful experience using this theme.

Live Demo

Download Now

United – Corporate, Business & Portfolio WordPress Theme

Rohit — Wed, 08 Jun 2011 11:03:16 +0000

United is a clean, modern and ultra-readable Premium WordPress Theme. It comes with a lot of features and intuitive options. It includes 6 Custom Widgets, 5 Color Schemes, 3 Custom Portfolio Layouts, Featured slider with around 30 Transitions, sitemap template, and much more..

United is perfect WordPress theme for company profile, corporate, business and portfolio websites with clean and minimal look. It includes powerful and minimal admin panel which give you full control over every major design element throughout your website.

The amazing flexibility of its framework allows it to be crafted to a Blog, Portfolio, Creative or almost any other kind of website one can imagine.

Also it constitute with 5 Layered PSD files and extensive documentation to customize new colors and the general look and feel of the theme really easy.

Some of its key features are listed below:

Based on 960 Grid System
WP 3.0+ Compatible
Cross Browser Compatible including IE6 to IE 9 and all other Major Browsers
29 Slide Show Transitions
6 Custom Widgets (Flickr Gallery Widget, Advertisement Widget, Social Network Widget, Twitter Widget, Custom Popular Posts Widget, Custom Recent Posts Widget)
5 Color Schemes
A lot of custom shortcodes including Video shortcode support
Automatic image resizing
Customizable WP3 Dropdown Menu
Threaded Comments
Widgetized Sidebar and Footer
Powerful Administration Panel
Clean & SEO Friendly Code

I wish you have a wonderful experience while playing with it.

Live Preview Download Now

Minikin – A Minimal Business Portfolio WordPress Theme

Rohit — Fri, 27 May 2011 05:53:27 +0000

Minikin is a Minimal Business WordPress theme with amazing back end options and short codes. This template can be used for any kind of small scale business like manufacturing, portfolio, software development etc.; requiring clean and web 2.0 looking website.

In this theme, we have an option to change it’s look completely by changing its colors in its back end options.

Key Features:

Custom Backend Options to edit the Theme Styles and Settings
Massive Short Codes
Works well with all Major Browsers
Custom Home Page
Custom Portfolio Page with Embedded Light Box
Auto Resizing of Post Thumbnails
Function to Trim Text to Maintain Alignment in the site.
PSD Included
Fonts Used: “Verdana, Arial, Tahoma and Georgia” * “Merriweather” from (Google Web Fonts) to make it cross browser compatible. We can check its license here: http://code.google.com/apis/webfonts/terms.html

Live Demo

Download Now

I wish you enjoy playing with it.

CSSReX – Awarded As Top Rated Web Design Company

Rohit — Fri, 18 Feb 2011 06:34:53 +0000

Today, We are highly obliged to announce that CSSReX has been awarded and recommended as a Top Rated Web Design & Development Company by Web Hosting Search who provide some of the Best Web Hosting Reviews on the internet.

Basically CSSReX was started by “Rohit Aneja” and now he has collaborated with two more designers / developers and converted CSSReX into a group of three free lancers.

We have worked really hard to accomplish client’s goals regarding web presence and that’s the reason we have achieved this award. Our vision is to convert this company into Top Rated Web Design Company not only from India but also from World.

We personally thank web hosting search for listing us in top level web designers / developers from India.

How To Create 3D Text Using CSS3

Rohit — Thu, 06 Jan 2011 17:32:51 +0000

I am very happy to see, CSS3 finally eliminates the use of Photoshop in terms of giving text shadows. I was just trying my hands on text shadows in CSS3 and thought of creating 3D text by giving multiple shadows and got something wonderful.

Earlier Text Shadows were announced since the beginning of CSS2 however, the only browser that was supporting this functionality was Safari.

If you talk about today’s condition, almost all the browsers except Internet Explorer are running Text Shadows successfully.

I agree that we would not be able to use these shadows for clients for next few years because of cross browser compatibility however these features can help you push the boundaries of modern Web Technology today.

We do have certain jQuery plug-ins available like IE CSS Shadow that can create shadowed text completely compatible with Internet Explorer.

Let’s learn how we create 3D text using CSS3. I am giving text shadow to Heading and Paragraph tags.

HTML code written below will land up in between the body tag.


 CSSReX
 This works well with major Browsers like FireFox, Opera, Safari and Chrome however does not work with Internet Explorer!

Here we have the CSS for giving heading and paragraph multiple shadows to give 3D effect.

#wrapper h1{
 font:normal 60pt Arial;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}

#wrapper p{
 font:normal 40pt Arial;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}

Let’s Download and Tweak with it.

10 Best HTML 5 and CSS 3 websites For An Inspiration

Rohit — Tue, 07 Dec 2010 14:54:09 +0000

“Technology presumes there’s just one right way to do things and there never is.”

When it comes to technology, it’s growing day by day. As we know when xHTML was going to be rewarded as most efficient way for converting designs into websites, we are introduced with a really great technology called 5. This technology has given best solution to web designers who love to create readable codes and semantic layouts.

Keeping that in mind, I thought of listing 10 Best HTML 5 and CSS 3 Websites for an inspiration. I hope you will like these websites too

1. Yonadoconmarcos

2. Lesintegristes

3. Forabeautifulweb

4. Eyestylesllc

5. Slconstantia

6. 01tec

7. Scientificname

8. Fortherecord

9. Mikemai

10. Queb

A Brand New Design For A Brand New Journey

Rohit — Thu, 18 Nov 2010 11:18:14 +0000

So here we are, launching our new design with high enthusiasm. CSSReX made its entry to World Wide Web on 25th march 2010. However, web development team of CSSReX is improvising this business from past 7 years.

We have traveled a long and a restless journey to be in the position we are right now and all the credit goes to all our clients who always stood by us in our hard times and inspired us to take a next step forward. I am very thankful to our clients turned friends who appreciated this design a lot by giving their valuable compliments.

Launching a new web design is always exciting and potentially rewarding. We have enjoyed gathering our creativity and technical knowledge to come up with this new design. Expansion is a sure sign of success. Keeping that in mind, we have added some new features to our all new website. Like our “Best on the web“ in which we will be listing best resources about web designing and development. It’s just one fresh addition, you will find many more things once you browse the complete website.

This is just the starting. We are still working on some fresh ideas, so be prepared to get surprised on your next visit to our new Fort.

Stay tuned!

20 Creative And Entertaining “404 error pages”

Rohit — Mon, 04 Oct 2010 12:06:43 +0000

“404 Error Pages”- you might have seen them often while surfing a website. The main reason behind this error is change in URL structure due to which server do not respond properly to your request. Web servers gives you default “404 error page” which is very boring and frustrating and which may also result in the visitor never visiting your website again however, if you have a creative and a cool looking “404 Error Page”, it can save your life. So here I have summed up 20 Creative and Entertaining “404 Error Pages” to take inspiration from, for creating your own “404 Error Page”. Creative “404 Error Page” can even add more beauty to your beautiful web layout

1. Berganblue

2. Bluedaniel

3. BrightKite

4. Cartoon Network

5. Catalyststudios

13. Inspiredology

14. istockphoto

15. Justcreativedesign

30 Beautiful & Inspirational “Coming Soon” Page Designs

Rohit — Thu, 23 Sep 2010 05:58:32 +0000

We can’t deny the fact that “Coming Soon” pages are trailers of your upcoming websites. Design of the “Coming Soon” page helps in increasing credibility of a website irrespective of the fact that it is not launched yet. It also helps in increasing the future traffic and page rank of a website. With the help of Coming Soon pages, users can get in touch with owners of websites via social media links even before the idea behind the web presence is disclosed.

Keeping that in mind, I am going to present 30 beautiful and inspirational “Coming Soon” page designs. Hope you will like it!

1. Accentuate

2. Bluebirdapp

3. Classowl

10. Foundationsix

11. Gearyourfaith