Weekend Links – CSS Art, URL vs. URI, Web Browsers, MooTools Mocha UI, Web 2.0, and MooCanvas

By  on  

For those in the States, happy Thanksgiving!

CSS Based Pixel Art

Rocco Augusto's created some Super Mario themed art using CSS background colors.

http://www.nerdofsteel.com/css-based-pixel-art

URL vs. URI: What's the Difference?

This article discusses the differences between a URI and a URL.

http://www.damnhandy.com/2007/11/19/uri-vs-url-whats-the-difference/

Interesting Web Browsers You Have Never Heard Of

Web developers obsess over getting their sites to display and function properly in IE6, IE7, Firefox, Opera, and Safari. What about uBrowser?

http://www.smashingmagazine.com/2007/11/21/web-browsers-you-have-never-heard-of/

MooTools Mocha UI

An extremely impressive project. The Mocha UI project creates "window" functionality using the MooTools framework. MooTools users should scope out this project.

http://greghoustondesign.com/demos/mocha/

Destroy The Web 2.0 Look

The Web 2.0 "look" took storm so quickly that seemingly every website has transitioned to Web 2.0. Needless to say, many designers are sick of the gradients, big fonts, reflections, and badges. Is it time to destroy Web 2.0?

http://elliotjaystocks.com/blog/archive/2007/destroy-the-web-20-look-future-of-web-design-new-york/

MooCanvas

MooTools core developer/contributer Olmo Maldonadohas created a MooTools script to use the new HTML <canvas> tag.

http://www.olmo-maldonado.com/projects/moocanvas/

Recent Features

  • By
    An Interview with Eric Meyer

    Your early CSS books were instrumental in pushing my love for front end technologies. What was it about CSS that you fell in love with and drove you to write about it? At first blush, it was the simplicity of it as compared to the table-and-spacer...

  • By
    CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

Incredible Demos

  • By
    MooTools Link Fading

    We all know that we can set a different link color (among other properties) on the hover event, but why not show a little bit more dynamism by making the original color fade to the next? Using MooTools 1.2, you can achieve that effect. The MooTools...

  • By
    Element Position Swapping Using MooTools 1.2

    We all know that MooTools 1.2 can do some pretty awesome animations. What if we want to quickly make two element swap positions without a lot of fuss? Now you can by implementing a MooTools swap() method. MooTools 1.2 Implementation MooTools 1.2 Usage To call the swap...

Discussion

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