Marko Dimitrijević

Scripts you should use as a Web Developer

At the point when making a site there are a considerable measure of things you have to give careful consideration to. The code needs to be clean and the website should look similar no matter what browser a visitor is using. If possible it should be responsive and react to the user’s device and screen resolution. When using new features like HTML5 and CSS3 you have to make sure all the features are supported in all browsers. Luckily there are a ton of extremely helpful scripts out there which disentangle your life when making new pages. The following list gives you an overview over some of the important scripts and should help you create clean beautiful and cross-browser compatible websites.

1. PrefixFree

If you have been struggling with adding vendor prefixes to your CSS3, this is the tool for you. PrefixFree is a very useful script which automatically creates prefixes for CSS properties. So instead of having to write a property for each browser separately you can just write the unprefixed CSS properties.
prefixFree

 

2. html5shiv

HTML5shiv is a library to enable all new HTML5 elements and sectioning in the old browsers and provides basic HTML5 styling.

html5shiv

 

3. Respond.js

Respond.js is a script that enables responsive web design in Internet Explorer 8 and under by allowing the use of media queries.

respond-js

 

4. Modernizr

Modernizr is a feature detection library. It helps writing conditional javascript and CSS depending on which features a browser supports or not.

modernizr

 

5. minify

Minify is a PHP5 app that helps you follow several of Yahoo!’s Rules for High Performance Web Sites. It combines multiple CSS or Javascript files, removes unnecessary whitespace and comments, and serves them with gzip encoding and optimal client-side cache headers.

google-minify

 

6. Bootstrap (front-end framework)

Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. In June 2014 it was the No.1 project on GitHub with 71,000+ stars and 26,000+ forks,[1] with a user base including MSNBC and NASA.

bootstrap

Leave a Reply

Your email address will not be published. Required fields are marked *