Bootstrap 4 SASS Variables

Playing with Boostrap 4 and SASS The upcoming Bootstrap 4 is built with SASS, and you can customize many options in the _variables.scss. There are several options to quickly change the default Bootstrap look. Set the SASS variables to easily change the grid breakpoints, container widths, borders, colors, fonts and more. There is also

Responsive Design, The Easy Way.

Choose Bootstrap, Foundation, Skeleton or another grid system? Responsive Frameworks Make Frontend Development Easier There is some debate on why a frontend designer would use a responsive framework instead of just using custom CSS. As you may know, the term "Responsive web design", was originally defined by Ethan Marcotte on A List Apart. A responsive

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

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

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