keaglez

Hi! I'm Jeffri Hong, also known as keaglez, a 21 years old geek who love the web and comic.

Simple jQuery and CSS3 Slideshow Tabs

Posted on Designing, Programming and tagged with , , , , ,

A slideshow and tabs is pretty common nowadays in any modern website. There is a ton of way to do this and many free and paid tools available for this feature. This make it very easy to create and it will always amaze people who see it. Basically, we will need at least Javascript to do this, CSS to style the slideshow and tabs as we wanted, and then finally the special HTML markup which make it possible. There is also a slideshow which make use of Flash.

The solution I tried to made right now is a very simple and basic one. It make use of simple jQuery to catch the click event and switching tabs, as well as the slideshow, the CSS to style it as much as we wanted and a simple HTML markup in one unordered list.

Read more…

Blog redesign

Posted on Designing, Programming, Wordpress and tagged with , , , , ,

Welcome to my new redesigned blog! It’s been a year and a half since the last time I changed the design. I have always wanted to change it, but I just always don’t have enough time. :) I know I’m not that good enough in designing, but at least, this is the best design I ever made until now!

The idea behind this design is, to make a simple, usable layout and still looks beautiful. There is a lot of tutorial on the web that helped me when making this. I try to make the website small in size, so you’ll able to load it fast enough. There is also a cool trick on the background, which still make the markup small without much wrapping div over div to accomplish the effect. I also realize the importance on social networking nowadays, so I add links to some of my account. :)

Read more…

Moving Stick Figure with CSS 3 and jQuery

Posted on Designing, Programming and tagged with , , ,

With CSS 3, creating a stick figure is easy and fun. But it is even better if it can move. So here it is

Click here for the demo.

This currently worked on Google Chrome and Safari. However, in my test, Safari lagged a lot in the animation. So Google Chrome performed the best!

Enjoy… :D

Update: This is also submitted on Smashing Magazine CSS 3 Contest, you can preview and download from there too. :)

Pure CSS Dropdown with a Little CSS 3 Juice

Posted on Designing, Programming and tagged with , ,

Menu dropdown is one of the feature that almost every today webs have and it is one of the most popular feature used in the web. In past, such feature need Javascript event. Such as using onMouseOver or onMouseOut event. However, since CSS introduced, the new psuedo classes now have this ability. Also, this solution is work for all major browser, except, of course for the CSS3 juice added, which is currently only worked on web-kit browser such as Chrome and Safari. :)

Read more…

Happy Chinese New Year and Valentine Day!

Posted on Designing, Uncategorized and tagged with

Happy Chinese New Year and Valentine Day

For every one who celebrated: Happy Chinese New Year, Gong Xi Fa Cai

And for couple: Happy Valentine Days

You can also see this art and comment it on my Deviant Art account. :)

Proudly powered by Wordpress