10 Essential Zurb Foundation Snippets

Zurb's popular Foundation 5 framework is a very useful tool for quick, consistent responsive design. Here are some useful code snippets, including navs, forms and cards for your next Foundation based project. Justified Navbar Here's a snippet showing a top-nav with centered links that expand the full width of the navbar. It includes a simple

Responsive Design: 6 Bootstrap Alternatives

Top Responsive Frameworks & Grid Systems As a responsive designer, you may want to consider viable alternatives to Bootstrap, but also avoid the "flavor-of-the-day" grid systems that come and go. These top frontend frameworks will allow you to build sites faster, and reap the benefits of responsive layouts, pre-defined styles and reusable components. So, which framework

Responsive Cards on Foundation + AngularJs

Cards are a clean, consise means of displaying content composed of different types of objects. They’re also well-suited for presenting similar objects whose size or supported actions can vary considerably, like headings and photos with captions. I will use Zurb's Foundation for the responsive grid, but the could easily swapped out with Bootstrap, PureCSS

Bootstrap: Useful Since 2010.

"I've tried other frameworks, but I always end up using Bootstrap." Since Bootstrap was first released way back in 2010, it has grown-up to become the most popular frontend framework worldwide. As popular as it is, Bootstrap is also widely criticized by some in the Web development community. Chief Complaints Bootstrap is visual tedium. "Everything

Embed Your Ply Code Anywhere

As we look towards April, I thought it'd be a good time to update everyone on dev status and a recent milestone we've hit on the Codeply Roadmap... Introducing Embedded Plys Plys are now embeddable for use on others sites. When you click the 'Embed' button from the ply's Metadata menu, a dialog modal opens