Here at MCNA when writing our front end code we use a frontend framework called Foundation. As suggested by the name, a framework sets the foundation for developers by providing pre defined classes and functions that can be used when developing web applications, which means that there is no need to reinvent the wheel each time and this really helps to streamline the development process.
The grid system is probably the biggest feature of Foundation, it allows you to easily make web applications optimised so that they work across all devices (computer, mobile, tablet etc,) by using columns. Using this system will really add value to your company or brand because when potential customers are looking for a website these days they are always going to be looking for someone that can offer mobile/tablet optimisation because this is how the majority of people now access the internet. With the help of the detailed documentation even if you do not have any experience using grid systems, you will quickly pick it up and the work you produce will be all the better for it.
Media is another section covered by Foundation and contains a lot of really cool things that can be implemented into any page. One of the best parts of this section is called ‘Orbit’ and this is an image slider which comes in very handy and looks great on any page. Another good media component is the ‘progress bar,’ and this can be used if you’re ever creating a form for the user and for every step they go through you can show them how far through the process they are, and it just adds that extra little touch.
Foundation has so many features that it would be difficult to go through every single one, but here are a few of it’s other features/components. First of all you have their general ones which include things like forms and visibility classes. Forms are self explanatory but with Foundations CSS behind them the forms look really good when putting them on to your page and save you have to making loads of changes to make them look attractive. Visibility classes can be put on parts of your code which makes them only show or makes them hide for certain screen sizes, for example if you had an image and It was too large for a mobile view you can put a ‘hide-for-small’ class on it, and this will make it not show for mobile devises which comes in really handy.
Another thing Foundation does really well is typography, from headers to paragraphs the way they have everything look in the CSS really makes it stand out on the page for example in paragraphs they add a line height which really splits up the text and makes it a lot easier to read.
Leading on Navigation is also something they have covered, they have a variety of different navigation options such as a dropdown menu, drill down menu, accordion menu and general top bar. All this is for when you’re creating the base of your web page and want to quickly get a navigation bar done quickly by just copying and pasting the code, and although they’re very plain and simple it is really easy to change out all the links and change the styling in your own CSS to make it match the rest of the site.