Weekend Links – MooTools Calendar, PHP JavaScript Search, Website First Impressions, Dynamic CSS Class, jQuery HeatColor

By  on  

MooTools Calendar

A really suave MooTools class to place inline, accessible, and unobtrusive calendars intro your page.

http://www.electricprism.com/aeron/calendar/

PHP.net API Search In Firefox Using JavaScript

If you're like me, you visit the PHP.net website daily. This scriptlet is used like a bookmark -- click it, enter the function you're prompted to provide, and you'll go straight to the function's page.

http://www.rooftopsolutions.nl/article/164

21 Factors That Influence the First Impression of Your Website's Visitors

A great list of factors that can define your website -- great re-visit value or a one-visit wonder?

http://vandelaydesign.com/blog/design/first-impression/

MooTools Dynamic CSS via JavaScript

Add CSS to your website using a MooTools class. Plenty of examples to help you use the class.

http://revnode.com/oss/css/

Nintendo Relaunches wii Site Dojo, MooTools, SWFObject

Nintendo relaunced the wii website using the Dojo and MooTools frameworks. Very slick UI and impressive functionality.

http://www.nintendo.com/games/guide#qhardware=Wii&qesrbRating=&qplay=&qgenre=&qrelease=&panel=qgenre&sortBy=title

HeatColor -- jQuery Plugin

This jQuery plugin takes the value of selected elements and color-codes the background based on their values.

http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm

Recent Features

  • By
    Create a CSS Cube

    CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals.  Add animation and you've got something really neat.  Unfortunately each CSS cube tutorial I've read is a bit...

  • By
    Animated 3D Flipping Menu with CSS

    CSS animations aren't just for basic fades or sliding elements anymore -- CSS animations are capable of much more.  I've showed you how you can create an exploding logo (applied with JavaScript, but all animation is CSS), an animated Photo Stack, a sweet...

Incredible Demos

  • By
    :valid, :invalid, and :required CSS Pseudo Classes

    Let's be honest, form validation with JavaScript can be a real bitch.  On a real basic level, however, it's not that bad.  HTML5 has jumped in to some extent, providing a few attributes to allow us to mark fields as required or only valid if matching...

  • By
    Unicode CSS Classes

    CSS class name structure and consistency is really important; some developers camelcase classnames, others use dashes, and others use underscores.  One thing I've learned when toying around by HTML and CSS class names is that you can actually use unicode symbols and icons as classnames.

Discussion

  1. Thanks for the link!

  2. Jens Klose

    I’ve added a new project to google code as fork to the MooTools Calendar:

    includes the Mootools 1.2 port
    includes some bugfixes
    new options

    project site

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!