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

Reset Local Admin Password / Add New User Account Without Logging In to Windows

You may need this tutorial for a number of different reasons. As for me -- a colleague left the company. His company-owned laptop having his Microsoft account as the only available user and we cannot recover his password. We needed his files so we cannot just reset the computer. So our only choice is to create a new local admin account and make sure this never happens again. Before we begin, please make sure that you have the DVD installer for your Windows OS. If you're all set, follow along the instructions below carefully: 1. Insert your Windows DVD into your DVD reader. 2. Boot from the DVD. You can do this by pressing the correct key while the computer is starting up. The key to press depends on the computer brand but it is commonly F2 or Esc . Please refer to this article . 3. Once you’re able to boot from the DVD, you will see the Windows Setup . It looks like this: 4. Now press Shift + F10 to bring up the Command Prompt. 5. Once the Command Prompt i...
Read whole post