(latitudesupplyco | http://latitudesupplyco.com/)
As we now live in times where there are so many different devices that can now connect to the web in order to view vast amounts of content, it is important as a web developer to design websites that are mobile friendly. “Bootstrap is the most popular HTML, CSS and JS framework for developing responsive, mobile first projects on the web” (http://getbootstrap.com) they say. It makes front-end web development faster and easier by efficiently scaling websites and applications in relation to the various screen dimensions of desktops, laptops, tablets and smartphones. When a screen size varies so will the aspect ratio. This alteration forms the necessity to build and develop websites that are responsive – to the adjustment of size and shape. Users must have the ability to browse a website with ease and responsiveness, otherwise he or she will get bored very quickly! If a user needs to ‘pinch’ to zoom in or out on their mobile device then this is due to a poor web design.
CSS (Cascading Style Sheets) structures the way the HTML file looks and responds to the browsers size and shape. CSS is written inside the <style> element within the <body> of the document. It determines the websites font types, position of elements and can also include real time animation generated by the browser.