We felt it would be nice to share with you our favorite Questions and Answers, and ask you: “Have you asked a question yet?“

Would I Possibly Be Able To Know What Language My Websites Visitors Use?

This question was asked by Rollback999:

Answer from Themans?:

“Sure! This is mostly used for detection and then translation of a webpage.

Function getPreferredLanguage() {
$langs = array();
if (isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
// break up string into pieces (languages and q factors)
preg_match_all(‘/([a-z]{1,8}(-[a-z]{1,8})?)s*(;s*qs*=s*(1
0.[0-9]+))?/i’,
$_SERVER['HTTP_ACCEPT_LANGUAGE'], $lang_parse);
if (count($lang_parse[1])) {
// create a list like “en” => 0.8
$langs = array_combine($lang_parse[1], $lang_parse[4]);
// set default to 1 for any without q factor
foreach ($langs as $lang => $val) {
if ($val === ”) $langs[$lang] = 1;
}
// sort list based on value
arsort($langs, SORT_NUMERIC);
}
}
//extract most important (first)
foreach ($langs as $lang => $val) { break; }
//if complex language simplify it
if (stristr($lang,”-”)) {$tmp = explode(“-”,$lang); $lang = $tmp[0]; }
return $lang;
}

Source: www.barattalo.it“

How Can I Redirect Mobile Users?

This question was asked by Heri Setiawan:

Answer from Joel Reyes?:

“If you’re looking to redirect users that visit your site on a mobile platform then you can embed this within your html file. It’s a very simple JavaSript code.

<!–
if (screen.width

All you have to do is simple replace the mobilevs.php with the location of your sites mobile version.”

Answer from Heri Setiawan?:

“Hi joel. That’s nice trick. But i recommend to use this PHP mobile detection, as it can be used to detect any mobile platform, like Windows Mobile, Blackberry, Opera Mini, Android, Iphone, etc.

Found it here, and official site here.”

How Do I Protect My Email Addresses On My Blog?

This question was asked by Themans:

Answer from Autobots?:

“If you’re trying to run a more secure enviornment by protecting/encrypting emails then you can use the following script to protect against bots and spyders.

Code:
function hide_email($email) { $character_set = ‘+-.0123456789@ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz’; $key = str_shuffle($character_set); $cipher_text = ”; $id = ‘e’.rand(1,999999999); for ($i=0;$i”+d+”"‘; $script = “eval(“”.str_replace(array(“\”,’”‘),array(“\\”,’”‘), $script).”")”; $script = ”; return ‘[javascript protected email address]‘.$script; }

Source: www.maurits.vdschee.nl“

How Can I Customize My UL List?

This question was asked by Themans:

“UL Lists are for the most part the same, there is rarely much you can do when it comes to customizations beyond the links, text color, etc. However, here’s a script that will create a simple slide-out effect for your UL lists. Enjoy!

Create an ID section in your CSS. We then place the following as your HTML:

• Playstation | Hide
• iPod Touch | Hide
• XBOX 360 | Hide
• Nokia N97| Hide
• Dell Inspiron | Hide

Now we need some JavaScript code to allow the Slide-Out effect to take life:

window.addEvent(‘domready’, function() {
/* From the list with ID myList, for each li element of the list…: */
$(‘myList’).getElements(‘li’).each(function(e){
/* …get the ID of the selected item */
e.getElement(‘a’).addEvent(‘click’, function(listID){
/* Enable Fx.Slide effect for the selected item */
var list_element = new Fx.Slide(listID);
/* Enable slideOut() effect */
list_element.slideOut()
}.pass(e.id));
});
});

Source: woork.blogspot.com“

What Books Do You Recommend For A Beginner To Kick Off The Start Of Learning Web Design?

This question was asked by Shu:

Answer from Heri Setiawan:

“These may help beginner:

Principles Of Beautiful Web Design
Adobe Photoshop CS3 Classroom in a Book
XHTML And CSS : A Web Standards Approach   <- this one is awesome
The CSS Anthology : 101 Essential Tips, Tricks & Hacks
WordPress Theme Design (here is the newer version)”

Answer from Cy Klassen:

“HTML and CSS Web Standards Solutions: A Web Standardista’s Approach.
HTML Dog: The Best-Practice Guide to XHTML and CSS.
The Zen of CSS Design (see css Zen Garden).”

What Next for Design Reviver Answers?

Michael Lajlev asked us this question: Please Make An Option For Showing If A Topic Is Resolved And How Many Comments Is Made To A Q?. Its a fair question and this is our answer:

“Thanks for the suggestions Michael, we will be adding the number of answers onto the question pages shortly. At the moment we don’t have any plans to close questions (and mark them resolved) I know some Q&A sites like yahoo answers have that system so it might be something for us to add in the future.”

If anyone else has any suggestions or ideas on how we can improve the site, we would love to hear from you.

Thanks again, firstly to everyone who asked a question, but most importantly thanks to everyone that took the time to offer always helpful and useful answers.

Today’s news does not answer that question, what it does is give you an opportunity to break away from the norm, to kick back and enjoy this collection of not resourceful, but insightful articles on web design for web designers. No work required, just good reading!

How to Grow as a Web Designer

Getting in a rut is often the result of not staying up to date with the latest trends and technologies in the industry. Even if we do stay up to date, many of us at one time or another feel anxious about whether we’re advancing.

If you’re at a firm, you may be working towards a raise or promotion, or perhaps you’re thinking of jumping ship to a bigger and better company.

For the freelancers out there, you of course determine your own destiny; but far too often our careers feel stagnant, too.

This article goes over some insightful ways to reignite your growth as a web designer.

How to Grow as a Web Designer

The Principle of Contrast in Web Design

A web design is made of many different elements, each having varying levels of importance and some demanding prominence over others.

Some elements share a relationship, while others are not related at all. The tricky part is being able to communicate this visually and effectively. This is where the principle of contrast comes into play.

The Principle of Contrast in Web Design

Better User Experience With Storytelling

Today we communicate a bit differently from days gone by. Our information is fragmented across various mass-media channels and delivered through ever-changing technology. It has become watered down, cloned, and is churned out quickly in 140-character blurbs. We’ve lost that personal touch where we find an emotional connection that makes us care.

Using storytelling, however, we can pull these fragments together into a common thread. We can connect as real people, not just computers. In this article you’ll explore how user experience professionals and designers are using storytelling to create compelling experiences that build human connections.

Better User Experience With Storytelling

User Experience Of The Real Time Web

There has been much talk about all of the businesses that are sprouting up in regards to the real-time web. But, it can be confusing for the user because there is so much out there. They key for users is to first recognize what they are looking to do on the real time web.

Once that is known, it is important to know where to go to get the information that is being looked for. The rewards can be plentiful as the real time web offers outstanding resources once the user becomes experienced with how to use it.

User Experience Of The Real Time Web

How to Make Money as a Freelance Designer

Despite the glamorous reputation, freelance design is no walk in the park. It takes an incredible work ethic, significant entrepreneurial prowess, and a little bit of insanity to pull it off effectively. This article will discuss how to effectively make a living as a freelancer (designer or otherwise).

How to Make Money as a Freelance Designer

By Paul Andrew (Speckyboy and speckyboy@twitter).

This is Ajax, a powerful web-based scripting language that stands for Asynchronous JavaScript and XML. It’s main use is to allow an application to communicate with a server without having to refresh your web page.

Within this article we’ll discuss a variety of ways for you to embed AJAX into your web designs, we will also touch base on how they can benefit you.

Web Forms and Validation

Working with forms for the most part can be a hassle, however, using AJAX you can develop much better web forms with several features such as validation. You can also use AJAX to set-up fields that are auto-complete and call onto a server to cross reference if a user name (i.e.) has been taken or not.

AJAX can be utilized for the entire process of entering and submitting details on a web form. Another common use for AJAX in web forms is the measurement of a passwords strength, or the instant-communication with a user if a field is missing certain details.

Examples and Resources

• jQuery for Designers – Ajax Form Validation Example
• Check If User Name Exists Using AJAX And C#
• Real-time Form Validation using Ajax
• Build Your Own AJAX Web Applications
• An AJAX contact form

Interacting With Users Through Updates and Notification

AJAX can also be used to diversify the way a system or database interacts with a user. For example let’s take a look at Twitter, this social phenomenon took rise and became extremely popular not just because of the service it offers, but also due to the simple and super-functional web interface.

When you’re viewing tweets and you’ve been staring at the same page for a couple seconds, Twitter uses AJAX to send you a small notification of how many new tweets there are, all without having to refresh the page.

Where-as other scripting languages require you to refresh the page before you can view any changes. This is now called the “Reverse Ajax Technique”. You can implement this sort of functionality into your applications as well, it’s just a matter of finding the most effective way to accomplish it.

Examples and Resources

• Reverse Ajax Technique
• Twitter

Instant Messaging and Chatting

Chatting and Instant Messaging through the browser has opened doors for new technologies and applications (such as Twitter, and Facebook), however, what made them standout was their ability to relay information back and forth at an instant without having to open a new window or load a new page.

The way AJAX is used in instant messaging or chatting is these apps update the server by letting it know that you have sent a message/said something and they also check the server at certain intervals to see if you’ve received a new message.

Another way IM and Chat Rooms use AJAX is by updating your profile or user interface with the new message that was delivered after it checked the servers and found a new message.

Examples and Resources

• Aim Express
• Kool IM
• Easy Messenger
• Meebo

“Collaborative” Graphical User Interfaces

With the rise of new and “improved” design trends you really have to use some heavy artillery to have your user interface stand out from the rest. What artillery may be this be (you ask)? Why AJAX of course! With AJAX we can develop not only cleaner and much more functional interfaces, but we can create features that can make a user feel like a kid in a candy store.

You can virtually accomplish more on a single page then on any other number of pages put together. Your web applications will look good, but it they will also feel good with increments of speed. AJAX simply makes things faster for users. Using AJAX can also limit the number of requests to a server which ultimately reduces bandwidth and speeds up the loading of your web pages.

One application that stands out from the heard is Google Maps, the interface is simple, maps load fast (may somewhat depend on your Internet Connection), and you feel as though you have full control over the application. Thumbs up for Google.

Examples and Resources

• Google Maps
• AJAX Interface Design
• Desinging User Interfaces with AJAX
• Better Web-App Interfaces with AJAX

Adding External Widgets

Most sites use widgets calling for an external source for monetary reasons such as ads or for displaying RSS feeds, and updates via Twitter. Because when you’re using AJAX, whatever page that’s using the JavaScript is not limited to whichever server it’s located on.

With AJAX you can call on a server at anytime (24/7). And because of this, a variety of sidebar plugins for CMS’s like WordPress, Joomla, and Drupal (to name a few) can be used. A good example of an external widget utilizing AJAX is Google Adsense and Google’s Ajax Feed API.

Examples and Resources

• Google’s Ajax Feed API
• Building Efficient Widget Container Using Ajax
• Creating an AJAX Rating Widget

Got a question about this article? – Ask it here!

In today’s news round-up we have five fresh tutorials that are both easily recognizable and certainly well designed.

How To Create a Detailed Apple iPad Icon in Photoshop

The Internet world exploded with the news of the Apple tablet launch last week. Named the iPad, it’s set to bring yet another revolution to the way people access and browse the web. An iPad icon would be a sensible addition to any web designer’s resources toolbox, so let’s fire up Photoshop and create our very own detailed iPad icon graphic.

How To Create a Detailed Apple iPad Icon in Photoshop

How to Create a Shiny Paint Bucket Icon

Learn how to create a simple three-dimensional icon of a paint bucket, complete with paint splotches, with this colorful tutorial. Harnessing the power of paths, layer effects and consistent lighting you'll obtain an effective, shiny icon.

How to Create a Shiny Paint Bucket Icon

Design Monitor Icon in Photoshop Video Tutorial

Design Monitor Icon in Photoshop Video Tutorial

How to Make a Professional Buddy Icon in Photoshop

In this intermediate-level tutorial, you'll be shown how to make an awesome icon from scratch using Photoshop. You will need basic knowledge of Photoshop and familiarity with the Pen Tool (P).

How to Make a Professional Buddy Icon in Photoshop

How to Create a Photo Frame Social Icon Set in Illustrator Tutorial

In this Illustrator tutorial you will learn how to create a social bookmarking icon that is wrapped in a photo frame and might just be good enough to hang on your wall.

How to Create a Photo Frame Social Icon Set in Illustrator Tutorial

By Paul Andrew (Speckyboy and speckyboy@twitter).

We have simply been overwhelmed by the response from the design community, it has more than beat our expectations and we very much appreciate the support from everybody.

Some Impressive Stats

Up to date we have 255 new members, over 120 questions have been asked and a staggering 370 answers have been given.

Wordpress, to be expected, has been the most popular topic/tag, closely followed by CSS and then by the sometimes tricky jQuery.

Heri Setiawan has been our most prolific member, by answering 29 questions (290 points). Next there is Cy Klassen with with 2 questions and 21 answers (210 points), and closely followed by Benjamin Alijagic with 20 questions (200 points).

How many points do you have?

Some Examples of the Impressive Questions and Answers

All of the questions, from all our members have been constructive and varied, resulting in intelligent and useful answers, here are some examples:

Unanswered Questions

Surprisingly there are still a handful of questions that have as yet been unanswered, could you help us? Here are some of the questions:

• Has Javascript Reached A Point Where Flash Is Unnecessary For Web Design?
• How Can I Create A Auto-Email Reminder With Date And Time?
• How Can I Properly Load An Xml File?

Help us get better

We would love to hear what you think of our new service, how can we improve it? What new features would you like?

Please leave your thoughts via the comments below.

Again, thanks to everyone for the support.

In today’s news round up we have collected some color related articles, some tools for your inspiration and learning.

Color Theory for Designers, Part 1: The Meaning of Color

Color in design is very subjective. What evokes one reaction in one person may evoke a very different reaction in somone else. Sometimes this is due to personal preference, and other times due to cultural background. Color theory is a science in itself.

This is the first in a three-part series on color theory, were the author discusses the meanings behind the different color families, and gives some examples of how these colors are used.

Color Theory for Designers, Part 1: The Meaning of Color

25 Color Combination Tools for Designers

There are a lot of online tools to help create a beautiful color combination. They all vary slightly to suit each designers with different preferences on how they work. In this article they collected together 25 of the best color tools, with a quick overview on each to help you decide which is best for you.

25 Color Combination Tools for Designers

Colorgorize the Web

The first version of Colorgorize was published in 2007 as a project at the University of the Arts Bremen, Germany. Back then, Colorgorize was a Firefox add-on that could display similar colored websites to the website currently opened. Colorgorize has since changed to a website recently to allow it to reach a bigger audience. Today, thousands of websites are already analyzed and can be searched by colors.

Colorgorize the Web

What If Computer Graphics Ran Under Crayola's Law?

What If Computer Graphics Ran Under Crayola's Law?

By Paul Andrew (Speckyboy and speckyboy@twitter).

With PHP you’re rarely limited to functionality and restrictions, if you can code it, you can build it. Below we’ll touch base on 5 Interactive and Creative Uses for PHP web and desktop oriented.

Graphical User Interface

There are instances were web developers make the switch from only knowing how to create apps for the web, to building desktop applications. And they use PHP as a transitional vehicle since many are already familiar with the programming language.

Creating a GUI made for your desktop requires extensive knowledge of PHP and various extensions. Once you’re able to really master the language by coding for desktops, designing for the web using PHP will be much easier.

Here are a few PHP extensions to get you started:

• PHP GTK – This is an open source extension with a nice toolkit.
• ZZEE PHP GUI – This solution allows you to convert your PHP scripts into functional Windows applications.

Building Facebook Apps

You can utilize PHP to integrate Facebook with a website. Before you begin developing Facebook applications with PHP you must first become acquainted with Facebook’s Developer Guide. It’ll help you get a much better feel of what you need to get started, and it also goes in-depth on the Facebook PHP client library subject.

It also provides detailed instructions on how to install and utilize the files included within the library. This is definitely a great resource to check out, especially if you have or plan on having clients that may want you to build a Facebook application for them.

Creating Mailing Lists

With PHP you can write your very own script allowing you to send e-mail newsletters to your clients and anyone else you’d like. You can also use a ready-made script. PHP mailing lists are generally used as a way to keep your anyone you’d like up-to-date with whatever information you need them to know.

The most important feature is mass mailing. This PHP online documentation explains PHP mailing functions in-depth. You can also download all-ready made scripts such as this one for your website.

Online Communities

A good way to promote and create self-awareness for your business, product, or service is to make your customers and users feel as though a supportive community has their back. You can create a forum, or a small social network that will allow your customers to interact and find out more about your products.

Many times a users is looking for a quick and effective median to receive quality support, creating an online community can reassure the user that choosing your service was/is the best choice. It will also help you receive feedback so that you’re able to improve the quality of your service.

There are various scripts available for building your online community, however, the most popular choice would be a PHP Framework such as Codeigntor or CakePHP. You can also use a variety of PHP tools that are efficient in their own ways, here are a few: php BB, vBulletin, and Pun BB.

Developing an E-Commerce

Implementing an E-commerce solution is one of the most sought-out uses for PHP. No matter the level of business or type of client base you may be pulling, having an E-Commerce solution at your fingertips is a powerful way to grow your business.

Of course, most of the effective solutions you’ve come across utilize PHP for its accuracy and stability. Whether you’re building from scratch or you’re adding new features to an existing one, PHP is the logical choice.

Building your own shopping cart application means you’ll be doing a lot of coding, especially if your creating one entirely from scratch. One of the best ways to successfully accomplish this is to use a framework (as mentioned above) such as CodeIgniter or CakePHP. CakePHP has a bakery section that contain a large selection of extensions and features for E-Commerce developers. You can integrate various payment solutions as well.

Thanks to all of those developers for making our life easier!

30 Stylish jQuery Tooltip Plugins For Catchy Designs

Tooltips can be an important factors on a web site,although little and not always visible, they do offer so much. Although important, they also happen to be a very badly misunderstood and a poorly implemented component.

30 Stylish jQuery Tooltip Plugins For Catchy Designs

45 jQuery Navigation Plugins and Tutorials

As many of us know, the initial 15-20 seconds of a new user’s visit to a web site will have a large impact on whether on not they are going to like or dislike the site, prompting them to decide whether they will stay or go. This means it’s vital that you follow usability rules with common design practices and layout your site, especially the navigation, in a style that the user can either learn easily or already understands.

The biggest part of this process is developing a menu that is both easy to use and intuitive, as well as styling it to fit into your site’s design. Having said all that, an easy-to-use menu should not put the shackles on creativity.

In this article they’ve listed 45 jQuery plugins and tutorials that demonstrate not only how powerful jQuery is, but also how your website’s navigation can be both creative and usable.

45 jQuery Navigation Plugins and Tutorials

25 jQuery Plugins for Working with Forms

Almost every website uses a form of some kind. Contact forms and other types of forms can be enhanced with the use of a number of jQuery plugins that are readily available. In this post they feature 25 useful plugins that you may be able to use in your own work with forms.

25 jQuery Plugins for Working with Forms

By Paul Andrew (Speckyboy and speckyboy@twitter).

Animation on websites has gone a long way, some time ago everything and anything that had movement on a website was automatically categorized as Flash, now we have these different technologies that have raised the standard and have broken the mold. One of these key technologies is jQuery, and with the powerful scripting language that it represents (JavaScript) you can do amazing things.

This trend of progress is more than heartwarming, it’s amazing, and this is why we’ve compiled a hand-picked list containing 20 Easy-to-Learn jQuery Animation Tutorials that are truly amazing! Have we missed any? If so, please share with us below.

Moving Boxes Carousel with jQuery

This is a simple jQuery tutorial will not throw a lot of source code your way. The carousel has features that allow you to zoom in and out. The boxes slide left or right.

Demo

Building an Animated Cartoon Robot with jQuery

The robot is comprised similarly to the background animation scene by layering several DIVs together to create the different robot pieces. The final step, was animating the robot with some jQuery.

Demo

Crafting an Animated Postcard With jQuery

Sam Dunn of Build Internet, wrote a tutorial on how to create an animated landscape using transparent images. The tutorial is based on the jQuery Easing plugin to aid the animation and the setTimeout() JavaScript function to time the events respectively.

Demo

Accessible Charts & Graphs from Table Elements using HTML 5 Canvas

This technique provides a simple method for generating bar, line, area, and pie charts from an HTML table, and allows you to configure them in a variety of ways.

Demo

Animate a Hover With jQuery

Animate an image while hovering it and show the visitors information while doing that. Sounds simple huh? Well it is, but the effect is nice and can be nice for a portfolio, for example.

Demo

Puffing Smoke Effect in jQuery

This tutorial by Gaya Kessler features a beautiful animation effect of cartoonish smoke emanating from factory smoke stacks. You will be supplied a configurable jQuery plugin with instructions based on Gaya’s own site’s header, this way you can see the tutorial example first hand.

Demo

How To Create A “Mootools Homepage” Inspired Navigation Effect Using jQuery

The menu on MooTools is exceptional, and this tutorial covers how to create a similar one. It’s an amazing effect.

Demo

Build An Incredible Login Form With jQuery

This tutorial, guides you in creating a sliding panel, that slides in to reveal more content, using JQuery to animate the height of the panel. You incorporate these features into your sites login area.

Demo

jQuery Infinite Carousel

This screencast explains how you can create a simple and nice scrolling carousel and how you can also make it automatically loop round by itself.

Demo

Create an Amazing Music Player Using Mouse Gestures & Hotkeys in jQuery

This tutorial helps you create an amazing music player coded in xHTML & jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse.

Demo

Learning jQuery: Revealing Photo Slider

This revealing photo slider is great, it’s perfect for portfolios and photography sites. The entire structure of the slider is coded in JavaScript and CSS.

Demo

Animated Drop Down Menu with jQuery

Drop downs are a dime a dozen these days and creating one that stands out is a bit hard. However, with this animated jQuery tutorial you will be guided on how to create one that works with jQuery. After you finish the tutorial you will know how to create your very own jQuery powered menu.

Demo

Multiple Animations with Glimmer

Glimmer is a JavaScript animation creation tool that lets you create amazing animations. By visiting the site you’ll be able to see a variety of examples with code.

Demo

How to Load In and Animate Content with jQuery

This tutorial will allow you to enhance the functionality of content on your site using  jQuery and a bit of ajax so that the content loads into the relevant container instead of the user having to navigate to another page.

Demo

Create a Parallax Scrolling Background

In this tutorial, you will be  be using jQuery to take a horizontally scrolling website and add a parallax scrolling background effect reminiscent of old-school 2D platform games like Sonic the Hedgehog.

Demo

Create a Stunning Sliding Door Effect with jQuery

This tutorial includes detailed explanation that will guide you through the process of learning how to make a stunning four corners sliding effect easily with jQuery.

Demo

The youlove.us Scrolling Background Effect Explained

The technique is actually a lot simpler than it looks, it’s based around scrolling a very tall gradient image behind some transparent PNG images. The header image (with our logo, strapline and the laptop) has a transparent background and solid text, while the main page is actually an image with the heading text as transparent cut outs.

Demo

Make Your Header Responses To Mouse Movements with jParallax

jParallax turns a selected element into a window, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.

Demo

“Outside the Box” Navigation with jQuery

Just about every website uses the regular navigation concepts everyone’s used to. But since this can become boring to veiw, tutorials such as this one mimicking the OS X dock and stacks is the bi-product.

Demo

Re-Create the Leopard Desktop with jQuery

jQuery adds a whole lot of cool functionality to your websites. It can do a range of things, from animation to AJAX. With this tutorial you will learn how to use jQuery to create a completely coded Dashboard, just like Leopard! This can be handy in hiding widgets, links with icons, and more.

Demo

How To Create an IE-Only Stylesheet

Hacks are dangerous, since they are based on non-standard exploits, you can’t predict how they are going to behave in future browsers. The tool of choice for fighting IE problems is the conditional stylesheet.

IE provides comment tags, supported all the way up to the current IE 8 to target specific versions, as well as greater-than/less-than stuff for targeting multiple versions at once.

How To Create an IE-Only Stylesheet

CSS Transitions 101

Transitions have been a part of Webkit for a while and are the basis of a lot of the cool things that the Safari UI can do that other browsers cannot. But the W3C CSS Workgroup resisted adding transitions to its official specs, some members arguing that transitions are not style properties and would be better handled by a scripting language.

But many designers and developers argued that these are in fact styles— only dynamic styles, rather than the traditional static styles that so many of us are used to.

Fortunately, the argument for dynamic styles held the day. Last March, representatives from Apple and Mozilla began adding the CSS Transitions Module to the CSS Level 3 specification, closely modeled on what Apple had already added to Webkit.

CSS Transitions 101

CSS Transparency in All The Browsers

There are many many cross-browser issues and transparency is one of those weird issues that crops up more than most. All the browsers do treat transparency in different ways, and to overcome this issue we need to define three different properties to cover all browsers.

CSS Transparency in All The Browsers

12 really useful CSS tools

Working on a website’s CSS can be quite an enjoyable job. However some of the tasks aren’t always fun. This is why there are tons of cool CSS tools and apps, to make your life easier and keep web designers’ work bearable.

12 really useful CSS tools

By Paul Andrew (Speckyboy and speckyboy@twitter).