Dust by LinkedIn Dust by LinkedIn async/streaming operation browser/node compatibility extended Mustache/ctemplate syntax clean, low-level API high performance composable templates Release 2.2.3 Why Postgres - Craig Kerstiens This post is a list of many of the reasons to use Postgres, much this content as well as how to use these features will later be curated within PostgresGuide.com. If you need to get started check out Postgres.app for Mac, or get a Cloud instance at Heroku Postgres for free UPDATE: A part 2 has been posted on Why Use Postgres Very often recently I find myself explaining why Postgres is so great. In an effort to save myself a bit of time in repeating this, I though it best to consolidate why Postgres is so great and dispel some of the historical arguments against it.
Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out. On smaller screens the 16 columns could be folded into 8, 4 and 2. This behaviour was inspired by Massimo Vignelli's Unigrid system.
Which Is Right for Me? 22 Responsive CSS Frameworks and Boilerplates Explained CSS frameworks have been around for years now, but the arrival of responsive design practices has rendered many of our old favorites useless. Fortunately, lots of really talented developers have jumped in to fill the gap with the next generation of CSS frameworks and boilerplates. There’s already a ton of these things floating around. The 5 Most Popular Front-end Frameworks Compared There’s a deluge of CSS front-end frameworks available nowadays. But the number of really good ones can be narrowed down to just a few. In this article, I’ll compare what I think are the five best front-end frameworks available today.
All About Floats What is "Float"? Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. Combined Facebook, Twitter & RSS Social Stats with jQuery, PHP & YQL Martin Angelov As we increasingly depend on more and more social services, there rises the need to provide a simple way to let our website visitors take part of our diverse social presence. In this tutorial we are going to create a simple widget, which combines the number of your RSS readers, twitter followers, and fans of your facebook fan page, to give a rough estimate of your social popularity. We are using jQuery and the tipTip plugin, object-oriented PHP, and Yahoo’s YQL, while demonstrating a number of interesting web development techniques.
Susy: Responsive grids for Compass All Susy3 API functions draw on the same shorthand syntax, which consists of two parts, seperated by the word of. The first part describes a grid-spanwidth, location (if needed), and spread (in any order): // <width> at <location><spread> $span: span(2);$span-spread: span(3 wide); // location is only needed with asymmetrical grids $span-location-spread: span(3 at 2 narrow);
Bootstrap Toolbox - Tools, Utilities, Generators and Templates Ever since it was initially released, Bootstrap has taken the internet by a storm. It keeps growing in popularity with each passing day — and why shouldn’t it be popular? After all, where else do you find a responsive framework with such an extensive library of pre-styled components, and a community that offers many, many extras and addons? The Cost of Frameworks Update: Nov 16th 2015 - Added an extra row in the table for React under production conditions. The good news: it’s 3x slower than vanilla, yes, but in actual terms I’d say it’s fast for TodoMVC! The Polymer TodoMVC sample was also updated to version 1.2.2 today, and that, too, is faster. If you prefer watching to reading, here’s the video of the talk (you can also get the slides, too, if you like): If you prefer reading to watching, well, keep reading…
Gridlock / Projects / Ben Plum Syntax Gridlock features three distinct grid sizes that correspond to specific screen sizes: desktop, tablet and mobile. Desktop features a full 12 or 16 column grid, tablet snaps down to 6 or 8, and mobile contains only 3. The syntax is simple and easily read: [target device]-[column count].