![After working on the WP-Gallery2 plugin for some time, I got another idea for a plugin that I wanted to write, this time involving jQuery and some interesting effects. A [...]](http://www.voidtrance.net/wp-content/uploads/2010/03/css_thumbnail-620x250.jpg "Fruitless attempts at understanding CSS layouts")
After working on the WP-Gallery2 plugin for some time, I got another idea for a plugin that I wanted to write, this time involving jQuery and some interesting effects. A big part of the plugin would be it’s layout and how the different elements are positioned according to each other. I had done a little CSS coding before and I understood the basics so I decided that I’d just go right ahead into the prototyping stage.
Unfortunately, after playing with the stylesheet for a couple of hours, I could never get the layout exactly as I wanted it. So, I went ahead and turned to Google for wisdom. Smart as it is, Google did give me nice results and my education began.
The first document that I found was 6 Keys to Understanding Modern CSS-based Layouts. That page gave a nice 10,000 foot overview of the basic principles behind CSS layout but it wasn’t really what I was looking for. I knew the basics. What I wanted to find was a document that would explain how the different CSS layout attributes would change the interaction of the elements.
I got a bit closer to my goal by reading through the following few pages: Understanding CSS Positioning part 1, Understanding CSS positioning part 2, and Floatutorial but now matter what document I could find I could never get a clear picture of how things interact with the different attributes and the CSS 2.1 spec is not a very good place to get a quick understand of things.
So, the current situation is that, while I have most of the plugin thought through in my head and I have the basic design done, I am stuck and can’t proceed until I figure out the CSS. I am guessing that, eventually, I will have to turn to the spec and read through some of it’s chapters. If anyone knows of a good place for CSS information, please, let me know?
Related Posts
-
Using more AJAX calls for WP-Gallery2 pages
18 April 2010 10:30 AM | No CommentsSome time ago, I added a feature to the WP-Gallery2 plugin which would allow the plugin to load the galleries and images on a page through AJAX calls. The reason [...]
Read More -
How to Add Additional Tabs to the Arras’ Tabbed Sidebar Widget
01 March 2011 1:53 PM | 9 CommentsRecently, I had a visitor to my website ask a very interesting question after reading the post on the Tagged Post Widget – How can I add more tabs to [...]
Read More -
Small Quick jQuery News Ticker
12 October 2011 11:05 AM | 2 CommentsThere are a very large number of great WordPress themes out there and a lot of them offer a Featured Post Slider, which is a great way to show off [...]
Read More -
WP-Gallery2 Plugin v0.8.1
25 June 2010 11:09 AM | No CommentsA couple of day ago, a user (yeah, someone is actually using the plugin) reported a problem with the WP-Gallery2 plugin where he was getting the following error: Line 43 in [...]
Read More -
Change the look of the Popularity tab in Arras’ Tabbed Widget
30 July 2010 1:45 PM | 39 CommentsAfter upgrading to WP 3.0 and Arras 1.4.3, I also re-arranged some of its layout – most notably, I stopped displaying the Featured posts in the Tabbed widget and replaced [...]
Read More
![After working on the WP-Gallery2 plugin for some time, I got another idea for a plugin that I wanted to write, this time involving jQuery and some interesting effects. A [...]](http://www.voidtrance.net/wp-content/uploads/2010/03/css_thumbnail-36x36.jpg "Fruitless attempts at understanding CSS layouts"){kind=small}
