rare articles - fall asleep

Analytics told me that the Snipts.blog seems to be nothing from interest. Because of this I'll use it as an experimental platform for myself in future.

sniptskwicks - my very first moo-class

tahtahh. Something I wanted to do for a long time. Creating my first mootools-class. I spent so much time on understanding javascript, mootools, and github (not to mention uncountable mistakes), that I'm really proud to present you this little thing: sniptskwicks. It's a small mootools-class based on a plugin by David Walsh (again this guy, thank you man).

the snipts scroll-buttons

One thing I found on the walsh was a snippet for the scroll-buttons on the left here.
I've placed the two scroll-buttons inside a wrap, which I'd like to fade a bit later on.

<div id="the_bttns_wrap">
 <a id="the_totopBttn" class="bttn" title="↑ to top of the page">h</a>
 <a id="the_nextBttn" class="bttn" title="↓ scroll down">i</a>
</div>

note: I'm using my buttons with letters that get replaced by a cufon-font, so the buttons-text is just one char here. See this article for more information.

a button system using cufón

One idea cufon inspired me, was to create a button-font that I'm able to use where I like, in which color I like, in which size I like etc. All the advantages a normal text-link has, combined with the grafical aesthetic of image-based buttons. Plus infinite scalability. Sounds nice?

discussion

For my taste discussing scripts or articles isn't really elegant within blogger, so I decided to create a google group. You'll find it here: group. We'll have to see, if it works better there.

auto-linking with mootools

I hate doing things more than, let's say, twice. So I decided to do this little snippet to simplify linking inside articles.

blogger-archiv with mootools accordion

A practise I've done with my sidebar-archiv here on the right using core and more.

the template-code

First of all the definition of my blogger-sidebar-widget "Archiv" inside my blogger-template. note: the gadget should be defined as

• hirarchy
• show post-titles
• and monthly (in the Gadget-Prefs)

Processing.js with Random lines

To dive a bit more into Pjs, I've just modified some existing example-scripts there a bit. A good starting point, I think. Watch the lab »

processing.js? What?

The short description from the processing.js-site »: Processing.js (Oh man, I'll name that Pjs to simplify) is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Pjs uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element.
The Processing language was created by Ben Fry and Casey Reas. In 2008, John Resig ported the 2D context of Processing to Javascript for use in web pages.

I'm planning to setup some Pjs-examples in here regularly. For some deeper information have a look on their site. It's worth it.

syntax-highlighting with mootools

Fortunately I found this wonderful class which brings glance to my scripts. It's named "Lighter.js" and could be downloaded here ». It's based on the mootools-framework and is really simple to use.

snipts started

Ok. It took me some time to get the blogger-template done, but now snipts is up, running and awaiting content.