Commits

David Chambers committed ca4775a

switch from `{#foo}` syntax to `{@id=foo}` syntax

Comments (0)

Files changed (8)

15=applescript-syntax-highlighting.text

 
 Live rendering of AppleScript snippet{@class=caption}
 
-### Setup {#setup}
+### Setup {@id=setup}
 
 To add AppleScript syntax highlighting to your own site or blog, do the
 following:
         <script src="/path/to/scripts/shBrushAppleScript.js"></script>
         <script>SyntaxHighlighter.all()</script>
 
-### Usage {#usage}
+### Usage {@id=usage}
 
 To have SyntaxHighlighter parse a block of AppleScript, wrap the code in `pre`
 tags like so:

18=prototype-loader-for-syntaxhighlighter.text

 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 
-### Setup {#setup}
+### Setup {@id=setup}
 
 **Requires Prototype!**
 
 3.  Replace both instances of `http://example.com/sh/` in the above snippet
     with the path to your **SyntaxHighlighter** directory.
 
-### Usage {#usage}
+### Usage {@id=usage}
 
 The `settings` object provides flexibility by allowing various things to be
 modified or included.

22=coda-theme-for-syntaxhighlighter.text

 The Coda theme, like Coda itself, can handle non-HTML code inside HTML
 snippets.
 
-#### CSS inside HTML {#css-inside-html}
+#### CSS inside HTML {@id=css-inside-html}
 
 For HTML snippets that contain some CSS, use
 `<pre class="brush: css; html-script: true;"></pre>`.
         </style>
     </head>
 
-#### JavaScript inside HTML {#javascript-inside-html}
+#### JavaScript inside HTML {@id=javascript-inside-html}
 
 For HTML snippets that contain some JavaScript, use
 `<pre class="brush: javascript; html-script: true;"></pre>`.
         </script>
     </body>
 
-#### PHP inside HTML {#php-inside-html}
+#### PHP inside HTML {@id=php-inside-html}
 
 For HTML snippets that contain some PHP, use
 `<pre class="brush: php; html-script: true;"></pre>`.
             }
         </script>
 
-### Setup {#setup}
+### Setup {@id=setup}
 
 1. Download and unzip [coda-theme-for-syntaxhighlighter.zip][3].
 2. Open **example.html** to confirm that everything is working correctly.

26=prototype-image-slider.text

 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 
-### Usage {#usage}
+### Usage {@id=usage}
 
 First, you'll need to save a copy of [prototype-image-slider.js][5].
 

33=autopopulating-input-fields-with-prototype.text

 * [Placeholder class](#placeholder-class)
 * [Usage](#usage)
 
-### Behaviour {#behaviour}
+### Behaviour {@id=behaviour}
 
 * Placeholder text should be inserted into input field upon page load.
 * Placeholder text should be targetable via CSS.
 * Placeholder text should be reinserted if input field is empty when it loses
   focus.
 
-### HTML5 placeholder text {#html5-placeholder-text}
+### HTML5 placeholder text {@id=html5-placeholder-text}
 
 HTML5 allows placeholder text to be specified in the markup through the
 `placeholder` attribute. In supporting browsers (currently Chrome and Safari)
 this produces the behaviour described above with no reliance on JavaScript.
 
-### Markup {#markup}
+### Markup {@id=markup}
 
     <input type="search" id="s" name="s" placeholder="search..." />
 
-### Styling {#styling}
+### Styling {@id=styling}
 
     input.placeholder { color: #a9a9a9 !important; }
 
 I decided to use `#a9a9a9` as Safari uses this colour for placeholder text.
 
-### Placeholder class {#placeholder-class}
+### Placeholder class {@id=placeholder-class}
 
     var Placeholder = Class.create({
         initialize: function (element) {
 
 The Placeholder class requires [Prototype][3].
 
-### Usage {#usage}
+### Usage {@id=usage}
 
 To create a new instance of the Placeholder class, simply pass the constructor
 a Prototype extended element:

82=repeating-strings-in-javascript.text

 Python and Ruby share beautiful syntax for repeating strings; PHP's syntax is
 characteristically ugly.
 
-### Python {#python}
+### Python {@id=python}
 
     '=' * 5
 
-### Ruby {#ruby}
+### Ruby {@id=ruby}
 
     '=' * 5
 
-### PHP {#php}
+### PHP {@id=php}
 
     str_repeat('=', 5)
 
-### JavaScript? {#javascript}
+### JavaScript? {@id=javascript}
 
 True to form, repeating strings in JavaScript is ugly and counterintuitive,
 but kinda cool.

83=changing-the-colour-of-list-bullets-using-css.text

 This should do the trick, but doesn't for some reason! How the heck does one
 target the bullets and only the bullets? As far as I know it's not possible.
 
-### Conventional hack {#conventional-hack}
+### Conventional hack {@id=conventional-hack}
 
     <h1>TXJS 2011 Speakers</h1>
     <ul>
 This gets the job done, but those `span`s are ugly – there are ways to achieve
 the desired visual effect without hacking the markup.
 
-### Background image technique {#background-image-technique}
+### Background image technique {@id=background-image-technique}
 
     ul {
       list-style: none;
 This requires very little CSS. To avoid incurring the overhead of an extra
 HTTP request, one could Base64-encode the image in a [data URI][1].
 
-### Pseudo-element technique {#pseudo-element-technique}
+### Pseudo-element technique {@id=pseudo-element-technique}
 
     ul {
       list-style: none;
 * [2004](#2004)
 * [2005](#2005)
 
-### 2003 {#2003}
+### 2003 {@id=2003}
 
 #### Design philosophies poster
 
 ![Excessive sugar consumption can cause breast cancer][3]
 ![Excessive sugar consumption can impair concentration][4]
 
-### 2004 {#2004}
+### 2004 {@id=2004}
 
 #### <i>Caligula</i> poster
 
 
 ![Panprint poster][9]
 
-### 2005 {#2005}
+### 2005 {@id=2005}
 
 #### Gameplayer brand identity
 
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.