![]() ![]() Frameworks get you started and learning and you decide if you are comfortable using them. These frameworks just create lots of nice features that make responsive development a lot easier and simpler for beginners, you may want to just make a sample site with the framework, and then after you could move on to doing it yourself because lots of times you may not use everything the framework offers and taking it out and overriding its classes is a pain. Using the responsive layout framework is pretty much a part of the layout design process, because you use the framework for its abilities, so it's important to know what the framework can and can't do that way you don't design something that is impossible. To move to a responsive layout, it's really all about creating a PSD for pretty much every breakpoint you plan to have, that way you know where everything should go and it makes it a lot easier. To go from a PSD to a responsive layout to using a framework is tricky, and a lot of people like to work from mobile layouts and create PSD's for those smaller devices to help them figure out what is the most important content and put that in the top of the page for mobile and more towards the center or with more emphasis on desktop. For example, Bootstrap has a bunch of classes that help set up a fluid grid with each or container having a fluid width that could be different compared to its adjacent container. Good thing we have CSS and JavaScript frameworks like Bootstrap and Foundation to figure all that out for us, right. These frameworks have lots of classes generated to set up a grid system really quickly and easily. Responsive web design is an approach to creating websites in which the layout adapts to fit the devices screen - whether its a phone, tablet, laptop, desktop, TV, or hologram.
0 Comments
Leave a Reply. |