Textmate "page" snippet

For any avid Textmate (or E) user, you might (or might not) find this little snippet useful when prototyping out a quick page and all you need is the barebone requirements of simple html page. It can be edited to suit your needs. Simply add this as an HTML snippet, and assign the tab trigger "page" (or whatever else you want to call it). Here it is:

HTML page template snippet

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="en">

    <head>

        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

        <title>${1:Title}</title>       

        <style type="text/css" media="screen">

        <!--

        body { background:#111;color:#fff;font:12px tahoma,'trebuchet ms', sans-serif; }

        h1 { font:300% georgia,times,serif; }

        -->

        </style>



        ${2:${3:<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.0/build/reset-fonts-grids/reset-fonts-grids.css" />}

        ${4:<script src="http://yui.yahooapis.com/2.2.0/build/utilities/utilities.js"></script>}



        ${5:<script src="http://yui.yahooapis.com/2.2.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>}}

        <script type="text/javascript">

        <!--

        $0

        //-->

        </script>

    </head>

    <body id="${6:page}">

        <div id="doc">

            <h1>$1</h1>

        </div>

    </body>

</html>

Keep in mind, this was tailor made for mwah (that's me). So by all means, tailor it to your own needs. Cheers.

follow me

i am dustin diaz

Textmate "page" snippet

HTML page template snippet

recent

Get JS Design Patterns

this is who i am