30+ useful sites for web developers

  • Share
  • Share

Both web development and web designing is challenging. The main goal is to produce the best work possible for the short period of time. But without specific tools web development process will drag on. So today we`d like to share with you 34 websites that will  make your web developer life easier.

1. LayerStyles v 0.1. Just like your favorite graphics editor but in your browser. And it creates CSS.LayerStyles v 0.1

2. HSL Color Picker.HSL Color Picker

3. Spritemapper is an application that merges multiple images into one and generates CSS positioning for the corresponding slices.Spritemapper

4. Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size.Skeleton

5. Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards.Normalize.css

6. All Font Tester. This webapp tests a given piece of text with all the fonts on the computer at once.All Font Tester

7. Grid Layout Generator – DIV Design.Grid Layout Generator - DIV Design

8. ScriptSRC. net. The most current library script tags just a mouse click away.ScriptSRC. net

9. HTML5 Snippets.HTML5 Snippets

10. resizeMyBrowser.resizeMyBrowser

11. Columnal. A responsive CSS grid system helping desktop and mobile browsers play nicely together.Columnal

12. Web font hosting services.Web font hosting services

13. G5 Framework is a HTML5 website starter framework packed with some essentials for every new project and sprinkles of PHP & jQuery.G5 Framework

14.  Page Speed Online. Get suggestions to speed up your site.Page Speed Online

15. Holmes is stand-alone diagnostic CSS stylesheet that can highlight potentially invalid, inaccessible or erroneous HTML(5) markup by adding one class.Holmes

16. LoremPixum. Placeholder Images for every case.LoremPixum

17.  CSS3 Patterns GalleryCSS3 Patterns Gallery

18. Pixel Proliferation: A Toolset For Managing Screen Resolutions.Pixel Proliferation: A Toolset For Managing Screen Resolutions

19. Fontself is a brand new Web Fonts Platform. Bringing personal creative fonts to your world.Fontself

20. font-face kit generator. font-face kit generator

21. HTML5 & CSS3 SupportHTML5 & CSS3 Support

22. Adapt.js – Adaptive CSS  is a lightweight (845 bytes minified) JavaScript file that determines which CSS file to load before the browser renders a page.Adapt.js - Adaptive CSS

23. WhatFont Tool is the easiest way to find out the fonts used in a webpage.WhatFont Tool

24. loads.in tests how fast a webpage loads in a real browser from over 50 locations.loads.in

25.  3D Ribbon Generator.3D Ribbon Generator

26. CSS Pivot. Add CSS styles to any website, and share the result with a short link.CSS Pivot

27. CSS3 files – CSS3 properties accurately explained.CSS3 files

28. Modular grid pattern.Modular grid pattern

29.  Initializr is an HTML5 templates generator to help you getting started with an HTML5 project.Initializr

30. Stella – Is your site fast?Stella

31. Whiteboard is a free wordpress framework.Whiteboard

32. CSSReset. All the most common CSS Reset scripts in one place, with complete documentation, guides and tutorials.CSSReset

33. The Photoshop etiquette Manifesto for web designers.The Photoshop etiquette Manifesto for web designers34. Kuler lets you pick color schemes for your site. Kuler

About the author

Co-founder of land-of-web.

3 Comments

  1. Brian says:

    Great article – thanks for the share , very useful !

    Reply
  2. rapzzody says:

    Thanks for this article, really big big help.

    Reply

Trackbacks for this post

  1. Must Read Links for Web Designers and Developers – Volume 16 | Tech King

Leave a Comment