John Stuttgen

1,079 Flips | 2 Magazines | 6 Likes | 3 Following | 565 Followers | @JohnStuttgen | Keep up with John Stuttgen 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 “John Stuttgen”

How to use webfonts

<i>The following is an excerpt taken from Bram Stein's new</i> <i>Webfont Handbook – out now</i><i>.</i><p>Webfonts are defined in CSS through the <b>@font-face</b> rule. If you’re a …

Typography

Thinking Beyond The Interface

Designers have largely shifted their skill sets toward interface design, prototyping, and code. Are writing and art direction getting left behind?<p>Around 2010, designers the world over proclaimed Photoshop was dead in web design. We moved away from static comps, learned to prototype, and invested …

Has the Internet Killed Curly Quotes?

Web publications tend to favor straight quotation marks, a pragmatic approach to typography that old-school stylists can’t stand.<p>The trouble with being a former typesetter is that every day online is a new adventure in torture. Take the shape of quotation marks. These humble symbols are a dagger in …

Best of Best WordPress Tutorials of 2016 on WPBeginner

Another year is about to end and what a great year it was. We can’t thank you enough for your continued support of WPBeginner. We look back at 2016 …

WordPress

CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout

<b>Editor’s note:</b> <i>Please note that this article is quite lengthy, and contains dozens of CodePen embeds for an interactive view. The page might take a</i> …

Web Design

Error. Page cannot be displayed. Please contact your service provider for more details. (16)

ABDZ CSS box-shadow rollover effect

A couple of months ago we shipped the new version of Abduzeedo to our readers - a new post detailing the impetus and features of the new site is …

25+ Best WordPress Forms Builder Plugins 2016

A Form Builder plugin allows you easy to create and manage all kinds of WordPress Forms with a simple drag and drop interface. Here we have for you …

Web Design

Give Floats the Flick in CSS Layouts — SitePoint

If you’re new to CSS layouts, you’d be forgiven for thinking that using CSS floats in imaginative ways is the height of skill. If you have consumed …

Precedence in CSS (When Order of CSS Matters)

On your average CSS-writin' day, odds are you won't even think about precedence in CSS. It doesn't come up a whole heck of a lot. But it does matter! …

JavaScript

Futura’s Paul Renner Tackles Color

Paul Renner (1878–1956) is best known as the designer of the paradigmatic modern typeface Futura, literally deemed in its marketing materials as “The …

Typography

Leverage WordPress Functions to Reduce HTML in your Posts

There is a debate on whether HTML classes belong in your content. As in, classes that are strictly related to the presentation of that content. …

Web Development

Save time and improve your WordPress workflow

When you’re working on your WordPress website you may often find yourself going from one screen to the next. For example, you want to edit some text …

Web Design

What’s new for designers, May 2016

In this month’s edition of what’s new for designers and developers, we’ve included website builders, new CMSs, CSS frameworks, pattern guides, color …

Optimizing for Large-Scale Displays

<i>The following is a guest post by Jon Yablonski. Jon told me he recently worked on a project where there was a lot of emphasis placed on giant</i> …

Visual Design

Why Internet links are blue, and what Google's 'black' experiment means

Google’s search experiment — where text links in search results appear black and not the traditional blue — is freaking people out, and with good …

Happy Cog Starter Files 2016

I have spent close to 7 years as a front-end developer at Happy Cog and in that time I’ve seen our discipline go through many great changes— from …

JavaScript

Top 10 CSS Articles from Last Month.

We’ve observed nearly 1,200 articles related to CSS3, posted and updated in April 2016.<p>Note that Top 10 list for JavaScript, HTML5, UI Design, are …

Top 10

Quick Tip: Building Responsive Layouts With Floats

In today’s quick tip, we’ll learn how to build responsive layouts using CSS floats, an old yet trusted layout method. With that done, we’ll see how …

Web Design

Why Static Website Generators Are The Next Big Thing

At StaticGen, our open-source directory of <b>static website generators</b>, we’ve kept track of more than a hundred generators for more than a year now, and …

Web Design

The Ultimate Guide to the WordPress functions.php File

If you’ve started building your own theme, or maybe even creating a child theme to customize another theme, then you’ll have learned all about …

WordPress

The Cutting-Edge CSS3 Features That Are Essential to Modern Web Design

Advertise here with BSA<br>Over the last couple of years, CSS has evolved into more than web designers and developers could have ever expected. CSS3 …

Web Design

What are CSS Modules and why do we need them?

I’ve been intrigued by CSS Modules lately. If you haven't heard of them, this post is for you. We'll be looking at the project and it's goals and …

JavaScript

Annotating Your (Critical) CSS

<i>The following is a guest post by Wladston Ferreira Filho. We've covered critical CSS before, but the technique covered was specific to SCSS. Here</i> …

CSS

An Introduction To Technical SEO For WordPress Websites

SEO seems to be getting more and more complex with every year.Already a bit of a mystery for many site owners, the fact that this field is constantly …

Engines

The Best WordPress Tutorials For Beginners

While WordPress is the most popular content management system (CMS) in the world, that doesn’t always mean it’s easy to figure out.<p>Thankfully, …

10 best new web design tools in March

This month's tools are quite exciting: there's a new version of Foundation for Emails which should make it easier to put together your HTML …

Web Design

How to organize your WordPress site

I’ve been working on a lot of different WordPress sites and I’m noticing a few things. People are using lot’s of plugins, lot’s of posts, lot’s of …

3 of the best resources for learning Flexbox

<i>Learn about modern worklow and tooling for frontend developers with Wes Bos, and discover the incredible power of Flexbox with Vlad Magdalin, at both</i> …