Do you remember what Yahoo looked like back in late 90s? I’m sure you would agree that Yahoo’s website along with countless of other websites have improved both visually and functionally.  This is thanks to the continual development of JavaScript and CSS in the past 2 decades.

Cascading Style Sheets (CSS) enables Ready Artwork’s expert programmers to modify the look and formatting of a webpage with ease. CSS allows us to change font sizes, colors of elements, background images, and other visual enhancements with some simple markup language.

JavaScript, on the other hand, allows us to make a custom website much more interactive without the use of Adobe flash.  Flash has been around since 1982 and because of it’s heavy progamming language is generally not supported by modern mobile browsers. Ready Artwork can add interactive elements such as image sliders, popup galleries, and Google Maps to your business website design with the help of JavaScript codes and plugins.

So how is CSS3 and the modern JavaScript related to css and old JavaScript? Well, as most of you can guess from the similarities of both names, CSS3 is a group of backward compatible modules that adds new capabilities or extends some of the features defined in CSS2, which means it is compatible to all the previous CSS generations. Furthermore, CSS3 shifts some of the interaction effects and animations from JavaScript back to a style sheet language, separating visual/presentation parts of the website from structure and function.

CSS 3 Is So Cool!!!!

You might be wondering why we need CSS3 when we already have CSS and JavaScript.  There are several reasons behind this. For one, it is much easier to maintain a website with CSS language rather than JavaScript. Another is that CSS3 is a much simpler language to code compared to JavaScript.  With shorter and simpler codes, your website will load faster because it uses less resources. An animation function that takes JavaScript hundreds of lines will only take several lines for CSS3 to do. Ready Artwork can easily add box shadows, text shadows, and even multiple background images onto your web design without using complex JavaScript code.

C
S
S
3

One of the major disadvantages of using CSS3 is that not every browser supports it because it is still new and in development. Newer versions of Chrome, Firefox, Safari, Opera, IPhone and Android browsers support most of the CSS3 features.  If you are using Internet Explorer 8 and below, your browser will most likely not support CSS3.  To work around this issue, Ready Artwork does not use CSS3 on core features that will affect the usability and layout of a website.  That way when a user visits your website with a browser that does not support CSS3, he or she can still view your website without difficulties. Our developers can build your website to detect whether or not a browser supports CSS3 and switches to JavaScript instead.

CSS3 provides web users with a major boost in visual experience while improving performance from traditional JavaScript. Although not all CSS3 features are supported by browsers, more browsers will support CSS3 as technology advances. If you are unsure on how to use CSS3 but want to get a head start with a CSS3 website, contact Ready Artwork and we will assist you!

And yes… all the awesome animations in this article are done with CSS3. If you are seeing something moving in this article, congratulations! Your browser is up to date! (Probably not IE…?)