Sharebrain » CSS

Professional jQuery Image Gallery – only $27!

unuzero — Thu, 02 Feb 2012 08:54:00 +0000

The regular price for a single site license for TN3 Gallery PRO is $47, but in this deal, you get it for just $27! Or get the multi-site license for just $57 instead of the regular price of $97. That's a savings of more than 40%! You also get one year of top notch priority support - exclusive to PRO users.

CSS3 & jQuery folder tabs

Red — Tue, 31 Jan 2012 23:58:00 +0000

Check this article to learn how to create cool folder tabs using nothing more than pure CSS3. Pseudo-elements and some jQuery (for functionality) are also used here.

Incoming search terms:

folder tabs CSS

A Round Up of the CSS4 Selectors Specification Editors Draft

isJohnny — Tue, 31 Jan 2012 17:51:00 +0000

A round up of what to expect in CSS4, the next step in the cascading stylesheet lineage. This includes being able to select parents(!), and relating objects for easier effects.

Top 10 Premium CSS3 and HTML5 Mega Menus

designmodo — Fri, 27 Jan 2012 12:03:00 +0000

Top 10 Premium CSS3 and HTML5 Mega Menus. In this article I will show you some premium CSS3 and HTML5 only mega menus and the best features that each one has to offer.

Incoming search terms:

premium css html5

Bulletproof CSS3 Dropdown Navigation Menu

azadcreative — Fri, 27 Jan 2012 10:36:00 +0000

A Step-by-step Tutorial on How to Build a Bulletproof Cross-browser Dropdown Navigation Menu with HTML5 and CSS3. In this tutorial, we are going to build a fabulous cross-browser dropdown navigation menu with the help of some advanced CSS3 properties.

CSS3 breadcrumbs

Red — Wed, 25 Jan 2012 08:04:00 +0000

If you have a website with lot of pages and sub-levels, in order to increase usability, you need to use breadcrumbs. Check this tutorial to learn how to create your own cool CSS3 breadcrumbs. Pseudo-elements are also used here.

Useful CSS Cheats To Simply Web Development

Umer — Tue, 24 Jan 2012 17:42:00 +0000

Today we are presenting css cheats for simplify your web development. These cheats can be helpful to saving your time and also can be useful to learn css in an easy way.

CSS3 Tricks: Falling Leaves with CSS only

premiumcoding — Mon, 23 Jan 2012 16:12:00 +0000

In today’s tutorial we will create Falling leaves effect without any help of javascript. When I started playing with CSS3 I never thought that I could make such fascinating animations with it.

15 Premium PSD Templates for December 2011

cpsingh — Mon, 23 Jan 2012 03:24:00 +0000

Each template is backed by support and maintenance by the designers and help would always be available. We have include the links for the screenshots therefore you can have a look at the PSD templates and if you really like some of them then you can go forward and download them directly.

Incoming search terms:

premium psd templates download

16 CSS3 and jQuery Loading Animations Solutions

designmodo — Thu, 19 Jan 2012 09:38:00 +0000

The largest resource of CSS3 and jQuery Loading animations is now in your hands. You will be surprised to see the amazing animated series as we bring for you the best of the run.

CSS3 Tricks: Animated Hover Effects (3D Flip)

premiumcoding — Thu, 19 Jan 2012 01:25:00 +0000

In today's tutorial we will make animated hover effects on images without any help of javascript. In our last example we will even make a simple 3D flip.

Learn How To Display URL After Link With CSS

paulund — Wed, 18 Jan 2012 18:07:00 +0000

We are going to use the :after selector so that we display the URL after the title of the website. The :after allows us to add content after the selected element, so for this example we are going to use.

CSS3 Tricks: Animated Buttons

premiumcoding — Wed, 18 Jan 2012 15:39:00 +0000

We are starting a new column called CSS3 Tricks. In our first post we will show you how to create some simple animated buttons with CSS3 only.

Incoming search terms:

Tricks

Cool CSS headings with pseudo-elements

Red — Mon, 16 Jan 2012 23:29:00 +0000

Whether you’re designing a website or a web application, you’ll need custom styles for headings like h1 or h2. In this article you’ll learn how to create some cool headings effects using CSS pseudo-elements.

Incoming search terms:

cool css headings
css headings

20 Useful CSS Graph and Chart Tutorials and Techniques

designmodo — Mon, 16 Jan 2012 13:01:00 +0000

The CSS3 based charts or graphs are quite simple to create and generate static harts and we could also style them according to our requirements.

10 advantages of CSS in web development

robincole — Fri, 13 Jan 2012 00:12:00 +0000

Web development and CSS go hand to hand for being strongly correlated with each other and complementing them superbly. Web pages are easily handled with the use of Cascading Style Sheets (CSS) during the web development process.

50 Excellent CSS3 Techniques and Tutorials for Beautiful Design

designmodo — Wed, 11 Jan 2012 22:20:00 +0000

The CSS3 Tutorials and techniques can be proficiently functioned using markup, HTML, and some improved properties of CSS3. CSS3 Tutorials and Techniques will bring new age animations and designs.

CSS Image Reflection With Webkit

paulund — Tue, 10 Jan 2012 20:20:00 +0000

Before CSS this had to be done by adding the reflection in the images, by using an image editor such as photoshop or gimp, and then there was javascript alternatives to add an image reflection. But now the people at webkit have put this feature into CSS by just using one line.

Incoming search terms:

css reflect image

Just another CSS3 menu

Red — Tue, 10 Jan 2012 03:40:00 +0000

In this article you’ll learn how to create a simple and clean CSS3 menu in just a few steps. I know, there are so many CSS3 menu tutorials in the wild but I hope you will love this one also.

Incoming search terms:

css3 menu

Learn How To Create Drop Cap Letters In CSS

paulund — Mon, 09 Jan 2012 11:59:00 +0000

CSS allows you to add a property :first-letter which as you can guess allows you to style the first letter of the element. Therefore you can add this to all paragraph to create drop capitals on all paragraphs.

Why to prefer Magento for Online Store?

norrisgill — Mon, 09 Jan 2012 01:03:00 +0000

Running an Online Store is turning into a great point of money generation with less efforts. Setup an ecommerce Website - Magento, an open source, ecommerce system is famous shopping cart based on PHP and Zend Framework.

Incoming search terms:

why to prefer magento for online store?

Designing a Clean Website: Gradients

unuzero — Fri, 06 Jan 2012 13:56:00 +0000

This is our third installment of how to design a clean a minimalist website. First we looked at navigation and how to make an accordion style drop-down menu with pure CSS3. Then we moved on to laying the site out and went over rounding corners and applying drop shadows with CSS3.

How To Create Stitched Look in CSS

paulund — Fri, 06 Jan 2012 12:22:00 +0000

The current trend in web design is textures with vintage design. One of the main aspects of this design is the use of stitches in your design, this used to have to be done using an image but thanks to CSS3 and some inventive use of these features you can create a stitched look just by using CSS. In this tutorial you will learn how you use CSS it create the stitched look on buttons for your site.

Incoming search terms:

stitched css
stitched website design
stitches css design website

Simplify Web Development Using Ultimate CSS Cheats

hypesol — Sun, 01 Jan 2012 00:45:00 +0000

Today we are presenting css cheats for simplify your web development. These cheats can be helpful to saving your time and also can be useful to learn css in an easy way.

Awesome CSS3 animated header

Red — Sat, 31 Dec 2011 10:00:00 +0000

You can now create stunning animations with CSS3. But, I bet you know that. The keyword when it comes about CSS3 animations is the CSS3 @keyframes rule and in this article you will learn how to create an awesome CSS3 animated header using it.

Incoming search terms:

animated header css
creating awesome headers css
css3 headers
header css

How to Create CSS3 Borders – CSS3 Handy Techniques

amir9ice — Thu, 29 Dec 2011 05:05:00 +0000

In this helping and creative technique based article where we are using CSS3 (Cascading Style Sheets), these are useful methods which we can use in website development, in this modern web development era we should get control on these kind of advanced development tricks. I think this is not last end of sharing basic tips and tricks of css3, we’re preparing more tricky posts for you near future, please share your user experience for motivation.

Incoming search terms:

create css3 borders

CSS and mobile device orientation

Thomas — Thu, 22 Dec 2011 13:40:00 +0000

As frustrating as dealing with mobile device orientation can be for event handling, it’s very easy with CSS.

For example, it is entirely feasible to rotating the screen to display alternate content within your mobile web app.

Let’s create a small sample document.

Incoming search terms:

alternate css device orientation
css device orientation
css orientation mobile

Easy Cross-Browser CSS3 Rounded Corners

Daniel Shamburger — Wed, 21 Dec 2011 07:40:00 +0000

One of the most useful of CSS3′s features, in my opinion, is rounded corners. By simply adding a quick line of style to any element, you can take a fairly boring design and “bring it to life”. Before the advent of CSS3, this was a bit painstaking to do using a background image.

Head over to Code Chirps for complete tutorial.

Meet the CSS4 selectors

Red — Wed, 21 Dec 2011 02:20:00 +0000

You may already know that, when speaking about web development, CSS3 and HTML5 are the two main buzz words. This matter might change in the future because, almost two months ago, the latest CSS Selectors Level 4 Working Draft was released by the World Wide Web Consortium (W3C).

In this article you’ll find out some interesting stuff about the new CSS4 selectors.

How To Build A Pricing Table With CSS3 Animation

paulund — Tue, 20 Dec 2011 20:52:00 +0000

This tutorial is will teach you how to create a CSS pricing table with the CSS scaling effects, using CSS3 feaatures transform. There is a hover effect to expand the current selected column.