Skip to content
This repository has been archived by the owner on Nov 20, 2022. It is now read-only.
/ DevTools Public archive

Latest commit

 

History

History
44 lines (42 loc) · 6.29 KB

websites.md

File metadata and controls

44 lines (42 loc) · 6.29 KB
Raw
layout title desc permalink incomplete
page
Araye Development Tools | Web Sites
List of useful and time saving tools for developers
/websites/
true
  • Codeclimate - Online code analysis and quality metrics
  • ExplainShell.com - Genius. Explains how a unix chained-together command works and what does what.
  • JSFiddle - Sometimes you just want to fiddle with JavaScript. Fire up a text editor, IDE or Firebug? Naw, man. Use JSFiddle, load your framework of choice and get to work. HTML, CSS and JavaScript plus your results. Then share with a friend!
  • CSSDeck - Three boxes and online! HTML, CSS, and JavaScript all combined into one of the most creative places on the internet. You'll learn more about CSS here than in any book. 
  • Responsinator - Get a quick idea of what your website would look like on a mobile device or tablet.
  • Bit.ly - All the goodness of TinyUrl with statistics, real-time tracking, accounts and much, much more. If you get a Bit.ly url, add a + to the end of it to see lots of statistics!
  • Markup.io - So smart. Got a webpage to markup? Don't download an app. Use this bookmarklet, mark it up directly in the browser, then share a marked up URL. Magic. Like this.
  • BrowserShots - What's your site look like in MSIE4.0? Opera 9.64? This site will show you.
  • Visibone HTML/JavaScript Reference - These guys make a great physical paper reference, but they also have a great .HTML file you can download for free that has ASCII charts and Color references.  It's a link I keep close by.
  • StackOverflow - Get your questions answered here! If you haven't heard, you better ask someone.
  • SQL Designer - A web-based DHTML/AJAX SQL Entity Relationship Designer that exports .SQL files. Seriously. Drink that in, then visit it.
  • BrowserStack.com - VNC remote into any OS with any browser, even super obscure ones, and test your web app.
  • ViewPure - Watch a YouTube video. Just the video and not the rest of the crap or ads or other videos around it. It's readability for YouTube.
  • Design - Overlay grids, rules, and crosshairs on your Web Site design, using only a bookmarklet.
  • Del.icio.us - A social distributed bookmarks manager. It took me a bit to get into it, but theirBookmarklets that you drag into your Links toolbar won me over. All my bookmarks are here now and I can always find what I need, wherever I am. Very RESTful. I have used this for YEARS.
  • Kuler - A wonderful color scheme chooser for when you aren't a designer but you wish you were.
  • Color Scheme Designer - I'm not a designer and I have no style, but I do know what I like. This site makes it easy to brainstorm, design and tweak a color scheme for your next big project.
  • smtp4dev - I often write apps that fire out emails and notifications. It's great to fire up a little SMTP mail server and have the emails delivered to a local folder. Great for testing and debugging anything that sends mail.
  • HTML5 Boilerplate- A good place to start when you're learning about HTML5 and are ready to create sites that look great and work great everywhere.
  • TypeTester - The very best way to compare up to three different web-typefaces.
  • What the Font? - This website will let you upload an image with a font and it'll guess (usually right) what font it is.
  • 32 Bookmarklets for Web Designers - I use these when I'm DEEP into some thing CSSy and it's tearing me apart.
  • http://www.downforeveryoneorjustme.com/ - Is that Website Down For Everyone Or Just Me? Enough said.
  • QuirksMode - Over 150 pages of details on CSS and JavaScript. When my brain is overflowing with the HTML of it all, I head here.
  • BuiltWith - What was that site BUILT WITH?
  • Google Maps + HousingMaps.com - Google Maps is cool, but Paul Rademacher's HousingMaps.com is synergy. It was the first great Mashup of Web 2.0 and I keep it around to remind me of what's possible if you keep an idea fresh and simple.
  • ProxySwitcher - Always on the road and switching between client networks? Now switch your proxy servers as fast as you change pants.
  • YouGetSignal - Amazingly helpful collection of online networking tools.
  • XRay - This sleek little bookmarklet lets you quickly see all the CSS attributes attached to any HTML element.
  • The Morning Brew - The website I read every work day that helps me keep up on what's new in .NET.
  • PortableApps.com - Take all your favorite apps with you on a USB key without installing them! All your settings remain. Be sure to get PStart, the handy Portable Apps Launcher for the Tray.
  • JSLint - Just what is sounds like, it's a JavaScript "Lint" tool that will tidy up your JavaScript and also tell you why your code sucks.
    • There's also JSHint which is a prettier than JSLint.