Found this at the forrst.com, which must say the best way yet to create a separator between any section. This separator is widely used in most design these days, but alot of them are using images. Some using borders for two different div or containers, but sometimes due to different size of width, it mess the separator. Continue reading
Not an accordion, but only the effect
I’m looking around to make a simple menu or tab menu so that I can save some space on a page that contains a lot of link and information. Until I found a simple snippets by Chris Coyier to make a simple accordion menu.
I’ve tweaked it as I need and it look better now I must say.
The NDA for the beta has been lifted and you can found a lot of videos released on Youtube. This three is my favorite.
[youtube]http://www.youtube.com/watch?v=FH9IW83Wxl4[/youtube]
This is a level made based on Street Fighter and from it I can see the player will be available to select Guile at the moment. Seriously, its fecking cute to see this. Nice to see you will be able to create such effect like Shoryuken. And don’t forget the music, classic.
[youtube]http://www.youtube.com/watch?v=ril6dFBwRDk[/youtube]
This one is based on Zone of Eden game. Fantastic creation I must say. How do this people get such idea I wonder?
[youtube]http://www.youtube.com/watch?v=YwsKb-M-Atk[/youtube]
And this one, is my most favorite. The LBP Vietnam style. Even though it is not actually a shooting game, more like gallery, it nice to see the camera effect and movement. The reloading also take some nice touch, even the enemy look very empty.
All and all, this game has shown lot of its potential, to succeed its first game. It might be huge like the first one, but who knows, it might get you bored after sometime, like the first one. 
The next Firefox 4 beta, which is beta 7, is going to be release on the second half of September. Among the important changes would be the Firefox CSS support, where developers will no longer need to use the -moz prefix for border-radius and box-shadow.
Webmonkey.com has discussed some of the pros and cons of using vendor prefixes in the stylesheets and this news from Firefox definitely a good news generally. This following after the news of Microsoft is dropping some of the vendor prefixes too in Internet Explorer 9, which will be release sometime.
Nevertheless, until it has been made official, it always a good practice to stick with the prefixes since you never know the browser type your user use.
This is generally a good news for the developers as this modern browser is made with more support in CSS3 and HTML5 ready, and this kind of thing will definitely help developers.
The site might not be available for sometime due some problem with the webhost server. It is now back up and operating properly 
It’s 1:42 am (+8) and I’m still with my Dreamweaver CS5, Firework, and Google Chrome. Still in the process of designing my new look and going well so far. But still far from the finish line, as I’m getting lazy. It seems I don’t have the catalyst to start doing it.
This might be an old stuff, but Pacman from Google on a post is something nice. I found a plugin that allow you to embed the game on your post. You just need to add the shortcode and you are good to go. Try this!
[pacman]
This post was originally posted on the 12th September 2010. Reposted since the domain name changed.
The “box” mentioned here are not a box, but a model that we define to look like a box in CSS, like the <textarea> where the width and height were assigned by us. But did you know that the width and height that you’ve assign, to combine with padding and border were outputted differently by all browsers including IE6?
The CSS box were rendered like this :
width + padding + border = actual visible/rendered width of box
height + padding + border = actual visible/rendered height of box
But, in IE6 it were treated differently in the “quirk” mode :
width = actual visible/rendered width of box
height = actual visible/rendered height of box
To make it clear, see the image below:
And below is the IE6 model of the box :
On my early days in CSS, I didn’t realize this is how browser render the CSS. I thought when I initialize it with a specific width and height, that’s what I see. Well, I forgot about padding and border size which unexpectedly expanding the “box” to a size that you not actually assign to it. So if you looking to design layout specific “box”, make sure you know how the “box” actually works and rendered so it won’t make your life hard.
With the CSS3 today, fortunately the real “box” model that have its border and padding that cut into its width, rather than expanding it can be achieve. Chris Coyier mention in his post, the sort of fix for this.
textarea {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
Though mind yourself, this is for the newly gen browser and IE6 together with IE7 is still facing a problem.
