New "404 Page Not Found" Page

-
I'm not sure whether putting dynamic and graphical contents into HTTP response pages is a good practice or not, but here's my new 404 status page.

Screenshot of a bouncy ASCIIfied ball.

This is a JS animation code of a bouncy ASCIIfied ball based on the ASCII effect example from Three.js.

My version uses <canvas> for visualization whereas HTML texts were inserted for graphics in the original version. I decided to use <canvas> instead of actual texts because with various functions like fillText(text, topLeftX, topLeftY[, maxWidth]) placing of a character into a certain rectangular region is much easier. Also in the previous version, changing width of a character is not possible; we can change letter spacing for a better positioning, but it's not a definite solution.

You can find my code here:
https://code.google.com/p/contender-x-blogger/source/browse/#git%2Fjs

Comments

Post a Comment

Popular posts from this blog

Hardcoding Data Like Images and Sounds into HTML or CSS

-
Image
Do you know Data URI scheme ? With this, you can hardcode virtually any kind of digital information media into a document. Okay, "virtually any kind of" was a little bit unreasonable; "almost all browser-supported" is appropriate, such as images, sounds and movies. The format below defines a data URI (we need to use safe URL characters; see also " Recommendations for Delimiting URI in Context " for delimiting a long URI): data:[<MIME-type>][;charset=<encoding>][;base64],<data> URL is used to locate various resources, for example web browsers can't live without these URLs, and URI is a conceptual superset of URL. And protocols defined by data URI scheme provide a standardized way to hardcode certain data, such as JPEG, PNG, MP3, Ogg etc. With this scheme we can hardcode data inside virtually all kinds of source code from interpreted languages like HTML, XML, CSS, JS, Ruby, PHP or even from compiled languages like C, C++,
« Read More »

DDS for GIMP (Mountain Lion, Native, no X11 GUI)

-
Image
I compiled gimp-dds for GIMP 2.8.6 for Mountain Lion (native). dds (plug-in binary file, 113 KB): https://docs.google.com/file/d/0B5GXgEJZQv74Z1FCbkk0c0VqMkE/edit?usp=sharing GIMP (without extra plug-ins):     http://www.gimp.org/downloads/ GIMP (with extra plug-ins):     http://gimp.lisanet.de/Website/Download.html Well, latter already has this DDS plug-in, but my compiled version is much newer (from gimp-dds-2.2.1). Put the binary file under the following directory (Gimp installation path may differ, so check yours): /Application/Gimp.app/Contents/Resources/lib/gimp/2.0/plug-ins/ Tips: From Finder, Cmd + N to open a new window, Cmd + Shift + G  to pop an input dialog, then put  the path mentioned above; then you can put the binary file. You can do the similar by right clicking Gimp.app to select "Show Package Contents" . Loading option dialog Mipmaps as layers Main surface texture
« Read More »

Make It Work: Global .gitattributes

-
Image
Git is the vanguard of distributed VCSs, and as a matter of course, it provide a way to perform diff or merge on certain files while intermediately treating them as documents of a certain other format. By reflecting appropriate changes to configuration and attributes of git as described in " Git - Git Attributes ," you can set up this intermediate conversion for files of your choice while in diff or merge process. This is best described with an example. Say, there exists a file format called "property list" (hereinafter plist) in Mac, and it can come in 3 forms: XML, binary or JSON (it's not exactly JSON, but is similar to it). To perform diff or merge on files of this type in a consistent way, use command plutil  provided by Mac OS X (or an open-source, GPL-licensed alternative libplist ). Then take the following 2 steps.
« Read More »