Popular:
 Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

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/

Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring

Recent Features

  • By
    CSS Animations Between Media Queries

    CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

  • By
    9 Mind-Blowing Canvas Demos

    The <canvas> element has been a revelation for the visual experts among our ranks.  Canvas provides the means for incredible and efficient animations with the added bonus of no Flash; these developers can flash their awesome JavaScript skills instead.  Here are nine unbelievable canvas demos that...

Incredible Demos

  • By
    MooTools Typewriter Effect Plugin

    Last week, I read an article in which the author created a typewriter effect using the jQuery JavaScript framework. I was impressed with the idea and execution of the code so I decided to port the effect to MooTools. After about an hour of coding...

  • By
    Truly Responsive Images with responsive-images.js

    Responsive web design is something you hear a lot about these days. The moment I really started to get into responsive design was a few months ago when I started to realise that 'responsive' is not just about scaling your websites to the size of your...

Discussion

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