Unsemantic CSS Framework. Susy. CSS - css frameworks. Pure. Groundwork CSS. YAML CSS Framework — for truly flexible, accessible and responsive websites. Home – inuitcss – a powerful, scalable, Sass-based, BEM, OOCSS framework. The Goldilocks Approach to Responsive Web Design. Profound Grid | A grid system for fixed and fluid layouts. Gumby - A Flexible, Responsive CSS Framework - Powered by Sass.
Kube — Professional CSS-framework. Base - A super simple, responsive boilerplate designed to work for mobile devices, tablets, netbooks and desktop computers. Foundation: The Most Advanced Responsive Front-end Framework from ZURB. Foundation: HTML Templates. News or Magazine This template puts a focus on bold images, perfect for a magazine style site with eye catching content.
Your stories are easy to find with large feature blocks. See Demo Real Estate or Travel Big thumbnails with a space for captions and descriptions along with an informative header make this the perfect template for real estate or hotel booking. See Demo Ecommerce Homepage Building an online store? See Demo Agency Bring your work to the forefront with this sleek template that's perfect for agencies or freelancers.
See Demo Blog w/ Sidebar Large images, an easy to navigate layout, and versatile sidebar will help you get your blog up and running. See Demo Blog Single Column This sleek, minimal approach can help your blog stand out by putting content front and center. See Demo Portfolio Show off your work and highlight what you do with this grid style thumbnail layout. See Demo Product Page Highlight your new product and educate potential customers with this classic template. See Demo. Sass / Compass / Foundation / Mac Setup. 320 and Up ‘tiny screen first’ responsive web design boilerplate.
Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development. Building a Responsive Layout With Skeleton: Starting Out. Dave Gamache's Skeleton Boilerplate provides the perfect foundations upon which to build responsive websites rapidly and reliably. We're going to use Skeleton and build a responsive page based on the Magazine design featured on Webdesigntuts+ recently. We'll be looking at everything from multiple background images, through to media queries, flexible media and mobile-friendly navigation. Let's get started! First Steps In this first video we'll download the Skeleton Boilerplate and prepare our project. We'll dive into the .psd layout and take whichever images we deem necessary, creating a sprite file for bits and bobs like the logos.
Structure and Columns It's time to get stuck into the markup and some styling. We'll also deal with some of the aesthetics by using CSS multiple background images on certain areas. Multiple Background Images Unfortunately, non-supporting browsers won't understand the rules and therefore won't display anything at all. Additional Resources. CSS Front-end Frameworks with comparison - By usabli.ca.