Comparing between css3 and jquery

May 2, 2016 0 Comment

Everyone seems to be discussing the benefits of CSS3 and how it works, and it is understandable. Along with HTML5, the new CSS standard will improve how we design a website, making implementing seemingly simple web elements, actually simple! However, as always with any new Web technology, there are issues with uptake. If we are playing around for awhile with CSS3 then it would be easy to know which browsers that will recognize it and which don’t, for example the still popular IE6 through 8 doesn’t. Fortunately IE9 will.

CSS3 is very easy to learn, especially for typical web developers who have been using CSS2 for many years and simply seek to add a couple of extra aesthetics to their websites. If you know CSS2 then you will simply be building on an already familiar language. You will not have to re-learn anything or adopting a different coding style. CSS3 is also easier to learn because, it is much more logical. CSS in its original form is already very literal, but with lots of various libraries and Javascript functions CSS3 is a lot smaller.


Just like what have been mentioned previously, CSS3 is much smaller. It is tiny in comparison with most web programming languages and you don’t have to incorporate extra Javascript documents to do various tasks, which mean you will be making less HTTP requests and the page loading times will be much faster. Loading times is now factored into the Google SERP to encourage developers offer a better user experience.


CSS3 is easily implemented to a standard stylesheet and you won’t need even one extra file. This means it would not be necessary to link to various files and libraries full of complicated codes in the section. This also makes site management a lot easier as there are less code snippets that can bring unexpected bugs.


It is important, especially if you’re designing sites that are likely going to be visited by many disabled users. CSS3 is already a part of W3C Standards and it is entirely accessible, no matter what tools you’re using to browse the web. Now, accessibility goals are also directed for fully-able visitors. Fully-able users should be able to access the entire website unimpeded by poor design and implementation.


As it stands, the new CSS version doesn’t validate, but that is just because CSS3 is not finished yet. CSS validation does not really matter anyway (except for those who still insist on putting little badges in their page footers).  Of course, it will validate eventually, and we will be happy for that.

Browser Compatibility

Because CSS3 is still very new, JQuery is actually significantly more cross-compatible, particularly with old browsers. Javascript technology has been around for more than a decade and it would be possible to code reasonably well for older but still popular browsers like IE6. CSS3 still offers very limited compatibility to current mainstream platforms. However, a small app called as PIE, may allow Internet Explorer 6 through 8 to render several CSS3 most interesting features.

These include:

  • box-shadow
  • linear-gradient as background image
  • border-radius
  • multiple background images
  • border-image

Although the app doesn’t bring all the potentials of CSS3, it will definitely entice more people to adopt CSS3.


JQuery has been quite popular since its release in 2006, there is plenty of documentation covering its functionality. Of course you can visit the JQuery website, and there are literally many thousands of JQuery tutorials all over the web. It’s nice because a simple Google search may show us ways to apply your ideas quickly.

CSS3 isn’t widely documented yet, although many are talking about it and talking about basics on their websites, but as it’s not yet mature and the information is quite limited.


Certainly, the main argument of this whole article comes down to this: you will find JQuery much more versatile than CSS3. It will do almost everything, plus whole lot more… If you need to put some crazy page animations, really interesting cross-fades, or drag and drop divs, or other innovative things then JQuery is the best choice. Enough said.

CSS3 is developed for a specific purpose, and probably in a few years after some major updates, it may rival JQuery in its versatility. It’s a good idea to start researching and using CSS3 in your site, because as web developers we’re supposed to push the limits of what is possible and not be constrained by discrepancies.

With continuous updates, JQuery will be available in many years from now. With different useful libraries such as Prototype and MooTools, its possibilities are simply infinite.

Al Barsha 1, Yes Business Center, 604, Dubai

Phone:  +971 4 434 4290