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
    Write Better JavaScript with Promises

    You've probably heard the talk around the water cooler about how promises are the future. All of the cool kids are using them, but you don't see what makes them so special. Can't you just use a callback? What's the big deal? In this article, we'll...

  • By
    Interview with a Pornhub Web Developer

    Regardless of your stance on pornography, it would be impossible to deny the massive impact the adult website industry has had on pushing the web forward. From pushing the browser's video limits to pushing ads through WebSocket so ad blockers don't detect them, you have...

Incredible Demos

  • By
    Implement jQuery&#8217;s hover() Method in MooTools

    jQuery offers a quick event shortcut method called hover that accepts two functions that represent mouseover and mouseout actions. Here's how to implement that for MooTools Elements. The MooTools JavaScript We implement hover() which accepts to functions; one will be called on mouseenter and the other...

  • By
    Scrolling &#8220;Agree to Terms&#8221; Component with MooTools ScrollSpy

    Remember the good old days of Windows applications forcing you to scroll down to the bottom of the "terms and conditions" pane, theoretically in an effort ensure that you actually read them? You're saying "No David, don't do it." Too late -- I've done...

Discussion

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