Most of you probably know that I work with online poker, not playing but providing it, at bwin Games AB.
What you might not know is that there’s a new competition starting on Wednesday and I’d say it’s something quite new in this world of online poker: Poker Island.
Basically this is another one of those documentary real life shows but the twist this time is poker. You qualify to the island via our online games and once there you get a shot at the big final if you’re good enough. Standard rules apply so people will get knocked out, new players will join and all in all we’ll probably get to see a lot of poker but also a lot of strange, fun and weird things going on in the house. I’m personally not a big fan of these shows but with it being us creating it I’ll probably keep an eye on it anyway
I’ve made some minor fixes on the photo album and added prev/next links when browsing through an album.
Just mouse over the photo and the controls will appear at the top of the photo.
I wanted to go for a cleaner look that may or may not seem more professional.
I might end up adjusting the colors a bit but the general color scheme won’t change.
I’ll also add a little something on the left hand side when I find something appropriate.
CSS Grids seems to be the word of the week on the Internet. Or maybe even word of the year.
Grid based layouts isn’t something new. Many of us remember the table based layouts that came with HTML 4 when web developers started abusing tables. With XHTML 1 we started the tedious job to move away from these tables and replaced them with div layers.
It was soon realized that the div layer solution wasn’t perfect. It’s hard to position the divs where you wanted them but still let them be dynamic in terms of height and relative position. The answer to this was floats and the magic of clearfix.
Still, the solution wasn’t perfected. You still had to redefine every single CSS element each time you started a new project. You still had no base to stand on and there was no consistency between the elements, each of them lived a life of it’s own. Thus CSS Grids was invented.
CSS Grids is really just a div layer solution that mimics the behavior of tables.
The idea is to think in terms of rows and columns instead of width and height. This is indeed a nice solution once you have decided upon the grid size for your project. You can easily position your elements and align the nicely to each other. As long as you keep it simple.
When you try to put a more complex layout into the grid you’ll very soon stumble across several obstacles that, in the end, will render you to write more CSS instead of less. You gain the alignment but loose every little bit of flexibility there is. Let me give you a quick example of CSS Grids gone bad:
Imagine that you have a that is 10 columns wide and you divide that grid into three parts: 3 columns, 4 columns and 3 columns. The idea here is that 3+3+4=10 so the total width of 10 and 3+3+4 is the exact same.
Now, what happens here is that the layout will collapse into two rows instead of one like:
Some Content | Some Wider Content |
Some Content
The reason behind this is very simple: the width of an element is calculated by adding width+padding+border together. So, 3+4+3 != 10 if 4 has a border of 1+1px attached to it. The layout breaks.
Right here you can argue that the grid shouldn’t be used for layout, only for positioning.
Let’s say we agree on that and rewrite the markup accordingly:
Your center column wouldn’t be as wide as you expected it to be. You can’t put two new columns inside it width the widths 2+2 or 3+1 becuase yo’d be two pixels short. What you’ve done here is literlly destroyed the grid layout for this container.
What’s more interesting is that you have added a new element that really is unnecessary for all the wrong purpose. You make the markup more complex and the page weight increased slightly. And above all: in order to make the grid work you had to add a little bit of extra code when the grid is supposed to reduce both time spent and code written!
I was honestly thinking about using a grid approach on this blog until I ran into this, and several other complications, while trying to implement it on a website at work. The idea is great but it involves so many special cases and detours that it’s not worth the trouble. I’ll keep using my floating divs with fixed width, clearfixes and work magic by using the margin attribute until something new comes my way. Something that will actually give me a decent tool to work with without giving up the flexibility that makes the WWW so fun to work with.
after a lot of hard work, blood, sweat and tears it’s finally live, for real this time. I’ve made a ton of updates the past few weeks improving a lot and adding a lot.
I’ve spent the evening uploading photos from aussie land and the us, more will come, and it’s looking good.
I also want to mention that the Google Earth function (the 3D-map) doesn’t work in Internet Explorer but I can honestly say it’s not my fault. The API is still in it’s beta stage and google are aware of the bug. I managed to create a work around for FF but just barely and IE just won’t bite. Sorry about that.
Also you should note the new photo link from the blog and all the rss feeds attached to the gallery. ( i hope they work)
Please report any bugs on the gallery on the blog and not with photo comments since that really isn’t the place for it. I’d gladly receive feedback aswell.
I’ll post something shortly about integration with google maps/earth and something about the tremendous amounts of javascript i’ve written to make the gallery work. I owe a lot to jquery and I reallyfeel like spreading my knowledge on the subject.
