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
    CSS Gradients

    With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements.  CSS gradients are another step in that direction.  Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...

  • By
    JavaScript Promise API

    While synchronous code is easier to follow and debug, async is generally better for performance and flexibility. Why "hold up the show" when you can trigger numerous requests at once and then handle them when each is ready?  Promises are becoming a big part of the JavaScript world...

Incredible Demos

  • By
    Camera and Video Control with HTML5

    Client-side APIs on mobile and desktop devices are quickly providing the same APIs.  Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to the desktop.  One of those APIs is the getUserMedia API...

  • By
    Fixing sIFR Printing with CSS and MooTools

    While I'm not a huge sIFR advocate I can understand its allure. A customer recently asked us to implement sIFR on their website but I ran into a problem: the sIFR headings wouldn't print because they were Flash objects. Here's how to fix...

Discussion

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