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 MoreQuick code snippet. Assume you have: Then you could use the following jQuery:
Read MoreJust posted a codepen if anyone looking at Recursive Javascript functions. The scenario here could I am sure be tackled other ways but I wanted to do it with a recursive function. Given an array of random numbers, the function getNewNumber will finish off the array by populating it with the remaining number between 1…
Read MoreIn online surveys you may want users to have to answer a radio button style question. You can set a default value with checked as follows: However, you have to make a decision what the default with be and for lazy form fillers you might end up with incorrect data. In HTML5 radio buttons we…
Read MoreA couple of years ago I did a post entitled Adding Form Fields Dynamically with jQuery. In this post I am going to re-visit the same problem but this time use Knockout.js to create the dynamic form fields. View The Demo Introducing Knockout.js Knockout.js is a Model-View-View-Model Javascript library. What it excels at is ‘binding’ data…
Read MoreOn a recent project I was getting some pages that were causing PHP to run slow. Essentially the PHP was looping through various tables in the MySQL table to build a rather complex ‘Mega Menu’ navigation system. As this navigation system was needed on all the pages of the site this was causing difficultly. The…
Read MoreThere comes a time with a large Javascript project where having the code behave more like a ‘usual’ programming language becomes useful. This is where ‘strict mode’ comes in. Javascript is very forgiving. Take the following: No problem. Yet programming from other languages will throw their arms in horror – The Variable has not been…
Read More