Codeply Blog

Responsive Design, Frontend Development & Hardworking Hand-coding

A responsive example with iPhone images that snap into place as you scroll each section. This code nugget uses the new MaterializeCSS framework inspired by Material Design. You could use this as a mobile app landing page, app tour, or mobile screenshot showcase. For this example, we use AngularJS 1.3 to get user data ›

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 ›

It seems like a lot of #frontend developers these days are moving towards adoption of the Principles of Google's Material Design. At the core, Material Design emphasizes the metaphor of real world paper & ink. MD uses motion (animation) to focus attention and meaningful user interaction. MD elements and colors are bold & deliberate. The ›

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 ›

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 ›

"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 ›

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 ›

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 ›