CodePress - Real Time Syntax Highlighting Editor written in JavaScript

Tuesday, July 31, 2007

Sometime ago I wrote a post regarding an online code editor called 9ne.Well today I found another of its kind simply called CodePress . According to the description of the projects homepage "CodePress is web-based source code editor with syntax highlighting written in JavaScript that colors text in real time while it's being typed in the browser." There is also a demo for you to try some supported languages like Javascript, CSS, PHP, HTML etc. Despite the fact that CodePress is a really powerful enchantment for your web applications it has one major bug for now. It doesn't support c/p from other text editors making copied text to loose it indent... hope they fix that in the future. CodePress is another cool tool for web developers that don't to use more than their own application to alter code files etc. Here is a list of some of its features:

  • Real-time syntax highlighting » just write some code
  • Code snippets » on PHP example type "if" and press [tab]
  • Auto completion » simple type " or ( or ' or [ or { on any example below (except Plain Text)
  • Shortcuts » on PHP example press [ctrl][shift][space]. It's shortcut to
  • Multiple windows » you can add multiple CodePress windows to the same page
Project homepage:

Web Designer Wall by N. Design Studio

Monday, July 30, 2007

I'm sure that most of you already know N. Design Studio through it's various releases concerning Wordpress Themes, web application icons, wallpapers, illustrator tutorials etc. Well Nick La, the man behind N. Design Studio just released a new blog with killer design called Web Designer Wall. According to his sayings the N. Design Studio will remain as it is and will be used as a porfolio website while the new blog will cover issues like web design, tech articles etc. I trully enjoyed the really unique template for Wordpress. Check it out and don't forget to subscribe to his feeds!

Web Designer Wall by N. Design Studio

Billy Harvey Music

Saturday, July 28, 2007

Billy Harvey Music just got a new website! What I liked in this one is the navigation. While this "type" of navigation is pretty much common I loved the way they separated the different sections of the website with Polaroid-type photos. The guy that owns Billy Harvey Music steps out in every room and does a little talking now and then... great but a little annoying after a while so press the buttons on the left to change the audio.

Eye Project by KDDI Corporation

Saturday, July 28, 2007

Nope... your screen isn't broken! At first I thought that it would be good if included this post to the 2nd part of Experimental Japanese flash websites, but I thought that it deserved a post of its own! Eye Project is another achievement of the advanced use of < actionscript and of flash development. KDDI Corporation is a Japan-based firm that runs a lot of technological departments. This project is based on photography. There is a registration form (in Japanese...) an I presume that you can upload photos after you register... then there is an algorithm that creates a mosaic of this pictures in a very unique way... I haven't seen anything like that before. The Japanese guys seem to be a step in front of everyone! Anyway here are the thumbs!

Debugging PHP applications with Krumo

Wednesday, July 25, 2007

There are times during web applications development with PHP that you need something more than the built-in functions print_r() and var_dump() in order to debug your scripts efficiently. You may want to know the name of the variable you are dumbing or you may want to see in which line of your file that variable was evoked, features that print_r() and var_dump() don't provide.

With Krumo things become very easy! You just install it and call its functions every time you want to dump a variable! The resulted information you get are more helpful and beautified (with customizable CSS) while the collapsible DHTML tree menu can be very handy! Check it out yourself!

Experimental Flash: Man in the Dark (

Tuesday, July 24, 2007

Greek guy Miltos Manetas and Aaron Russ Clinger a couple of years ago created a "weird" project simple called Man in the Dark, which featured a silhouette of a human being simple floating around in your screen following your mouse direction. It looks like a jelly-man and you may populate as many as you wish simple by clicking your left mouse button. I don't know in what way the made use of actionscript, but they bizarre result is interesting... after 5 minutes of playing though (yeap I reached that point) it seems pointless :P Anyway here is the link so you can fool around too!

GENN.ORG Redesigned

Tuesday, July 24, 2007

Here is the new flash version of Another site that uses a less common navigation method. There is much white space as you can see, something that might look bad in bigger screen resolutions... it might look empty. As for the "WORKS" section it really simple and straightforward but I'd like the "next" and "previous" button to be some pixels lower so that they didn't cover the navigation. I also took a look at the source code of his web page and there were no search engine optimization techniques applied. Enough with the tech-geeky-stuff! Enjoy!

Metropolis Media

Tuesday, July 24, 2007

Recently I run into the website of a Polish media office called Metropolis Media. Their website retro-flavored reminding me the same-titled black & white movie Metropolis (1927)! At start I was a little confused about the way navigation was built, but after a while managed to figure out how the thing worked. Click on some elements on the "metropolis" and a newspaper will pop up, showing the office's applications in color while the rest of the picture stays in gray scale. If you are to mixed up about where is everything place you may use the navigation bar on the right ;) Click on the thumbs as usual!

Experimental Flash: Japanese Flash Websites Part 1

Sunday, July 22, 2007

After a tiring day (don't ask me why :P ) I thought that searching for something interesting would make me feel less tired... but that didn't work! That of course didn't bother me at all in looking something nice and prototype. I remembered a year ago when I visited (by pure luck) the website of a Japanese guy (I can't remember his name :/ ) which demonstrated some really interesting ways of how could actionscript interact user's input (mouse and keyboard). I was so amazed because all these were created in 2003, as the date stated, which made them to look too advanced to my eyes for the time being... unfortunately I didn't bookmarked it and lost it, forgot it etc. So, today's keywords were "japan flash mouse action experimental". Pretty simple huh? I thought that making a 2-part post about the would be fine so here it is the first part!


Experimental Flash / Actionscript

Some animations produced by the movement of the mouse across the screen. You may choose up to five different versions to play with!
Creator / Author: Wildcard


Experimental Flash / Actionscript

The website of a Japanese cloth store. They made a special section about a specific collection of clothes in which you may preview which products (eg. a certain dress) can be combined with something else (eg. a pair of shoes)
Creator / Author: Uniclo


Experimental Flash / Actionscript: WOW10

Nope this isn't about the world of warcraft pc game! This is the web site of a Japanese creative studio that provides web design among others. They also created a project called, a really 'wierd' project in which you just enter your name and you submit it to the database, and then you may see the date and time 10 years the date you entered your name... pretty useless unless there is something I don't get right! Anyway here is a screenshot:

Creator / Author: WOW10

This might be the most interesting website for the first part of my post about experimental Japanese Flash / Actionscript websites. The guy behind this website is the one that in 2004 created the newsmap (click thumb) project back in 2004. Look at the recent work list and check all of his projects one by one. My personal favorites are the one's listed below:

Creator / Author: Marumushi

That was the first part on interesting experimental flash websites. The second part will be posted tomorrow or the day after tomorrow... don't know yet. I know that some of these may be old and you may have already but I hadn't and I posted them here. Enjoy!

Experimental Flash: Mathieu Badimon's lab

Saturday, July 21, 2007

Here is a quick one for you... Check out the lab of experimental actionscript of Mathieu Badimon. Mathieu Badimon is a French web designer / flash developer that makes advanced use of actionscript and the result is really astonishing! See the 7 applications of that Mathieu has made by using vector shapes and advanced actionscript. The most impressive in my opionion is the vector clock.. vectors come and go like minutes...

Experimental Flash / Actionscript Demos

Experimental Flash / Actionscript Demos

Mathieu is also responsible for FIVe3D initiative is an open source code for the conception of interactive vector-based 3D animations. It's classes are written in Actionsctip 2.0 and based upon Actionscript 3.0 structure. The FIVe3D system initiates a classic Actionscript 2.0 movie clip organizing and providing extra 3D functionnalities.

Experimental Flash / Actionscript: 3D Flash Interactive Vector-base 3D Library

Here are a couple of sites also created by Mathieu Badimon:

Publicite & Communication Responsables by Mathieu Badimon

Resources Vol.01: CSS

Thursday, July 19, 2007

CSS Goodies! I found some time ago some really helpful and ready to use out-of-the-box CSS menus based on unordered lists! You may download them and alter/boost them as you like! Take a look below to get an idea ;)

Below are some "oldies":
  1. sIFR Showcase: a gallery of sIFR examples
    By the creator of Developers Handbook
  2. CSS Edge
    CSS/Edge is intended, first and foremost, to be as relentlessly creative with CSS as we have been practical all these years.
  3. Web Browser Incompatibilities
    (Also check the links at the bottom of the page... you may find really useful resources and referencies)
  4. Content with Style: CSS is worthless
    An article about CSS a coupe of years ago... some intrested ideas and thinkings
  5. Styling Forms with CSS
'Till tomorrow... enjoy!


Wednesday, July 18, 2007

Today I was digging my old bookmarks and "accidentally" I clicked this one. Besides ™ is the personal web site of Bram Timmer. If you are intrested in learning more about the guy read the abstract taken by his CV:

Bram Timmer is an award-winning designer, developer, and digital artist that specializes in innovative new media design. Bram applies his creativity and expertise across a variety of media, including: web design and development; e-learning and interactive media; print materials; information architecture; and illustration. Bram’s past and present clients include commercial and government institutions of all sizes, including Kraft, SC Johnson, Hershey, Hewlett Packard, MasterCard, CTV, TELUS, EnCana Corporation, Applebee’s, University of Calgary, FITC, Kahn Consulting, Inc. and many others.

In addition to founding and operating Dutch Blue Media and Two/Signed, Bram has provided inhouse design and development services for: White Iron, an award winning digital media agency in Calgary, AB; Webtek, where he worked as Director of Flash Development; and Blatant Media, where he provided animation, print, interactive and other services to support their e-learning platform.

Bram has a wide variety of interests and passions that inform his design work, including architecture, art history, digital culture, and visual arts in various mediums. In addition, Bram is an active contributor to Ventilate and Digital Abstracts, both well-respected online design portals. Bram participates in a number of design and art-focused events, groups, and exhibits, such as FITC, Terminus1525, CBC’s 120seconds, Calgary Flash Users Group, and others.

Click on the thumbnail as usual!

Jesus Rodriguez Velasco

Wednesday, July 18, 2007

Here is a very unique Wordpress theme! It's so out of the ordinary that when I saw it it was to difficult to accept/believe that this was an actually custom wordpress theme... maybe because of the ordinary ones that are installed in every single wordpress blog. Unfortunately I didn't paid much attention to the staff written in it accept some things about it's owner: "This is the weblog of UC Berkeley professor, researcher, writer, and photographer Jesús Rodríguez Velasco".

Bent Objects!

Monday, July 16, 2007

Bent Objects is a blog and as it's author says: "This is a collection of things that I make, and images that I take. Put me on your favorites already so I can feel loved. Also, be advised, a lot of my art is fine for children, and some of it is not. Does anyone know a good publisher who wants to put out a really weird book of wired objects?". Terry, author of Bent Objects, puts together some really interesting and funny wired objects. Take a look below to get a first taste of this "bizarre" type of art.

Terry is also putting together some pieces of wires objects that are appropriate for an adult audience. Check his other blog (Really Bent) here:

9ne: A web based code editor

Sunday, July 15, 2007

I think that I overdid it with the web design related posts... so here is an interesting link for web developers out there. 9ne! 9ne is an online code editor based on emacs! Among others it supports highlight syntax for CSS, HTML, Javascript and XML. You may implement it to your web application in order to add/edit files online without having to run any other applications! I was looking for something like that for over a year and now I'm happy I found it! Try it out and don't forget to check Rob Rohan!

Little Deviant xD (Scion | Toyota)

Saturday, July 14, 2007

Scion (a Toyota subdivision) last February presented the new xD model! Along with it came a "playground" site, entitled "Little Deviant", for "big kids". Despite the fact that it's a little dark and creepy for that kind of advertising, it proved to be a real fun! Check out the cinematics and be careful for the green blood!

Uli Heckman

Saturday, July 14, 2007

Some days ago I was looking for websites with interesting navigation and then was when I discovered Uli Heckman's photography portfolio. At first I was a little confused by the way the navigation worked but after all this is what makes a navigation interesting!