Foundation 3 – A most effective method of displaying websites under all browsers and all new sized devices with internet like smart phone, tablets etc. which are essential for our customers.
Responsive design is not something new and more websites have benefited from it. Foundation – HTML, CSS and JS Framework is a tool that helps developing this kind of websites with good visibility under all kinds of resolutions for different devices (smart phone, tablet, laptop, computer, TV etc). In this article we will focus on the new version of Foundation 3 framework and his new features.
With Foundation 3 Framework easily we can organize our web design, developing and content of our website using the Grid structure combined with the CSS classes. By standard the framework uses Grid with 12 columns, but the number of the columns can be changed depending on the specific needs and preferences of the user or customer. The Grid is adaptive to every screen and does not depend on any resolution.
To have better control and presentation of our content Foundation in the new version rewrites his own CSS classes and creates new classes. New feature are “box-sizing”, “border-box” – that prevent the conflict with element sizes when we are using “border” or “padding”, also many tedious calculations. Attention is paid to all aspects of website, like buttons, different fields for data entering and choice, menus, tables, notes, messages and tooltips if the needs of the website require it, etc.
Most of the pictures that the previous versions of the framework were using are removed. That of course increases the speed of the website and the amount of data transferred, but the true advantage is that the elements do not depends from the resolution of the device.
And finally the most important question. What really is happening under the different browsers and devices? Chrome, Firefox, Safari are browsers where Foundation framework works perfectly. Under the “famous and beloved” Internet Explorer everything works also perfectly, but unfortunately only for the versions 8+. If the support for IE7 is important for you, you can use Foundation 2.2.1. Under the mobile devices like iPhone & iPad, Android 2+ (Phone & Tablet) and Windows 7 are those, which test were made and proved that they are safe and good to use.