In the mid-20th Century, the concept Form Follows Function came out of the architecture industry. The basic idea is that the outside of the building should reflect the functional interior. This means designing the interior structure before designing the outward appearance of the...
Read More Form vs Function in WordPressCategory: Design
Design vs. Art: What’s the Difference and Does It Matter?
Design is a solution to a problem. Art is a question to a problem. —John Maeda Have you ever called your designer “a creative,” or asked them to just “use their imagination” when discussing new designs? Maybe you even came to them with a...
Read More Design vs. Art: What’s the Difference and Does It Matter?Getting Started with Flexbox: First Impressions, Tips, & Tricks
Recently, here at WDS, we started incorporating Flexbox into our projects. I wanted to share some great resources I’ve come across to get going with Flexbox and highlight some of the early first impressions and some of the struggles you might encounter...
Read More Getting Started with Flexbox: First Impressions, Tips, & Tricks5 Steps to Creating a Better Landing Page
If you’re a designer with some online experience, you have probably already created a landing page or two in your time. Obviously, without a proper strategy your lander won’t convert, but for the sake of this tutorial, we’re going to assume you already...
Read More 5 Steps to Creating a Better Landing PageCSS @font-face: 2016 Edition
Remember back in 2009/2010, when @font-face was introduced? Developers rejoiced, because they no longer were they forced to use a (small) handful of fonts! There were some caveats though…browser support was just okay. To make @font-face work across Chrome, Safari, Firefox, IE, and mobile, you had...
Read More CSS @font-face: 2016 EditionIntegrating Sketch3 Into Your Photoshop Workflow
Sketch3 has pretty much established itself as the greatest app for designing web interfaces since…ever. It offers tools that support a solid design workflow and has tailored itself to the needs of web and app creators since day one. But you and...
Read More Integrating Sketch3 Into Your Photoshop WorkflowIntroducing the wd_s Pattern Library!
We recently discussed the differences between a Style Guide and Pattern Library, and the opportunity for leveraging both inside of a WordPress theme. Today, I’m excited to introduce you to wd_s Pattern Library 1.0 ? Here is a list of features (which...
Read More Introducing the wd_s Pattern Library!Creating Better 404 Pages
404 pages–every website has one, and everyone has landed on one from time to time. The goal is to structure our information architecture and design so that no one ever lands one in the first place, but that’s only in a perfect...
Read More Creating Better 404 PagesWhat is the Difference Between a Style Guide and Pattern Library?
In the past few years, the topic of Style Guides and Pattern Libraries has become widespread…but what is the difference? First, a little more context: Recently, the Front-end Developer team at WebDevStudios set out to create a user interface (UI) pattern inventory....
Read More What is the Difference Between a Style Guide and Pattern Library?