Skip to main content

Useful Web Developer Tools


Keeping these links for future references:

1. EnjoyCSS - an advanced CSS3 generator that saves your time. Its handy and simple UI allows you to adjust rich graphical styles quickly and without coding.

2. ComSlider - Free Online jQuery Slider, jQuery Slideshow Gallery. Fancy transition and visual effects, templates. No coding, no image editing, no learning curve, no software to download, no jQuery conflict.

3. Typetester - an online application for comparing how different fonts and font attributes will appear on a given set of text.

4. pForm - create a php form in seconds with this free and easy to use tool.

5. ColourLovers - An international site created for color lovers. You can search the site for color palettes that you may use for projects or create new palettes which can be rated by peers.

6. HTML Entity Character Lookup - searches the htmlentities for matches to the searched character based on how the character looks.

7. 960 Grid System - an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.

8. Em Calculator - a small JavaScript tool which allows you to enter a size in pixels and displays what the corresponding em value would be.

9. Browser Shots - allows you to view your website in around 100 different browsers on 4 different platforms to determine the ultimate cross browser support

10. Icon Finder - provides high quality icons for web designers and developers in an easy and efficient way.

11. WhatTheFont - want to know the font that your favorite blog uses, this tool can help you.

12. MeasureIt - A great Firefox plugin that lets you draw out a ruler to get the pixel width and height of any elements on a webpage.

13. ColorZilla - get a color reading from any point in your browser, quickly adjust this color and paste it into another program.

14. Pingdom - loads a complete HTML page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loadedin a web browser and then displays how long each of those elements took to load using nice visual time bars.

15. Test Everything - lets you run your website though approx. 100 different validators and testers, all from the comfort of one application.

16. CSS Sprite Generator

17. Web Developer Toolbar - extremely useful Firefox plugin which provides many tools which web developers use on a daily basis.

18. Domainr - tell you whether a domain is taken or not.

19. Font Burner - a free online tool that allows you to search through over 1000 fonts they have available.

20. Smush.It - a neat application which uses non-lossy image optimization tools to squeeze the last bytes out of your images.

21. Load Impact - a free tool which tests your site at different load levels and then displays your results in an easy to understand graph.

Reference: http://code.tutsplus.com/articles/20-tools-to-make-the-life-of-a-web-developer-easier--net-5338
Labels:

Popular posts from this blog

Importing Exploit-DB Exploits into Metasploit in Kali Linux for Offline Access

You're going to need three terminals open for this. Terminal 1 for starting metasploit Terminal 2 for importing the exploit to local Metasploit repository Terminal 3 for searchsploit which we will use to search for the exploit instead of opening your browser and looking in exploitdb. Let's be done with it! 1. First, open the first terminal to run metasploit with the following commands: > service postgresql start > msfconsole  2. Go to Terminal 3 and run the following command to update its database: > searchsploit -u 3. Open Terminal 2, then go to the metasploit modules directory by: > cd .msf4/modules 4. Then create a directory inside the msf4 modules folder: > mkdir exploits 5. Now, back to the Terminal 3. We will to search for an exploit we want to import. Let's first try to look for the explore ms15-100 by typing: > searchsploit msf15-100 After pressing Enter, you should be able to see the search result. It will be a t...
Read whole post

Using Termux in Android to Download Youtube Videos

In termux: apt update && apt upgrade Give termux access to your phone's filesystem via ~/storage/shared termux-setup-storage Install python: packages install python Install youtube-dl pip install youtube-dl Create a folder to store your downloaded videos: mkdir /data/data/com.termux/files/home/storage/shared/Youtube Create youtube-dl config (volume-down key emulates Ctrl in termux): nano ~/.config/youtube-dl/config The contents of my config is as follows: --no-mtime -o /data/data/com.termux/files/home/storage/shared/Youtube/%(title)s.%(ext)s -f "best[height<=480]" (the height<=480 tells youtube-dl to download the best quality version up to 480px in width. You can change to 240, 360, 720 or 1080, etc to suit your needs / bandwidth restrictions. Save with "Volume-down" + O, then close nano with "Vol-down" + X Create "termux-url-opener" in ~/bin to enable one-click download via the "Share" menu i...
Read whole post

Free Photoshop Alternatives

  These tools have all the basic image manipulation features for you everyday photo editing needs and are   neither heavy on your Windows system, nor on your pocket   . So, let’s just leave Photoshop for professional designers and take a look at these   free image manipulation tools for Windows   and see which one will suit you the best. Adobe Photoshop Express Adobe Photoshop Express for Windows enables photo magic at your fingertips. It’s a small pack of  essential everyday photo-editing tools from Adobe  to help you create better-looking pictures. It has many exciting features to  enhance your photos and do easy touch-ups  through functions like crop, rotate, flip, brightness, etc. PC Image Editor PC Image Editor is a  solid but simple image-editing application . It’s built for beginners and professionals who like to customize or enhance photos with minimum effort. The super intuitive interface brings many editing tools and options su...
Read whole post