In this CSS (2 & 3) round-up article we have focused on highlighting as many varied techniques covering as many aspects of web, mobile and application development as possible. And believe me, it wasn’t easy!
Due to CSS3s current popularity, the volume of new tutorials and fresh ideas has jumped skywards. We simply could not highlight all of the articles and tutorials, there were far too many! What we have done is filtered the round-up down to our favorite 50 tutorials, resources and tools from recent months.

Just to clarify beforehand, this article does not constitute an argument in favour of using multi-line CSS blocks over single-line CSS blocks.

But once in a while I peek at people’s CSS code, or try to follow along with a tutorial discussing some CSS topics, and notice that the CSS isn’t very easy to scan through, and the main problem is often white space, or you could say “breathing room”.

So, I’m going to explain here how I think CSS should be laid out (mostly using examples that incorporate multi-line blocks) for easier readability and scannability.

We know that Javascript with jQuery is being used in web sites and blogs so much in the last few years and okey, it gives great interactivity.But this is not the only way.There is always an alternative and i think CSS is one of them.When you see below examples,you will understand the power of pure CSS and learn how to provide interactivity to your site.

Providing supplementary information about potentially complex elements of a user interface is a central part of any website designer or developer’s workflow in creating usable and accessible websites.

One of the most common mechanisms for providing extra details beyond what you can see on the page is the tooltip (a design pattern for showing tips about a particular element on a screen).

Over the last years we’ve got a pretty good understanding of what CSS does, how it works and how we can use it for our layouts, typography and visual presentation of the content. However, there are still some attributes that are not so well-known; also, CSS3 offers us new possibilities and tools that need to be understood, learned and then applied in the right context to the right effect.

The challenge for any web designer is to create style sheets that are unique, distinctive and can be replicated in a way that will create brand recognition. To that end, the future of CSS typography is an ever evolving and changing field that is constantly being updated, altered, and manipulated to both meets the growing demands of clients and the challenging demands of the market.

Today will discuss about some basic properties of css3. Last week one of our reader asked me to post an article based on css3 basic and advanced properties so today we come up with some css3 basic properties. Border Radius , Box Shadow, Text Shadow, Text Stroke, Radial Gradient, Rotate, Reflection, Resize, Outline …

As a web community, we’ve made a lot of exciting progress in regards to CSS3. We’ve put properties like text-shadow & border-radius  to good use while stepping into background-clip and visual effects like transitions and animations. We’ve also spent a great deal of time debating how and when to implement these properties. Just because a property isn’t widely supported by browsers or fully documented at the moment, it doesn’t mean that we shouldn’t be working with it. In fact, I’d argue the opposite.

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.

In Modern CSS Layouts, Part 1: The Essential Characteristics, you learned that modern, CSS-based web sites should be progressively enhanced, adaptive to diverse users, modular, efficient and typographically rich. Now that you know what characterizes a modern CSS web site, how  do you build one? Here are dozens of essential techniques and tools to learn and use to achieve the characteristics of today’s most successful CSS-based web pages.

Let’s create some interesting image captions using css. To find free photos, check out this article “40 Free Stock Photo Sites”.  The image I selected came from Stock.xchng.  *Please note that the gray border around each example is styling from The Web Squeeze. Your examples will not have the gray border.