Hello there. I am Terry and I am a full-time undergraduate based in Singapore. I take photos, write a blog and design websites.

And no, I'm not a teddy bear.

teddY-risatioNâ„¢ Delta Released!

teddY-risatioNâ„¢ Delta is finally ready for release after 3 days of hard work :) I’m terribly sorry that I didn’t provide a sneak peek for you all – blame it on my perfectionist mindset, it instructed me to show you the complete version of this theme instead of letting you see it partially uncompleted and riddled with bugs. teddY-risatioNâ„¢ Delta is actually heavily modified from the WordPress Sandbox Theme, and the idea of making it struck me when I designed my new blog favicon (thanks Id for the inspiration, do you know that one favicon of yours motivated me to create a whole new WordPress theme? You’re really awesome!) And then when I was searching for easily editable, perfectly minimalistic theme, I stumbled upon Plaintxt.org and that is where the sandbox theme is available. Here’s a screenshot of it:

teddY-risatioN Delta - Main screenshot

And now here comes a list of features in this new theme!

Features

  • Scriptaculous-powered sidebar – now you can expand and collapse all the elements in the sidebar (some of them are already expanded). Just click on the headers to toggle the expand and collapse effect.
  • New header – I’ve learned some neat Photoshopping tricks from Webdesigner Wall to give my header a makeover. Some obvious effects are the glowing background and particle trail effect.
  • Icon navigation – I got this idea from Adobe’s Wheel-O’-Icons, where the icons are arranged around a colour wheel. So I’ve made my own colour wheel and used desired colours from the wheel to create the icons:

teddY-risatioN Delta - Icons around the colour wheel

  • Description of icons – when you hover your mouse over the icons in the navigation bar, a short description of what does it lead you to appears at the bottom. This is a javascript effect adapted from the lovely Dolphin tabs.
  • Huge footer – the old classic footer is inherited from the previous theme, equipped with a huge tag cloud and other SEO junkies (but there’s a twitter feed down there too!)
  • Cross-browser compatibility – this theme has been tested to work at IE6.0 and above, Firefox 1.0 and above and Safari 2.0 and above. I didn’t test it for Opera because I didn’t get it installed. Anyway less than 1% of my visitors use Opera.

Bugs

There are certain bugs in this theme, although they’re quite insignificant, it’s better to keep you posted.

  • Header breaks when viewed at resolution of width: 930px and below – this is because I’ve displayed the image at the [body] element and thus when the width of the window is smaller than the container, the header breaks. So this theme is not 800*600 compatible, but is okay from 1024*768 and onwards.
  • In Firefox, when the tagboard (nested in an [iframe] element) is expanded and collapsed, a minor visual bug will appear.
  • Minor padding and margin discrepancies among different browsers on different operating systems.
  • If you find any more bugs, report them!

Special thanks

I didn’t do this theme alone – I got help and inspiration from many helpful and wonderful people. In no specific order:

  • Andy Skelton & Scott Allan Wallick (Plaintxt.org) – for released the wonderful Sandbox theme – without it this theme is barely possible.
  • Id – for your amazing favicon! The header navigation system in your blog layout got me inspired as well! Thanks for your support!
  • Ivy – for your minimalistic Springley theme! I used your layout for referrence, especially for the links page!
  • Iva – thanks for your mail! I feel really honoured to receive it, and thanks for all the compliments that got me going!
  • Nick La – for your inspirational designs and layout at N.Design Studio and Webdesigner Wall!
  • Melle, Yappy, Id, Bush, Han & momo – for leaving supportive and encouraging comments that kept me going (and prevented me from falling asleep at 2am in the morning)
  • Bush for being very kind and generous for writing a flattering review of my new theme. Thanks Bush!
  • Shiqi for your complimetns at the tagboard! <3
  • Yueqi for the refreshing tag!

That’s all for this post! I hope you guys like it!

Burn after reading » Now you're done reading. What's next?

Related

Related posts that might interest you:

Popular

Posts that are popular among visitors:

Share it

If you've enjoyed the post, or think that it might be useful to others, do share in on a social network site that you're using. Thank you!

  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • StumbleUpon
  • Technorati
  • LinkedIn
  • Reddit
  • Design Float
  • Identi.ca
  • Live
  • Ping.fm
  • Print this article!
  • Twitter
  • Netvibes
  • HackerNews
  • Slashdot

35 responses to “teddY-risatioNâ„¢ Delta Released!” » Leave a response

  1. YappyResponse

    Haha, reading your blog keeps me awake too.
    Your new layout is great! I especially like the header navigation bar and the scroll-down sidebar. *thunmbs up* :wink:

    Btw, how do you do the scrolldown sidebar? Any tutorials? Nice work! :grin:

    Check out Yappy’s last blog post: Life is good

    1. YappyResponse

      Nvm about scriptaculous, i think i sorta figure out how to use it. :oops:
      Keep up with the nice work! :razz:

      Check out Yappy’s last blog post: Life is good

  2. Bush MackelResponse

    !!!

    I typed and erased that first line like 5 times before I came up with “!!!” (#):) This theme is kicka$$. While I was very interested in what you would come up with for your new template, I honestly didn’t know if I would like it better than your last, but this is AWESOME!

    You did a really great job on the colors, (I love your blues in your header and the color choice in the sidebar), footer is looking fantastic, your background is inspired and your header w/ the chemical symbol like navigation is very fresh and the buttons look great!

    Can’t say enough about your new theme! Great job!

    Check out Bush Mackel’s last blog post: Videogame Round Up 4-2-08

  3. jasonResponse

    Wow. This feels really different. Your past versions were very bright and colourful. Like you said, and I quote, “Revamped.”

    Now, Especially the header, it seems surreal and cool. Has quite some sleekness to it. I love the rounded edges all over and the very much integrated search box. Fits right in.

    And finally, the tagboard is accessible from page of posts. Because Google Reader links me straight there, not to the homepage.

    3 days seems a bit quick, ya know. For me, I could take 2 weeks and not produce something like this. Lack of expertise and being busy for me. Lol. And I would get frustrated half way. So it’s a really tough job. Congrats!

    I have a nit to pick though. Your sidebar is a bright to fit the theme. Hope you don’t mind.

    Check out jason’s last blog post: Just a Small Memorandum..

  4. teddY's Great New Design! | Bush MackelResponse

    [...] felt compelled to shed some light on teddY-risatioN’s new [...]

  5. IvyResponse

    Lovely new re-design. I love the expandable sidebars. I used it for my company’s site once but I really never thought about using it on my site since I’m afraid people would surf without javascript.

    My favorite has got to be the header though. Very nicely executed. And looks amazing!

    Good job, Teddy!

    Check out Ivy’s last blog post: nba playoff predictions

    1. IvyResponse

      oops… no idea why my boyfriend’s blog was linked instead of mine. Hahaha. my bad.

      Check out Ivy’s last blog post: Protected: Betrayers of Buddhism

    2. MomoResponse

      honey cause he’s always on your mind :P :P :P

      Check out Momo’s last blog post: IQ = 0

  6. MelleResponse

    Ooooooh!! Element of Teddy Risation! I love it much!

  7. NelResponse

    I LOVE the redesign Teddy!! Its so clean and sleek. That was one short hiatus- you were back before I even got a chance to miss our blog :)

    Hopefully you won’t be on any more hiatuses anytime soon (sorry if that sounds a bit selfish, lol :razz: )

    Check out Nel’s last blog post: Free speech and religion, what’s right? what’s wrong?

  8. Jake

    Hey Terry buddy, I’ve been real busy these days with projects and coming final exams. However, I do spare some time to check out your website for some eye candies.
    I really like the new look of the blog. Keep it up!!!
    Will chat with you another time.

  9. lettiResponse

    very cool. amazing stuff. :)

    Check out letti’s last blog post: Preserving Our Heritage

  10. IdResponse

    Sweet re-design, Teddy! I visited this one last night and I was so blown away by the header and the expandable menu! And now I finally get to comment! Clearly, the three days of hard work paid off. This is really amazing!

    (Need I note that I am totally loving the background of your comment area?! =D)

    I am also really touched that something as small as my favicon could bloom into something as gorgeous as your theme! You clearly took it to the next hundred steps! Great great job! I think I’ll let this comment publish and I’ll continue oogling over the updates that you made, hehe! =D

    Check out Id’s last blog post: The New Order.

  11. HanResponse

    I love the rainbow sidebar :P I love rainbows!!

    I really like it, especially the photoshop stylee top navigation.

    ooh just noticed the footer, thats exciting!

    Check out Han’s last blog post: Meme

  12. AisyahResponse

    I love the colours, I love the rainbow sidebar, I love the navigation. all in all, great theme. it’s very neat. congratulations.

    and the footer is really nice too. ;)

    Check out Aisyah’s last blog post: Slow Down!

  13. qureyoonResponse

    nicely done !! :cool:

    loved this one ! more professional :D

    Check out qureyoon’s last blog post: The Place To Hear All National Anthems

  14. HenbimaResponse

    This is great looking blog teddY! I always admire your design! I don’t really understand what you explain up there, but it sure make your blog look fantastic!

    It does take time to open up your blog as i use a dial up connection, but it worth the time :)

    Why don’t you sell your blog theme for a price? I believe many people would love to pay your design for some price :D

    Keep up on your great job teddY!

    Check out Henbima’s last blog post: Tips To Keep You Focus

  15. MomoResponse

    wow this is really cool!!! *wide eyed*

    i’m having endless fun with your sidebar btw and your header as well.. lol i’m like a mentally challenged person having fun by clicking and looking at mouseover effects.

    Check out Momo’s last blog post: IQ = 0

  16. ingSiangResponse

    I like this more than your previous one, :shock: :shock: :shock:

    SUPER NICE! Very well done! *envious look* :cry:

    Check out ingSiang’s last blog post: 04.04.08 – I Reached My Ultimate Tensile Stress

  17. teddYResponse

    @qureyoon: Hey thanks!

    @Henbima: My bad, I guess I suck at describing things, haha :roll: basically this theme is one that is css restyled from the minimalistic sandbox themes. Notable features include header icon navigation and collapsable sidebar :) oh and sorry about being dial-up unfriendly! I’ve tried to minimise the file size of the images already. I think I’ll throw in more JPEG compression when I have the time to reupload the images.

    @Momo: No don’t say that! When I first heard about Scriptaculous I was playing around with all the effects on their demo page :razz: teehee, it was really fun!

    @ingSiang: Thanks! Well the previous theme (Gamma) was a little disaster per se – I think it turned out to uglier than the older theme (Beta)… well luckily I didn’t let it stay out for too long (in fact, Gamma was only active for 2 months).

  18. MichelleResponse

    OMG TEDDY!! You did such a fantastic and marvellous job on this theme!! Great work!!! Keep it up!!! I can see that your design skills improve tremendously with each new theme that you come up with!! :mrgreen:

    Check out Michelle’s last blog post: Some Greens & A Last Minute Project

  19. Aaron CookResponse

    This is definitely a darn cool theme. I came across it in Bush Mackel’s writeup about it. Really cool, indeed. :cool:

    Shine on,
    Aaron

    Check out Aaron Cook’s last blog post: Hump Day Humor: Russian Dolls – Alex Nussbaum

  20. Aaron CookResponse

    Hey teddY,

    Thanks for the visit…and the kind, awesome comment! Added you to my “Blogs That Shine” blogroll. :smile:

    Take care, good man.

    Shine on,
    Aaron

    Check out Aaron Cook’s last blog post: Hump Day Humor: Russian Dolls – Alex Nussbaum

  21. teddY-risatioNâ„¢ » Make Your Own Icon!Response

    [...] and your mind sharp with creativity. When I release my new personalised WordPress theme, teddY-risatioNâ„¢ Delta, it came with a header image that contains a 3D looking icon / logo. The one on the left is [...]

  22. teddY-risatioNâ„¢ » Designing is Fun - a Wordpress PosterResponse

    [...] After a few days of editing and learning, I’ve made some major modifications to the current WordPress theme, teddY-risatioNâ„¢ Delta. [...]

  23. Pediatric Dentists Singapore largest and quite a few trusted dental benefits carrier. We cover more Singaporeans than some other dental benefits provider - and attempt to make dental coverage more accessible and reasonable to lots of employersResponse

    I blog quite often and I seriously thank you for your information.
    This article has truly peaked my interest. I am going to book mark your website and keep checking for
    new information about once a week. I opted in for your Feed as well.

Leave a Response » Share your thoughts or Return to top

Your name is required. Why?

  • So that I can address you personally (which I'm more than happy to do).
  • Everyone loves their name to be called, right? Nobody wants to be referred to as 'a certain someone' or Mr X (X-Men members aside).
  • If your post too much spam, your name will be imprinted on a personalised voodoo doll, completely free of charge. I'm just joking!

Your email is needed. Why?

  • Your email is, and will, never be given out to any third party under any conditions (except for people sneaking up behind me when I'm on WP admin).
  • So that I can contact you personally in case of certain issues that I wish to address personally.
  • If you post too much spam, I'll email the same spam you've posted 10 times back to you, completely free of charge.

You can always leave a personal URL behind

  • It can be anything - most people put their blog URL, their facebook page, their Twitter URL, their MySpace or etc.
  • I give love back by saying NO to no-follow. All of your webbie links are dofollows instead.

Twitter. Twitter. Twitter.

  • What is Twitter?: Twitter is a social networking and micro-blogging service that enables its users to send and read other users' updates known as tweets. Tweets are text-based posts of up to 140 bytes in length.
  • What is my Twitter ID?: To get a Twitter ID, you simply have to sign up for an account at Twitter.com. Your ID will be in the format of your profile's URL - http://twitter.com/[userid].

Comment notes

  • Gravatar: You can register for one at Gravatar.com
  • XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">
  • Codes: Wrap them up with <code></code> tags.

Hello Easter Egg hunter! You've discovered the magic of the Konami Code!

Yea. You probably know what the Konami code is before getting to this page. So now what? Here is a randomised YouTube video on my favourites list... which includes Rickroll, if you're luck enough to get it.

You are currently watching Lady Gaga - Telephone (feat Beyonce). Loving it? You can even watch the video in its full screen glory :)

The Konami Code:
Konami Code sequence