Mobile App Showcase on MaterializeCSS

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

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

5 Material Design Examples using MaterializeCSS

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

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

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

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

Ghost Node Express 4

Today's adventure: 1] Find a decent node blog. 2] Get it configured on a Heroku's NodeJs engine. According to the Ghost docs, I just needed to do this.. ghost().then(function (ghostServer) { app.use(ghostServer.config.paths.subdir, ghostServer.rootApp); ghostServer.start(app); //'app' is the existing Express app }); But, this didn't seem glaringly obvious