Bootstrap Sidebar Responsive Examples

Sidebar navigation has become a standard for responsive design, and many frontend developers are looking for the best approach. Here is a collection of responsive side navs to demonstrate various sidebar implementations including off-canvas, left, right, floating, push (where the main content is pushed to the side), sliding and collapsing. Left sidebar that collapses to

Codeply Roadmap Updates

As of today, April 11, 2015, Several more items on the Codeply Roadmap have been completed... Comments & Discussion The Disqus integration is complete. You can now read and post comments from any saved ply. Just click the comments icon in the top navbar. No Framework Don't want to use a responsive framework? You don't

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

Responsive Bootstrap Layouts

A Guide to Column Ordering & Stacking in Bootstrap 3 Bootstrap 3's responsive grid is powerful, but getting columns to stack nicely in the desired order can be tricky. Here are some working examples and guidance that will help to make your responsive design life easier. You will find some tricks on using Bootstrap's push and

Responsive Design & In-browser Testing with Codeply

Some of the challenges facing responsive designers in 2014 were testing, and finding tools to design on multiple viewports. Often frontend developers are designing within the confines of an automated workflow, and changes must be constantly pushed to a development environment for simple exploratory testing. Many wireframing tools and mockup tools exist, but their ability

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