Tag Archives: css

MasudBlog New Layout & Design

I have been using my blog as an exercise to learn WordPress in terms of the templating and getting it to do what I need it to do with all the wonderful plugins that it has, it has also given me an opportunity to dabble in CSS some more and extend my understanding of it.

I have also pulled together in one place all my online activities and organised it a bit better with the new design and layout.

The CSS may have a few bugs in it but it displays perfectly on Firefox and quite well on IE8, if you are on IE6 then I have not introduced any bug fixes for that, IE6 belongs in one of the lower pits of hell as far as I am concerned and if you are using it you should really upgrade by now and you’ll see a message at the top of your browser point out the fact that you are using an older browser.

Please let me know via the contact page if you have any problems and would love some feedback, critiques and suggestions.

CSS, WordPress as a CMS

Ever tried learning something but got frustrated and quit, and then revisit it and get frustrated and quit a few times over? Well that was me and CSS layers for the last 3 or 4 years. This weekend I decided to tackle CSS layers head on. Why CSS layers? Well traditionally web designers, for years, have been using tables to control positioning on websites, the downside of tables is that they use too much code and become a pain to maintain. Your formatting becomes tied in with the content, not good when you want to do a redesign.

I have been a dab hand at CSS, broadly speaking, I pretty much understood the formatting side of it quite well, I just could not get my head around layouts. So this weekend I sat down with my favourite CSS book “Advanced Web Standards Solutions” by Andy Budd with the sole intention of getting to grips with CSS layers. I can’t believe how easy it actually was! I am not sure what my brain was processing before but it just was not sinking in. This weekend something clicked and everything fell into place and I managed to create my first CSS Layers based website for a local company called: Aylesbury Autocare (I didn’t make the flash header).

The second part of this story is about using WordPress, that well known blogging engine, as a simple Content Management System (CMS), the aforementioned website is a WordPress site and every element of text on the site is editable (almost). WordPress is just an amazing piece of software that can be extended through hundreds of plugins, custom and conditional tags such as galleries, e-commerce, backups, random quotes and many many more.

The following tutorial helped me to understand the steps needed to make a custom design a WordPress theme: http://www.codescheme.net/2007/04/29/simple-design-a-first-wordpress-theme-1/

Happy CSS’ing!