20 Free Tools and Resources to Optimize and Design your Website


How to upvalue your website without spending a penny.

The web community offers a wide variety of tools to easily design and upgrade your website with a lot of awesome features. This can save valuable time and make a web appearance more interactive, modern and fun.

1. Add This

Get more traffic with beautifully simple website tools.

alt
(http://www.addthis.com)

2. Metrize Icons

Metrize Icons is a free icon set, it works perfectly for your apps or web projects.

alt
(http://www.alessioatzeni.com/metrize-icons/)

3. Tutorial for Circular Navigation

A tutorial on how to create a circular navigation using CSS transforms.

alt
(http://tympanus.net/codrops/2013/08/09/building-a-circular-navigation-with-css-transforms/)

4. Absolute Centering

We’ve all seen margin: 0 auto; for horizontal centering, but margin: auto; has refused to work for vertical centering. Until now!

alt
(http://codepen.io/shshaw/full/gEiDt)

5. Vector Shapes

Create logos and labels with these free vector shapes.

alt
(http://wegraphics.net/downloads/free-label-and-badge-vector-shapes/)

6. SlimerJS

An open source scriptable browser for web developers.

alt
(http://slimerjs.org/)

7. Login Script

A collection of 4 similar PHP login/authentication scripts for different cases.

alt
(http://www.php-login.net/)

8. Responsive Calculator

A simple calculator to help turn your PSD pixel perfection into the start of your responsive website.

alt
(http://www.rwdcalc.com/)

9. 60 SEO Services Icons

Collection of 60 services icons.

alt
(http://simpleicon.com/set/60-seo-services-icons/)

10. Pleeease Playground

Automatically adds the necessary prefixes to your CSS code.


(http://pleeease.io/play/)

11. Wireframe CC

This can help to easily design a mock-up for your website.


(https://wireframe.cc/)

12. Plunk App

An easy way to test clicks on a mobile phone.


(http://www.plunkapp.com/)

13. Full Screen Responsive Slider

A full screen responsive jQuery image and content slider.


(http://www.egrappler.com/full-screen-responsive-jquery-image-and-content-sliderrslider/)

14. Patternizer

Design your own background with the free patternizer.


(http://patternizer.com/pcc6)

15. Responsive Base Framework

A simple, responsive framework built for all devices.


(http://matthewhartman.github.io/base/)

16. Responsive Pricing Tables

Pricing tables can be a very effective means of displaying information and helping users differentiate the options available to them.


(http://webdesign.tutsplus.com/tutorials/responsive-pricing-tables-using-target-for-small-screens–webdesign-9034)

17. Buzz!

A JavaScript HTML5 audio library.


(http://buzz.jaysalvat.com/)

18. Endless Icons

Flat icons and creative stuff.


(http://www.endlessicons.com/)

19. CSS Loading Animations

In this tutorial you are shown how to make some creative css-only loading animations also known as activity indicators.


(http://tympanus.net/codrops/2012/11/14/creative-css-loading-animations/)

20. IE Alert

The IE7 is not up to date? – I wasn’t aware!


(http://nmsdvid.com/iealert/)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.