<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6213549734993978890</id><updated>2024-11-01T03:33:32.877-07:00</updated><category term="Web Design"/><category term="assignment"/><category term="assignment post"/><category term="link"/><category term="short"/><category term="design"/><category term="screenshots"/><category term="blog"/><category term="colours"/><category term="update"/><category term="Photoshop"/><category term="random"/><category term="Illustrator"/><category term="icon"/><category term="inspiration"/><category term="layout"/><category term="tutorial"/><category term="YouTube"/><category term="Facebook"/><category term="Flash"/><category term="Photography"/><category term="Typography"/><category term="Video"/><category term="flowchart"/><category term="interesting"/><category term="Actionscript"/><category term="CSS"/><category term="Google"/><category term="HTML"/><category term="Visual Fundamentals"/><category term="feedback"/><category term="for fun"/><category term="ideas"/><category term="list"/><category term="moodboard"/><category term="picture"/><category term="semester break"/><category term="Book"/><category term="Javascript/JQuery"/><category term="MM Department"/><category term="Motion Graphics"/><category term="Movie"/><category term="Pet Society"/><category term="URL"/><category term="Web"/><category term="class things"/><category term="crafts"/><category term="documentary"/><category term="event"/><category term="field trip"/><category term="good day"/><category term="interface"/><category term="n00bshots"/><category term="progress report"/><category term="useful tip"/><category term="weekend"/><category term="workshop"/><title type='text'>Melatoninja Multimedia</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default?start-index=26&amp;max-results=25'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>50</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-1604107836116531265</id><published>2011-02-27T20:40:00.000-08:00</published><updated>2011-02-27T20:40:06.193-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="assignment"/><category scheme="http://www.blogger.com/atom/ns#" term="Illustrator"/><category scheme="http://www.blogger.com/atom/ns#" term="Motion Graphics"/><category scheme="http://www.blogger.com/atom/ns#" term="picture"/><category scheme="http://www.blogger.com/atom/ns#" term="short"/><title type='text'>Vector Beluga!</title><summary type="text">Yes, another semester, another year.

Time really is flying by. Well, only when I&#39;m not thinking about it.

Anyway, motion graphics. Progress?

Is a Beluga. Took about an hour to finish.

That is all.

Now have some beluga goodness! 



beluga.png




beluga.jpg

</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/1604107836116531265/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/1604107836116531265' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/1604107836116531265'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/1604107836116531265'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2011/02/vector-beluga.html' title='Vector Beluga!'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinNYsTLZmP0ap90m8n61pYVN2on8Vt1QPDeRoctrZZA4tn3ylv3Uf28t-7RlUnI1Ouji62PpZuVOnR08Gr8F6737BpiXa0TLtiV4DCKt30sy9_c1yNRe1B_P9uwDKTqfculq8FSGNn528B/s72-c/Beluga_Flat.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-6557799715228471488</id><published>2010-12-08T21:27:00.000-08:00</published><updated>2010-12-08T21:27:51.631-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="short"/><category scheme="http://www.blogger.com/atom/ns#" term="useful tip"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Web Design Tip: Centralising Your Website</title><summary type="text">So many of us were having problems centralising our websites for Web Design 2.

I feel kinda stupid now that I&#39;ve found the solution to be so simple.

I kept telling people that I had no idea how to centralise the website using CSS, so I kept advising them to use the &quot;margin-left&quot; property.

After some research (looking at the source code of perfectly centralised sites) and other research (</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/6557799715228471488/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/6557799715228471488' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/6557799715228471488'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/6557799715228471488'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/12/web-design-tip-centralising-your.html' title='Web Design Tip: Centralising Your Website'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-4154612709676968685</id><published>2010-10-11T08:24:00.000-07:00</published><updated>2010-10-11T08:24:04.219-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="n00bshots"/><category scheme="http://www.blogger.com/atom/ns#" term="Photography"/><category scheme="http://www.blogger.com/atom/ns#" term="Photoshop"/><category scheme="http://www.blogger.com/atom/ns#" term="short"/><title type='text'>Digital Photography: KL Street Pikachus, I Choose You!</title><summary type="text">So, yes.

Went to KL today for some photo-taking happy fun time.

I&#39;s still pretty n00b, so please don&#39;t say anything, lawl.

This is a short entry.

Now has some n00bshots, nyeh!



Random alleyway near Petaling Street, KL.










Colourful umbrella and shades, Petaling Street, KL.




A couple nice enough to let us take their picture, Kota Raya, KL.





Going up the stairs. Overhead bridge </summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/4154612709676968685/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/4154612709676968685' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/4154612709676968685'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/4154612709676968685'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/10/digital-photography-kl-street-pikachus.html' title='Digital Photography: KL Street Pikachus, I Choose You!'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSaiPuJQG-fNv6vzGQLRNy9cwWzMVcySP21y3mvYABVm0EZpCp7aquNFshTxYwX_9KSY-P4NXFH9UOMefnMZow9i-zfjJFPlajJkqd7DVhgvzNM1tEobZ4NblyJn4Iqpjv08X1RZhVjDm2/s72-c/1_alley.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-5903693687653864133</id><published>2010-10-04T11:16:00.000-07:00</published><updated>2010-10-04T11:16:44.904-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="crafts"/><category scheme="http://www.blogger.com/atom/ns#" term="picture"/><category scheme="http://www.blogger.com/atom/ns#" term="random"/><title type='text'>Ribbon So Hot Glue Gun Right Now!</title><summary type="text">I gotta stop taking shitty camera phone pictures.

Anyway, putting my hot glue gun to good use. Maybe

These are flowers.

The end.







</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/5903693687653864133/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/5903693687653864133' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/5903693687653864133'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/5903693687653864133'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/10/ribbon-so-hot-glue-gun-right-now.html' title='Ribbon So Hot Glue Gun Right Now!'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUqJ8UqbBaT2ylcS74VqhKwL5-hWUCYQ-vfzbwmoWeamKuy91RZ5W3xYd2vdDuhU1rDQGt_4OoWBUeA6rGRCmCxOk_JtC7LNa6r0iRbrCTnTqcbC_1uAVvRaz4_8bvnUisltXKpMORN9iz/s72-c/Image0904.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-169660279383232375</id><published>2010-10-02T10:19:00.000-07:00</published><updated>2010-10-02T10:23:43.649-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Photography"/><title type='text'>Digital Photography: Slowpoke Lightshow.</title><summary type="text">
Low shutter speed...etc.

This is a short post, the end.</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/169660279383232375/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/169660279383232375' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/169660279383232375'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/169660279383232375'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/10/slowpoke-lightshow.html' title='Digital Photography: Slowpoke Lightshow.'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwKg-e_PQNpLfpjN_xHrlMds-y2N9irb4jUQqlOubSUJFF4lxmhD0tgHmCUzdS-arIcoGPklrQ9XszJyUmj0ciCTVmoSclpQleF2__WcAM4g6YsjDYB1hx1sbbBDmOCt0WTrvudOsfXC1J/s72-c/IMG_0220.JPG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-3139372623715292710</id><published>2010-09-20T19:49:00.000-07:00</published><updated>2010-09-20T19:49:39.054-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="colours"/><category scheme="http://www.blogger.com/atom/ns#" term="design"/><category scheme="http://www.blogger.com/atom/ns#" term="moodboard"/><category scheme="http://www.blogger.com/atom/ns#" term="update"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Web Design 2: Moodboard</title><summary type="text"></summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/3139372623715292710/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/3139372623715292710' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/3139372623715292710'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/3139372623715292710'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/09/web-design-2-moodboard.html' title='Web Design 2: Moodboard'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCj0koFLSvguIm4u2ZIBzKQdTwHnb0vADQ3VvEt0PLE2a-b1SkIlsNagLW2j0gUgRqIQAGOL6f8w9CH6_zUQsu34G5pdcXTEoAKHkUV44_RLbenLJJ3Hc9jzRqRUXO4RNJBbxhadUqmulX/s72-c/Papparichmoodboard.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-8765723923173154674</id><published>2010-09-14T10:51:00.000-07:00</published><updated>2010-09-14T10:51:02.020-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="assignment"/><category scheme="http://www.blogger.com/atom/ns#" term="Photography"/><category scheme="http://www.blogger.com/atom/ns#" term="random"/><title type='text'>Digital Photography: Scanogramisational Awesomeness?</title><summary type="text">I scanned eggs. The end.




</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/8765723923173154674/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/8765723923173154674' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8765723923173154674'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8765723923173154674'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/09/digital-photography-scanogramisational.html' title='Digital Photography: Scanogramisational Awesomeness?'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-v8LIuOzSW1L992ZWt6V_Lu8aBFpRcw18LfY7I3y8RZSjd0hsAZaROhZDaot90WF3K8iMYKxuTIvBddsS7ZdeDl4dqh00JiU4xO4TWNDTRYXeS09WRYJynl_Atwzw7VMonejtZDSaGAgY/s72-c/IMG.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-8242110470237480261</id><published>2010-09-13T13:23:00.000-07:00</published><updated>2010-09-13T13:25:14.633-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="assignment post"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="design"/><category scheme="http://www.blogger.com/atom/ns#" term="Flash"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Javascript/JQuery"/><category scheme="http://www.blogger.com/atom/ns#" term="link"/><category scheme="http://www.blogger.com/atom/ns#" term="Photoshop"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><category scheme="http://www.blogger.com/atom/ns#" term="YouTube"/><title type='text'>Web Design 2: Useful Tutorial Links</title><summary type="text">The Internet is a beautiful thing. Access to online tutorials is also a beautiful thing. Below is a list of tutorial URL&#39;s that I may be referencing for the development of this project.

1. CSS Tutorials:
Sliding Panel
Multi-level Menu
Scalable Breadcrumbs
Rounded Corners
Full-page Background Image&amp;nbsp;
Polaroid Photo Gallery 1
Polaroid Photo Gallery 2
Alternative Layouts for IE6&amp;nbsp;
IE6 </summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/8242110470237480261/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/8242110470237480261' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8242110470237480261'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8242110470237480261'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/09/web-design-2-useful-tutorial-links.html' title='Web Design 2: Useful Tutorial Links'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-3399426586583858575</id><published>2010-09-13T12:36:00.000-07:00</published><updated>2010-09-13T12:36:23.585-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="assignment post"/><category scheme="http://www.blogger.com/atom/ns#" term="inspiration"/><category scheme="http://www.blogger.com/atom/ns#" term="link"/><category scheme="http://www.blogger.com/atom/ns#" term="screenshots"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Web Design 2: Coffee Websites. Do You Want Creamer?</title><summary type="text">So, in the final &quot;Website Inspiration&quot; showcase, I&#39;ve included some sites about coffee. Coz coffee smells nice and stuff.

1. Pura Vida.



2. Seattle&#39;s Best Coffee.



3. Henrici.



4. Sweet Sallie&#39;s.



5. Cilantro&#39;s.



6. Kicking Horse Coffee.



7. Robust-ah.



8. 1369 Coffee House.



9. Park Avenue Coffee.



10. Greyhouse Coffee.



11. Dunn Bros. Coffee.



12. Looney Bean Coffee.



</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/3399426586583858575/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/3399426586583858575' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/3399426586583858575'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/3399426586583858575'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/09/web-design-2-coffee-websites-do-you.html' title='Web Design 2: Coffee Websites. Do You Want Creamer?'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXuWZj9S22-NJ6niDYaiiyc638TsWcBeUzwMz6tSp4ygmsDIj7FFvaEpjZ3qvToog9k5QTqnlt1qSu4VSw6Bnlm_MAJCVY0wqEVKAd0P3x1zW8iTRM_zn5AvHH3LZq6VtiJM4mm1bFY8iW/s72-c/cof1.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-3466546220346699356</id><published>2010-09-13T12:05:00.000-07:00</published><updated>2010-09-13T12:05:35.356-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="assignment post"/><category scheme="http://www.blogger.com/atom/ns#" term="link"/><category scheme="http://www.blogger.com/atom/ns#" term="screenshots"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Web Design 2: Awesome Restaurant Websites</title><summary type="text">A good way to know how to arrange your information is to look at how other similar websites arrange theirs. Below are some restaurant websites that caught my attention for both design and information hierarchy.

1. Barley&#39;s Greenville.


I liked this site for a number of reasons. The main one being the way in which the menu was laid out. Although it does not have supporting pictures for each item</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/3466546220346699356/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/3466546220346699356' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/3466546220346699356'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/3466546220346699356'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/09/web-design-2-awesome-restaurant.html' title='Web Design 2: Awesome Restaurant Websites'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQVoyoVFXAM3beXOd7cuPwxQAnHvTKEV_96YUEA3dbx_lNFZ0IBVoFyPT1lslCWmJsoSWNtgHmcoVq5YtPZHl2RnBwFbQtdHB4TtM8gAHvLPln8Vt72l51Q9E5V_Mt_SwULIMRYoHwFRbh/s72-c/rest1.jpg" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-6256751618794997437</id><published>2010-09-13T11:46:00.000-07:00</published><updated>2010-09-13T11:46:01.868-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="assignment post"/><category scheme="http://www.blogger.com/atom/ns#" term="inspiration"/><category scheme="http://www.blogger.com/atom/ns#" term="link"/><category scheme="http://www.blogger.com/atom/ns#" term="screenshots"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Web Design 2: Inspiring Commercial Websites</title><summary type="text">Below are four commercial websites that I was pretty impressed with. The thing that all 4 of them have in common is the clear navigation and beautiful design. I believe the design is beautiful because the corporate identity is very apparent in each site. 

1. Rohm and Haas.




2. conEdison.



3. McDonald&#39;s.



4. Levi&#39;s Strauss.

</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/6256751618794997437/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/6256751618794997437' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/6256751618794997437'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/6256751618794997437'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/09/web-design-2-inspiring-commercial.html' title='Web Design 2: Inspiring Commercial Websites'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLqFARw59siHhBoHNl3P5IDiwYf0NRdOEx4y3zsitV8rO_6dmNtg56MUYSITEMEabDBaZMnQ__p7hhiSrZrkVOM-i8HI7nY7OhAekEjzVGY-8vZeeFWd1VlXbam5nIQ9DD22hGtR1eKZX6/s72-c/comm1.jpg" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-7761298767942949385</id><published>2010-09-13T11:34:00.000-07:00</published><updated>2010-09-13T11:34:22.767-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="inspiration"/><category scheme="http://www.blogger.com/atom/ns#" term="list"/><category scheme="http://www.blogger.com/atom/ns#" term="screenshots"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Web Design 2: Beautiful Website Inspiration</title><summary type="text">Below is a roundup of some beautiful website design, although they are not all &quot;coffee&quot; websites, they are still an inspiration, methinks.

1. Corvus Design.



2. Oddo Design.



3. Rocket Club.



4. Edgepoint Church.

</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/7761298767942949385/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/7761298767942949385' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/7761298767942949385'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/7761298767942949385'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/09/web-design-2-beautiful-website.html' title='Web Design 2: Beautiful Website Inspiration'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg06Y1agJzaTfbeBqKOytrhuboVXh6tqDPpic-efwetMPANGAj2bkbVtG66GM4BkKIxFFPM8fh8IC4CznrpIIgSIlRNufkRoGoimL2Y12bQGIxd5RPLdXzv7l-jQqwii1xR1XvRJK_sMQTi/s72-c/Corvus-Art-l.jpg" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-3399475930630376236</id><published>2010-09-12T16:50:00.000-07:00</published><updated>2010-09-12T16:50:42.862-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="link"/><category scheme="http://www.blogger.com/atom/ns#" term="screenshots"/><category scheme="http://www.blogger.com/atom/ns#" term="tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Web Design 2: Inspirational Interface Design Tutorials</title><summary type="text">1. Nature Inspired Painted Background.



2. Viget Inspire Background.



3. Watercolour Effect Menu.


4. Royal Interface.



4. Simple Layout Design.



5. Trendy Geometrical Lines.



6. Handy Web 2.0 Icons.
</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/3399475930630376236/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/3399475930630376236' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/3399475930630376236'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/3399475930630376236'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/09/web-design-2-inspirational-interface.html' title='Web Design 2: Inspirational Interface Design Tutorials'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBWynowEP1dIs3vX0lhVbAy5EJZ7mW4QFrJLdx0JvzE_hpQCArLzcF_EZduMXDWJSgR5ruuvJLWgQVi8h_5F8fcQPIFnpMXrHMGrLRpmqOEVlIFJN3LygvaVZkAU8NFOgJRGFu7eNHHscy/s72-c/painted_bkg.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-4296570392929455529</id><published>2010-09-12T16:22:00.000-07:00</published><updated>2010-09-12T16:23:31.980-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="assignment post"/><category scheme="http://www.blogger.com/atom/ns#" term="design"/><category scheme="http://www.blogger.com/atom/ns#" term="layout"/><category scheme="http://www.blogger.com/atom/ns#" term="link"/><category scheme="http://www.blogger.com/atom/ns#" term="screenshots"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Web Design 2: Competitor Analysis</title><summary type="text">To be honest, when I got &quot;Pappa Rich&quot; as the site I had to redesign, I wasn&#39;t expecting it to be...that bad. Because firstly, their outlets are pretty well done. I was surprised at how poorly the site was constructed. No offense!

Anyway, to the obvious next step when attempting to revamp a design; Competitor analysis!

1. Starbucks, Malaysia.



Events Page



Home
This is actually one of the </summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/4296570392929455529/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/4296570392929455529' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/4296570392929455529'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/4296570392929455529'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/09/web-design-2-competitor-analysis.html' title='Web Design 2: Competitor Analysis'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJQN4MMmi7SxWoFNryRbP9Fvocgyb4YZdIcIzxKrwIgAxwzL_uopb3arJ8FDCX8_CJmEWSWm5gzxV-7hRlHl-QZ_k0uUvKoVehFSKUmAKZxgmDJtSXhZQPhz1iR9KPPdK6pGlIwWFLE8gB/s72-c/sb_2.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-8326040670990233771</id><published>2010-09-12T15:38:00.000-07:00</published><updated>2010-09-12T15:38:37.432-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="link"/><category scheme="http://www.blogger.com/atom/ns#" term="screenshots"/><category scheme="http://www.blogger.com/atom/ns#" term="short"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Web Design 2: Pappa Rich Website Screenies!</title><summary type="text">So, I have to redesign the website for Pappa Rich, Malaysia.

Below are some screenshots of the pages that I felt could use the MOST improvement:



The homepage could definitely be more interesting, &amp;gt;_&amp;lt;.




The Menu page could be better layed out.





Too much text, poor alignment, no mood to read, &amp;gt;_&amp;lt;.



The HTML Table border gives me lols.
</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/8326040670990233771/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/8326040670990233771' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8326040670990233771'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8326040670990233771'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/09/web-design-2-pappa-rich-website.html' title='Web Design 2: Pappa Rich Website Screenies!'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXzMiHFFGXIDwlI7-ZexwuxnDEtS9VUOR2Oalg1D21dsCPf8yliqTkJjubRQYx1mC2TgN1ln1XdSGWr77mbk1MVf99MQ5dxCcnHEylP8OdYHz4QLk5b9-vcG_SJjCR5h0Ub7qt-3e0ROqS/s72-c/Picture+3.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-256812805201369397</id><published>2010-09-12T15:24:00.000-07:00</published><updated>2010-09-12T15:24:44.480-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="assignment post"/><category scheme="http://www.blogger.com/atom/ns#" term="ideas"/><category scheme="http://www.blogger.com/atom/ns#" term="layout"/><category scheme="http://www.blogger.com/atom/ns#" term="short"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Web Design 2: Gantt Chart and Site Map</title><summary type="text">So the new semester has begun.

This semester&#39;s brief requires us to redesign an existing corporate website. Below is the first part of initial planning:



Gantt Chart, blergh!




Below is the site map of the existing website. There are quite a few things I would like to propose to change. I will cover that in a coming post, stay tuned!




Site Map, for serious!
</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/256812805201369397/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/256812805201369397' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/256812805201369397'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/256812805201369397'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/09/web-design-2-gantt-chart-and-site-map.html' title='Web Design 2: Gantt Chart and Site Map'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhc4hw_pSPRemW3KQlVtVfTem3sUFMEsSFA-2_cSX5hu8pLvkFujQP8Br9sX5HZNiljkUul1m6zoO3T5ESPNx0mzGPamDI4InBhyphenhyphengLgJPaNQaE7ZfGy1Mr-58R4bZJJCsdRKoZSt0FrMBs/s72-c/W1_Gantt-Chart.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-8932630616525529583</id><published>2010-07-27T09:15:00.000-07:00</published><updated>2010-07-27T09:17:35.366-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Facebook"/><category scheme="http://www.blogger.com/atom/ns#" term="Web"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><category scheme="http://www.blogger.com/atom/ns#" term="YouTube"/><title type='text'>Web Level Up!</title><summary type="text">

Evolution is a given.

Everything evolves. And in my opinion, technology evolves faster than most everything else. Today, the lecturer asked what the differences were between Web 1.0 and Web 2.0. Honestly, I&#39;ve always wondered but never got around to finding out properly.

So after doing some research, I have compiled a list of the key differences from my understanding:

Web 1.0
Was read only
</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/8932630616525529583/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/8932630616525529583' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8932630616525529583'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8932630616525529583'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/07/web-level-up.html' title='Web Level Up!'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5eoFQN9apC9mUzKx-jWLo5tBYp6hjqAovIrX8f9Thyphenhyphenmu8j4-MnOwK5-G1gjsxr7Iso_hpkU9tYVm9CRc6SdIlHs4Z4kCGTLwgWAGLG4DIH1viVEYsXGOrS2e7mSfm2BF9Kw_Ox7ZIx6Mx/s72-c/evolution-white.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-8951976624109476740</id><published>2010-07-24T23:43:00.000-07:00</published><updated>2010-07-24T23:43:17.854-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Flash"/><category scheme="http://www.blogger.com/atom/ns#" term="inspiration"/><category scheme="http://www.blogger.com/atom/ns#" term="Typography"/><category scheme="http://www.blogger.com/atom/ns#" term="YouTube"/><title type='text'>Kinetic Typography.</title><summary type="text">For one of our Typography for Digital Media projects, we have to make a weather report in motion. Kinda thing. Like faux motion graphics. But using Flash.


Anyway, I am seriously having trouble trying to storyboard that shit, so I looked at some references on YouTube. I know it&#39;s not exactly what we&#39;re trying to achieve, but inspiration nonetheless.



1. Pulp Fiction in Motion Graphics:





2.</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/8951976624109476740/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/8951976624109476740' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8951976624109476740'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8951976624109476740'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/07/kinetic-typography.html' title='Kinetic Typography.'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-2887413648210457404</id><published>2010-07-11T02:17:00.000-07:00</published><updated>2010-07-11T02:17:40.677-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="assignment"/><category scheme="http://www.blogger.com/atom/ns#" term="colours"/><category scheme="http://www.blogger.com/atom/ns#" term="design"/><category scheme="http://www.blogger.com/atom/ns#" term="progress report"/><category scheme="http://www.blogger.com/atom/ns#" term="screenshots"/><category scheme="http://www.blogger.com/atom/ns#" term="update"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>WD1 Update, Rawr!</title><summary type="text">Hmmm, well it&#39;s that time again for the gathering of user feedback.

I do realise that my priorities are all over the place when it comes to assignments, but meh.

Anyway, blogging a few screenshots for Web Design 1 because I&#39;m stuck on ideas for the look. The coding is still a work in progress but that shall be up once I&#39;m done.

1. First Round:
&amp;nbsp;&amp;nbsp;For this first one, I initially </summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/2887413648210457404/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/2887413648210457404' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/2887413648210457404'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/2887413648210457404'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/07/wd1-update-rawr.html' title='WD1 Update, Rawr!'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI-ErWNZoWDySXEr2D-FwLQW0hxC_04GW7_9flvx8UnZ6xJMgx9pa7orK4CC6x5h0mAwhDVAGnaMSgF1DZ3bEf58Ib7ePFXNyiYA45LgcdrKi-0y8YMULMBSMTMD8kG0hpqllRh8MGBP3n/s72-c/1.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-5898371033394317147</id><published>2010-07-08T04:58:00.000-07:00</published><updated>2010-07-08T04:58:26.138-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Actionscript"/><category scheme="http://www.blogger.com/atom/ns#" term="assignment"/><category scheme="http://www.blogger.com/atom/ns#" term="blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Typography"/><category scheme="http://www.blogger.com/atom/ns#" term="update"/><category scheme="http://www.blogger.com/atom/ns#" term="Visual Fundamentals"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Mansions: Some Are Haunted.</title><summary type="text">Progress on all fronts is kind of slow.

Well, generally.

Anyway, this is a short assignment update. I have a few more to get through, but I&#39;m going to take a break for now. We have received the final project brief for Visual Fundamentals and it seems doable enough. Minimum requirement: 12-frame storyboard for a tourism TV commercial for your chosen country and a poster thing for said country.

</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/5898371033394317147/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/5898371033394317147' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/5898371033394317147'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/5898371033394317147'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/07/mansions-some-are-haunted.html' title='Mansions: Some Are Haunted.'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6rS9mnQMAwYnakW4DTc8COfiDSMvU6xYQw3M_vpRcigucNFZt-9rN6pYV2tQIjyWadWWIbk-vuPLY7UTKhPgh_mGN9Uvmp6s8_ACyTN0ZPb5Y0C0lcyQ-UtBOBJu63sETdDpGwWZ9G-YX/s72-c/mm0901053_shaiianne_09010053_mansion.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-303620315363339412</id><published>2010-06-30T09:31:00.000-07:00</published><updated>2010-06-30T09:38:06.396-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="inspiration"/><category scheme="http://www.blogger.com/atom/ns#" term="interesting"/><category scheme="http://www.blogger.com/atom/ns#" term="screenshots"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Scrolling Along The Horizon?</title><summary type="text">On the Web Design 1 front, there have been a few &quot;drastic&quot; changes made to my project. I don&#39;t know if I can call them improvements, so I guess I&#39;ll just call them changes.

Anyway, I won&#39;t write a long long post detailing all the said changes, so don&#39;t redirect away from this page.

I will, however, mention that I&#39;ve decided to try out a horizontal scrolling layout. So this is just a little post</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/303620315363339412/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/303620315363339412' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/303620315363339412'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/303620315363339412'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/06/scrolling-along-horizon.html' title='Scrolling Along The Horizon?'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir9RZ4s3kE8CvGZB6DeKGkLvDY8y2t8IpMTZG-kY8s_xId6UQZul7o775pMPQFFG8I0mzhvxh_03N0Jp8jq5rkYHjDy4_j06syAlpB4q9YWFj7sp8Kn0ZjLgxYw4TbXep8Rl0FEvkORZM7/s72-c/carrotcreative.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-4545882925419216959</id><published>2010-06-30T08:29:00.000-07:00</published><updated>2010-06-30T08:32:22.930-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Actionscript"/><category scheme="http://www.blogger.com/atom/ns#" term="Flash"/><category scheme="http://www.blogger.com/atom/ns#" term="short"/><category scheme="http://www.blogger.com/atom/ns#" term="tutorial"/><title type='text'>Ohnoes! Clock Flashed Me!</title><summary type="text">Yes, just doing some random Flash Tutorials for Actionscript 3.0

Came across this one that was only 15 steps, so I thought I&#39;d try it out. Click here to see the actual tutorial page.

That is all for now.

</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/4545882925419216959/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/4545882925419216959' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/4545882925419216959'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/4545882925419216959'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/06/blog-post.html' title='Ohnoes! Clock Flashed Me!'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-1216682052650177968</id><published>2010-06-14T06:12:00.000-07:00</published><updated>2010-06-14T07:34:07.497-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="assignment"/><category scheme="http://www.blogger.com/atom/ns#" term="colours"/><category scheme="http://www.blogger.com/atom/ns#" term="Photoshop"/><category scheme="http://www.blogger.com/atom/ns#" term="Visual Fundamentals"/><title type='text'>Breaks of Coffee?</title><summary type="text">Visual Fundamentals 2 is a relatively fun subject.

And I need to make an update, so I shall follow this falla&#39;s good example and post people drinking coffee or tea or [insert hot beverage of choice].

I had a lot of fun doing this particular assignment. The actual colouring didn&#39;t take very long, but I spent a really long time sketching it because my proportion is – how to say – uhm, fail? Yes, </summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/1216682052650177968/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/1216682052650177968' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/1216682052650177968'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/1216682052650177968'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/06/breaks-of-coffee.html' title='Breaks of Coffee?'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTla1MJjDkajkcP3sYpHvmD3BL7H5e47J3H5PWmB8gfGiIdwh0CPMx06krmTxJY91xtZIQRGjKAx2CekLWk18_EjYyvBDjkT3DnkNgfpKLSju4ycZ8o_gsgpUV0W1eHHkpinkYhT9wclWs/s72-c/2Coffee.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-8876604562576133641</id><published>2010-05-24T22:06:00.000-07:00</published><updated>2010-05-24T22:06:34.287-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="design"/><category scheme="http://www.blogger.com/atom/ns#" term="flowchart"/><category scheme="http://www.blogger.com/atom/ns#" term="ideas"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Flo Chart. The Rapper?</title><summary type="text">Yes, I am in a &quot;lame-blog-titles&quot; mood today, &amp;gt;_&amp;lt;.

This is a continuation of the last post. A proposed flowchart for the Website.

It probably raps better than certain rappers anyway, just saying.

As usual, click to enlarge and that sorta shizz, feel me?

</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/8876604562576133641/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/8876604562576133641' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8876604562576133641'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/8876604562576133641'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/05/flo-chart-rapper.html' title='Flo Chart. The Rapper?'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhupMvFb6QzTDw3Hssr89oIkYgSSsn1YzaBx0YpdR1Ie3UCK1hyphenhyphenUTKCDgyeOonphveaWTJaugQE6TpFEQleQ7xaXSaH0WovvS9Qkjj3DznCvZ4WwMYqv5Xt39a9RwWL43TjVI4vVNO8JYnH/s72-c/Flowchart.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6213549734993978890.post-7013847113100261131</id><published>2010-05-24T21:12:00.000-07:00</published><updated>2010-05-24T21:14:19.749-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="colours"/><category scheme="http://www.blogger.com/atom/ns#" term="design"/><category scheme="http://www.blogger.com/atom/ns#" term="moodboard"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Moodbored?</title><summary type="text">This is the next part of the project development.

Creating a moodboard to show the overall feeling and direction of the site. I don&#39;t really know if I did it right, but this was sorta what was in my head when I think of what the website will look like.

In other news, I do believe I need to post my flowchart too.

Anyway, moodboard below. Click to enlarge and all that jazz. 

</summary><link rel='replies' type='application/atom+xml' href='http://melatoninja.blogspot.com/feeds/7013847113100261131/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/6213549734993978890/7013847113100261131' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/7013847113100261131'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6213549734993978890/posts/default/7013847113100261131'/><link rel='alternate' type='text/html' href='http://melatoninja.blogspot.com/2010/05/moodbored.html' title='Moodbored?'/><author><name>Melatoninja</name><uri>http://www.blogger.com/profile/02378835092592241842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoppWx90dc4vAXzK-adk7Rzyn6EwPQuxIqys4X6-Mq5ljrhQhvjPT7poMtWLWKHpQHvIKQb4fs2R8ennAWSIT20B5pZ5kxVbNI8TVw8Onfq9oY_RE_KdsWM53hDWG1g/s220/Seflportrait-1.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Ryvi6tOqBCxFeh0w0J-YgQHZgTrrdcp1WwrSNkY6jznRewy3vtCgRf_MT6G3x_uTbs9ipdnt5GdWQhnfVVUzFkWq-n6Z-SHW1NyNLC3O-rsJf2jmX3J3NLuMNb4bUPVnghyZUsd-kXX6/s72-c/MoodBoard.jpg" height="72" width="72"/><thr:total>0</thr:total></entry></feed>