THE TIDY INTERNET.

I have been designing, developing and maintaining website’s since my days at university (that seems a long time ago now), the number of websites I have done is not a vast number, a hand full of ‘blog’ sites and two full websites (current portfolio is 1 full website and 2 blog sites if you are interested).

I use ‘php’ and ‘css’ code mainly when building as I find php to have more functionality for things such as page includes and forms, etc. I called this post ‘The Tidy Internet’ as I am a little OCD when it comes to layout, especially the layout of code with the css stylesheet. For people who don’t know what that is; it is basically the template file that houses all the formatting for the website, what fonts look like, box sizes and colours and any “responsive” web requirements, each item is called a ‘class’.

An example of css class is below:

.box {
display: block; float: left;
padding: 5px 7px 5px 7px; margin-top: 5px; margin-bottom: 3px;
border: 3px #333333 solid; background-color: #FFFFFF;
text-decoration: none; font-weight: bold; color: #333333; font-size: 14px; text-transform: uppercase;
line-height: normal; clear: both; }

The php page code would then be:

<div class=”box”>
I hope you are finding this post informative
</div>

The class system means that you don’t have the style items making the page messy and also means that you can use the class ‘box’ anywhere on the site with the stylesheet linked to each page.

Some developers go for the each style item on a separate line, however I like to split mine into sections: a line for positioning, a line for padding and margins, a line for any text or font formatting, etc. This helps me when I’m creating a new style item for somewhere else on the site – I can just copy and paste and follow the same format.

As website development is not a job for me and is a hobby, it can be something that I don’t touch for several days or weeks and then trying to go back and remember where I was up to can be difficult as I’ not always in the website/graphic design mind-set. It could also be that I am looking at different pages at one time rather than just concentrating on one element of a site.

All in all, I really enjoy the challenge of building my own sites from scratch and seeing how they look on multiple device formats is quite satisfying – responsive websites.

If anyone reading this is wanting to get into design/development, there are many websites and forums out there that are so helpful to learn a few ‘tricks of the trade’ – get coding!

LS

the-tidy-internet

 

Next Post

Previous Post

Leave a Reply

© 2017 DIY. DAD STUFF. DESIGN.