keaglez

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

CSS Captcha 0.1 beta

Posted on Programming and tagged with , , ,

With coming of the CSS 3, it is now possible to draw using merely HTML and CSS. After seeing some awesome work that can be done with CSS 3, one of my friend suddenly get an idea to create a captcha. Thinking that bot today might haven’t able to pass this kind of captcha, I created this, CSS Captcha. The captcha that didn’t use any image. It just simply using HTML and CSS to draw characters in your screen. I might be not the first one to create this though. :)

Click here for demonstration

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…

Another new templates

Posted on Designing, Wordpress and tagged with , , ,

Since this blog launched, I have changed this blog templates three times. So, this is my third WordPress template. The first one, is called as Modern Capsule, that focusing on black, white and red colors. The second one is a simple template, called as Simple Golden Black, which used black and gold as its base color. Now the third one, its a ‘whole’ semi transparent template, that I called as Cross Line. Yup, almost all element is semi transparent. And the interesting one is, it changed the background color based on the current time (GMT +7), from morning to night. lol :) Is it better?

How to create WordPress template part 2

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

Now is the part 2. If you haven’t read the part 1 yet, go here to read it. If in the part 1 we have make the graphics we need to build the template, now it is the time to play with CSS and HTML. But first, before we going further, we must first understand the WordPress template hirearchy. The WordPress template, in the very minimum, need at least two files, style.css and index.php. We can however have more files that recognized by WordPress to deliver different look on different requested page. But now, we create the standar template, at least we have header.php, footer.php, sidebar.php, index.php, comments.php, functions.php and style.css.

Read more…

Proudly powered by Wordpress