background preloader

Responsive Grid System

Responsive Grid System
Related:  Plugins, logiciels, trucs utiles etc

Columnal | A responsive CSS grid system helping desktop and mobile browsers play nicely together. Salvattore — A jQuery Masonry alternative with CSS-driven configuration jkymarsh/nuclide The Goldilocks Approach to Responsive Web Design Responsive Image Breakpoints Generator by Cloudinary {{ mustache }} Fluid Baseline Grid - A sensible HTML5 and CSS3 development kit The best free graphic design software Not everyone has the cash to spend kitting themselves out with the most expensive graphic design software, particularly when starting a new business or embarking on a new career in design. There's no denying that paid-for creative software – like Adobe's fantastic Creative Cloud suite of applications – will always be better than a freebie. Exclusive offer: Save 15% on Adobe Creative Cloud now But for those who don't want to pay and have time to do the groundwork, there is some free graphic design software out there that will do the job well. To save you from doing said groundwork, we've compiled this list and divided it into five sections – use the drop-down menu above to navigate to the page you want. 01. Platform: Online, PC, Mac, Linux, ChromeOS Previously known as plain old Gravit, Gravit Designer is a full-featured vector design app suitable for all manner of jobs, from screen and icon designs through to presentations, illustration and animation. 02. 03. Platform: Web Browser 04.

Using the Mustache Template Library A while ago, I showed you how to use the jQuery template plugin in a quick tip; in this quick tip, I’ll show you how to use another template library, Mustache, which is just as easy to use. You can get Mustache.js from its GitHub project page; if you’re going to use it in a project, you can download it or git clone it; I’ve just referenced the raw file on GitHub for this quick tip: Now you can use it to render data! Most likely, you’ll be getting your data from the server in the form of JSON when you’re using Mustache in production. However, it’s just as easy to hard-code an object literal and use that, which is what we’ll do here. Now we’re ready to define the template. Your template is simply string; you can either use a regular old JavaScript string, or you can put the template in a script tag and get it via something like jQuery’s html() method (or, of course, innerHTML). When iterating over arrays, the implicit operator ”.” will get you the value. It’s really simple to render the HTML:

The Semantic Grid System