Posted in capacity as Module Leader Group Software Development, Department of Computing Sheffield Hallam University A Morgue One hundred students, 10 clients, 5 labs of University PCs, overzealous Facilities department and the Sheffield weather. What could possibly go wrong? Last week was ‘Scrum Week’. Nineteen groups of students working flat out 9-5, Monday to Friday…
Read MoreBefore reading the following ensure you are happy with the flexbox concepts of main axis and cross axis discussed in my previous post. Justification on the main axis The CSS property justify-content is used to control spacing between and around items along the main axis (assuming extra space is available). It is applied to the…
Read MoreThe concept of ‘flexible box’ or flexbox is name of the CSS3 flex layout model. Flexbox is based around flex containers and flex items. A flex container is a parent element to flex items. Flex items are the immediate children of the flex container and can be laid out in any direction. Take the following simple…
Read MoreIt looks like the time has come to dive into Flexbox. This layout technology has been lurking on the fringes of CSS for a while now but with sites like the BBC and with frameworks like Bootstrap 4 using it, now seems like the time to join the fray. If you been a web designer…
Read MoreThe CSS float property is often used to create columns. Waiting in the wings are some newer techniques such as the CSS column-count property which will make adding columns much easier. For example given a HTML snippet of : We can use the following CSS to put the list into 5 nice columns. View Demo…
Read MoreMargin Collapse is a foxy little fox that dresses like George Clooney in the Fantastic Mr Fox. It’s a sly one alright and has caused many a good web developer to bash their head in frustration when that pesky margin will just not disappear. So what is margin collapse. Well usually it just happens and…
Read MoreSorry Grandad, frames and tables – you’re having a laugh aren’t you? Before you abandon this post for been just soooo 1990s I only want to clear up a few things related to our old (friends!) frames and tables. Lately, and somewhat unbelievable, I have seen references to these technologies as layout techniques – noooooooo!…
Read MoreMany popular visual effects that previously required background images and the use of your Favourite Graphics Editor (FGE or Photoshop for short), can now be done with CSS3 magic. Here is a quick overview of six crucial CSS3 features. Before We Start: Browser support is an issue with these features. You’ll need a decent, lets…
Read MoreIE don’t you just love it? No probably not but unfortunately we still live in a web world dominated by Internet Explorer – Microsoft were just way too successful in getting their browser everywhere. Here in the UK, Internet Explorer in all its different guises, still has the largest market share as calculated by statcounter.…
Read MoreIn my 20/20 CSS properties to learn and love I didn’t include ‘position’. So what is the position on position? The odd thing with position is that despite its name you can do an awful lot of layout positioning without it. Lots of web designers, and indeed frameworks like the 960 grid, solved the layout…
Read More