New GUI:
🎉 Celebrating 25 Years of GameDev.net! 🎉
Not many can claim 25 years on the Internet! Join us in celebrating this milestone. Learn more about our history, and thank you for being a part of our community!
Old GUI
New GUI:
New GUI:
Previous Entry
Revel Immortal 0.17 Alpha is now live
Next Entry
WebAudio API in next release
Comments
February 03, 2014 02:07 PM
Oh neat, I didn't notice that CSS3 had standardized 9-slice borders. It used to be a total freaking pain. I know corner-radius and drop-shadow effects were all the rage in CSS3 for a while, but there's something to say for texturing and square corners.
February 27, 2014 02:25 PM
Advertisement
Latest Entries
Whoa, it's dusty in here
2316 views
Porting Static:IT - C++ to HTML5
3595 views
What am I up to?
3154 views
96 Mill is now on Steam!
3409 views
First Youtube Review of 96 MILL
3614 views
First Youtube Review of 96 MILL
3609 views
96 MILL Released!
3313 views
96 Mill Nearing Completion
2926 views
Advertisement
Really glad to see folks like the change in GUI.
I thought I would mention the really neat technique I'm using here.
Many game programmers, and those who use Flash may know of a technique called 9-slice or 9-grid scaling.
For those who don't know, the idea is you take a single image, and cut it into 9 pieces; four square corners, 4 rectangular edges and 1 middle.
This allows you to have borders/dialog boxes in various sizes using a single piece of artwork.
Using standard blitter techniques this could be accomplished with 9 separate draws.
Thankfully CSS3 has a built-in feature for this, which only takes a few parameters; it's called the border-image style; and it can be applied to any div without imposing additional HTML structure.
you can check it out more in-depth via this generator: http://border-image.com