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
    9 Mind-Blowing WebGL Demos

    As much as developers now loathe Flash, we're still playing a bit of catch up to natively duplicate the animation capabilities that Adobe's old technology provided us.  Of course we have canvas, an awesome technology, one which I highlighted 9 mind-blowing demos.  Another technology available...

  • By
    Chris Coyier&#8217;s Favorite CodePen Demos

    David asked me if I'd be up for a guest post picking out some of my favorite Pens from CodePen. A daunting task! There are so many! I managed to pick a few though that have blown me away over the past few months. If you...

Incredible Demos

  • By
    Google Font API

    Google recently debuted a new web service called the Font API.  Google's Font API provides developers a means by which they may quickly and painlessly add custom fonts to their website.  Let's take a quick look at the ways by which the Google Font...

  • By
    Morphing Elements Using MooTools and CSS

    Morphing an element between CSS classes is another great trick the MooTools JavaScript library enables you to do. Morphing isn't the most practical use of MooTools, but it's still a trick at your disposal. Step 1: The XHTML The block of content that will change is...

Discussion

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