Mike Powell

43 Added | 2 Magazines | 1 Like | 2 Following | 3 Followers | @mikepowell88 | Keep up with Mike Powell on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Mike Powell”

Sass Guidelines

About the author<p>My name is Hugo Giraudel, I am a 25 year-old French front-end developer, based in Berlin (Germany) since 2015, currently working at …

(Ab)using CSS3's :nth-child selector to invent new ones

<i>If you find this interesting, read more about CSS Selectors Level 4 which will offer you even more tools for stylesheet development.</i>CSS3’s :nth-child …

CSS

13 Common SEO Mistakes to Avoid

Online marketers spend a lot of time demystifying Search Engine Optimization (SEO), from the jargon and rules to new updates and algorithms. As the technology continue to advance, what you might know about SEO a year ago may no longer apply today.<p>Since SEO can be quite complex in its ever-adapting …

17 New Free Fonts For Designers | Fonts

Fresh <b>free fonts</b> for professional graphic designers. Fonts are perfect for Headlines, Headings and print design. Free download all fonts which are …

40 Free Resources Every Designer Should Know

<i>Jennifer Cirpici is a Dutch graphic designer and blogger. This post originally appeared on OtherFocus.</i><p>Ever wondered where designers get their resources to help them succeed with a project? Here is a list of great resources including sites, PSD. files, actions, UI elements, mock ups, et cetera. Best …

How To Create Your Own Front-End Website Testing Plan

In my experience, front-end website mockups are not extensively tested before they are handed over to the back-end development team, the reason being …

A Visual Guide to Sass & Compass Color Functions

— Increases or decreases one or more components of a color.<p>adjust-color($color, [$red], [$green], [$blue], [$hue], [$saturation], [$lightness], …

Reducing Abandoned Shopping Carts In E-Commerce

• <b>Show images of products.</b>. This reinforces what the customer is buying, especially on the cart page.• <b><br>Display security logos and compliance …

How To Run A Content-Planning Workshop

In this article, I’ll share the approach we developed to run content-planning workshops. While you will need to adapt the format to your scenario, …

Wayfinding For The Mobile Web

• You pause at the gate and glance around to quickly survey your surroundings.<br>• You observe which direction most people seem to be walking in and start …

Responsive Images Done Right: A Guide To <picture> And srcset

“Everything I’ve said so far could be summarized as: make pages which are adaptable.… Designing adaptable pages is designing accessible pages. And …

Design Principles: Space And The Figure Ground Relationship

The figure ground relationship is also complementary. Figure and ground can enhance or detract from each other, and organizing the two in relation to …

Sassy Z-Index Management For Complex Layouts

Every z-index instance raises a number of questions:<p>Why does this element have this z-index value? What does it mean in the context of every other …

Techniques For Creating Custom Textures In Photoshop

In the image above, we see a scene with no textures. (OK, there is one texture, flat gray. Without at least one texture, the image would not exist.) …

Breakpoints And The Future Of Websites

Threshold Dynamics<p>A threshold is the point or level at which something begins or changes. Thresholds can be found and felt virtually everywhere in …

Prioritizing Devices: Testing And Responsive Web Design

Because of all the things we have to support now, <b>testing has become really, really, really difficult and also super-expensive</b>. But imagine having to …

Scaling Down The BEM Methodology For Small Projects

Would smaller teams benefit from BEM? I wasn’t sure. BEM is a layer of abstraction, offered with other tools and technologies. A small agile team …

How Do You Design Interaction?

“UI design starts with words.” He wasn’t joking. The comment got a lot of retweets, a lot of favorites. Everyone understood what he meant — except me.<p>…

You May Be Losing Users If Responsive Web Design Is Your Only Mobile Strategy

We need to understand that, beyond any other goal, a mobile web experience must be lightning fast. Delivering a fast, usable and compatible …

How To Create A Helpful And Better 404 Page

In this article I’ll be reviewing a few techniques that will help Web designers and UI professionals to improve their error pages in order to engage …

How I Built The One Page Scroll Plugin

What Is One Page Scroll?<p>One Page Scroll is a jQuery plugin that enables you to create a single-scroll layout for a group of sections on a page with …

Writing CSS (and Sass) that doesn’t suck

Working at an agency, I sometimes have the pleasure (misfortune?) of taking over a front–end project started by a freelancer that we’ve brought in. …

How To Create a Web Design Style Guide

You're reading How To Create a Web Design Style Guide, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, …

Web Design

Email Design Guide

Content<p>Focus your message<p>Some of the most effective emails have one clear message. If you have multiple messages to send, try breaking them up into a …

16 Beautiful Horizontal Scrolling Websites

Web developers have always looked for ways in order to improve the way a website looks. One of these new and innovative ways was horizontal scrolling …

Why There Are Some Clients You Need to Fire

“I’m sorry, but we have to let you go. You’re fired.”<p>I’m pretty sure that a lot us, freelancers, dream of wanting to be a real badass and say those …

10 of the Most Beautiful and Inspirationally Designed Websites

I managed to gather a collection of eye-popping and most beautiful websites that would surely give you inspiration for the next project you’ll be …

Designing Mobile First

Build a responsive design that works across devices<p>Almost 25% of the Web’s traffic now comes from mobile. If you didn’t build a responsive site, …

How To Wisely Use The Font Combinations into A Logo

A considerable part of the total created logos contains letters or words. It means that a logo designer should be able to wisely play with letters. …

Responsive Design Begins With The URL

URLs<p>The core principle in creating a potentially enormous website that will last forever is to <b>get the information architecture right in the first</b> …