developer-tools.html

---
layout:    root
title:  Developer Tools | OverAPI.com
---

<div class="index">
    <div class="index-logo">
        <a href="http://overapi.com" class="logo"><img src="/static/images/overapi-logo.png" alt="overapi" width="140" height="140"/></a>
        <div class="index-desc">
            <p><a href="" class="index-desc-logo">OverAPI.com</a></p>
            <p class="index-slogan">Collecting All Cheat Sheets</p>
        </div>
    </div>

    <div class="dev-tools">
        <div class="dev-tools-collect">
            <h2>CSS Tools</h2>
            <a href="http://www.cssmatic.com/" target="_blank" title="Ultimate CSS Tool">CSSMatic</a>
            <a href="http://css-tricks.com/examples/ButtonMaker/" target="_blank">Button Maker</a>
            <a href="http://apps.eky.hk/css-triangle-generator/" target="_blank">Triangle Maker</a>
            <a href="http://spritegen.website-performance.org/" target="_blank">CSS Sprite</a>
            <a href="http://jigsaw.w3.org/css-validator/" target="_blank">CSS Validator</a>
            <a href="http://www.cssarrowplease.com/" target="_blank">Arrow Maker</a>
            <a href="http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/" target="_blank">Img To DataURI</a>
            <a href="http://www.patternify.com/" target="_blank">Pattern Generator</a>
            <a href="http://www.colorzilla.com/gradient-editor/" target="_blank">Gradient Editor</a>
        </div>
        <div class="dev-tools-collect">
            <h2>Javascript Tools</h2>
            <a href="http://jsbeautifier.org/" target="_blank">JS Beautifier</a>
            <a href="http://pro.jsonlint.com/" target="_blank">JSON Validator</a>
            <a href="http://jsfiddle.net/" target="_blank">JS Fiddle</a>
            <a href="http://www.jshint.com/" target="_blank">JS Hint</a>
            <a href="http://www.jslint.com/" target="_blank">JS Lint</a>
            <a href="http://jsbin.com/" target="_blank">JS Bin</a>
            <a href="http://codepen.io/" target="_blank">CodePen</a>
        </div>
        <div class="dev-tools-collect">
            <h2>Design Tools</h2>
            <a href="http://www.iconfinder.com/" target="_blank">Icon Finder</a>
            <a href="http://www.iconsdb.com/" target="_blank">Icons DB</a>
            <a href="http://colourco.de/" target="_blank">Color Scheme</a>
            <a href="http://www.sessions.edu/color-calculator" target="_blank">Color Calculator</a>
            <a href="http://www.svgeneration.com/" target="_blank">SVG Generator</a>
            <a href="https://chrome.google.com/webstore/detail/icomoon/kppingdhhalimbaehfmhldppemnmlcjd" target="_blank">Ico Maker</a>
            <a href="https://chrome.google.com/webstore/detail/chroma/gefgglgjdlddcpcapigheknbacbmmggp" target="_blank">Chrome Color Extension</a>
            <a href="http://0to255.com/" target="_blank">0To255</a>
            <a href="http://modernpictograms.com/" target="_blank">Modern Pictograms</a>
            <a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font Awesome</a>
            <a href="http://subtlepatterns.com/" target="_blank">Subtle Patterns</a>
            <a href="http://www.colorschemedesigner.com/" target="_blank">Color Scheme</a>
        </div>
        <div class="dev-tools-collect">
            <h2>Other Tools</h2>
            <a href="https://chrome.google.com/webstore/detail/notty-notes/ggbmjahbkbhakkfgjiggdclpmmpmhajn" target="_blank">Sticky Notes</a>
            <a href="https://chrome.google.com/webstore/detail/tabby/pifnjkdglcfkfpdjdolfacpfdlgpdkhp" target="_blank">Tabby</a>
            <a href="https://chrome.google.com/webstore/detail/all-cheat-sheets/oedodeocfdeegliepeeoieemhdgoijod" target="_blank">All Cheat Sheets</a>
            <a href="http://www.tldrlegal.com/" target="_blank">TL;DR Legal</a>
            <a href="http://www.regexper.com/" target="_blank">Regexper</a>
            <a href="http://www.sqlfiddle.com/" target="_blank">SQL Fiddle</a>
            <a href="http://detectmobilebrowsers.com/" target="_blank">Detect Mobile Browsers</a>
            <a href="http://www.validome.org/" target="_blank">HTML Validator</a>
            <a href="http://www.prettyprinter.de/" target="_blank">Pretty Code</a>
            <a href="https://www.guerrillamail.com" target="_blank">Temporary e-mail</a>
            <a href="http://webdemo.visionobjects.com/equation.html" target="_blank">Web Equation</a>
            <a href="http://webdevchecklist.com/" target="_blank">Web Developer Checklist</a>
        </div>
    </div>

    <div class="dev-tools-collect">
        <h2>Tell Me More</h2>
        <div id="disqus_thread"></div>
    </div>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        /* * * DON'T EDIT BELOW THIS LINE * * */
        var disqus_shortname = 'overapi'; // required: replace example with your forum shortname
        $(function(){
            $.getScript('http://' + disqus_shortname + '.disqus.com/embed.js');
            mixpanel.track_links(".dev-tools a","Tools Link");
        });

    </script>

    <!--<div class="dev-tools-ad">-->
        <script type="text/javascript"><!--
            //google_ad_client = "ca-pub-5503280202576307";
            /* overapi-tools */
            //google_ad_slot = "0215957718";
            //google_ad_width = 728;
            //google_ad_height = 90;
            //-->
        </script>
        <!--<script type="text/javascript"-->
            <!--src="http://pagead2.googlesyndication.com/pagead/show_ads.js">-->
        <!--</script>-->
    <!--</div>-->
</div>