Website update - modernising code samples

In the past, I have been told that my code samples are really good, but they lack one or two things. The most crucial one of those is the ability to copy the formatting. Unfortunately, this is not possible at the moment due to the fact they are written as a ordered list element. This means that each line of code is put in a new li element. When one comes to attempt to copy from the element, the formatting (e.g. the indentation, which is completely controlled by a CSS margin property) will not be retained.

After some perseverance, I have begun the transformation of my samples. Currently in the ol element, they will now be nested within the pre element. What this also means is that it will be much easier for me to update them using my content management system. As of this second, the CSS tutorial has been partially updated, and my articles, reviews, blogs and the software section completely use this new system.

The main theory behind doing this is to make my website more accessible and easier to use, whilst not making any real visual changes. At the current time, you may see that some of the older samples no longer appear properly. This is a known issue and will be fixed when they switch to the new style.

Please bare with me whilst I make this change, since it will take some time for me to fully implement across my tutorials.

I have since updated my HTML and CSS tutorials with the new pre-based samples. It's taking a long time to do but I will be done with the PHP tutorial by the end of the day.
All pages on my website now use the new pre-based code samples so all code from these samples is now fully copyable. JavaScript must be enabled for the pre elements to display properly, but it will work without JavaScript anyway.
website
update
modern
post
code
sample