Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

web development


AutoSnippet - Automatic Code Snippet Generator

Submitted by ashevat on July 7, 2009 - 5:22am

Code snippets posted online are a great source of knowledge and a simple way to share experience and to reuse code. As developers we always look to see if there is a 'code example' which we can modify to our needs. As bloggers we find code snippets very useful to get our information out to the readers.

AutoSnippet automatically generates the code snippet from the source code (HTML, CSS and JavaScript). No more cumbersome repetitive tasks and no more inconsistencies between example and real code.

Here is how simple it is:

<!-- this is the source div - we write the src only here -->
       <div name="autosnippet:name_of_target_div:[yes/no -use Syntax Highlighter(default=no) ]">
            HTML and javascript goes here
       </div>
      
       <!-- this is the target div - the snippet is automatically generated here -->
       <div name="name_of_target_div"> &lt;/div>

Useful for Bloggers and code sites.

CSS Object Oriented with jQuery and cssWithVars

Submitted by Tomás Corral Casas on March 22, 2009 - 7:49pm

Today I have brought to light the first version of the plugin for jQuery which I have called "cssWithVars". After many years of web development, one of the things that has bothered me is the inability to implement the object orientation to CSS, and always ended up with duplicate code, plus the CSS frameworks available today, forcing the user to know them properly and not supply the object orientation. cssWithVars uses variables and enables effective reuse of code, we can use our classes as variables.