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://css-tricks.com/examples/ButtonMaker/" target="_blank">CSS3 Button Maker</a>
            <a href="http://apps.eky.hk/css-triangle-generator/" target="_blank">CSS 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">W3 CSS Validator</a>
            <a href="http://www.cssarrowplease.com/" target="_blank">CSS Arrow Maker</a>
            <a href="http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/" target="_blank">Img To DataURI Convertor</a>
            <a href="http://www.patternify.com/" target="_blank">CSS Pattern Generator </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>
        </div>
        <div class="dev-tools-collect">
            <h2>Color Tools</h2>
            <a href="http://0to255.com/" target="_blank">0To255</a>
            <a href="https://chrome.google.com/webstore/detail/chroma/gefgglgjdlddcpcapigheknbacbmmggp" target="_blank">Chrome Color Extension</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/all-cheat-sheets/oedodeocfdeegliepeeoieemhdgoijod" target="_blank">All Cheat Sheets</a>
            <a href="http://webdevchecklist.com/" target="_blank">Web Developer Checklist</a>
            <a href="http://www.regexper.com/" target="_blank">Regexper</a>
            <a href="http://www.iconsdb.com/" target="_blank">Icons DB</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="https://chrome.google.com/webstore/detail/icomoon/kppingdhhalimbaehfmhldppemnmlcjd" target="_blank">Ico Maker</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>
        </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>