Michael Rose

72 Flips | 1 Magazine | 19 Followers | @mmistakes | Keep up with Michael Rose 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 “Michael Rose”

Build A Blog With Jekyll And GitHub Pages

20 min read<p>Share on Twitter or LinkedIn<p>Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. …

RWD Bloat Part II

Building off of my previous post on RWD Bloat, the following is step-by-step how I made my site faster over the course of a few days. For the …

Async Typekit & the Micro-FOUT

I could have used Typekit’s Advanced Embed code. It’s a short inline script that loads the main Typekit JS in a non-blocking way (aka asynchronously) …

Server-Side Device Detection With JavaScript

10 min read<p>Share on Twitter or LinkedIn<p>Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. …

Moving A Git Repository To A New Server

Let’s Learn How To Do That Properly<p>First, we have to fetch all of the remote branches and tags from the existing repository to our local index:<p>But …

Parallax Done Right

Getting great performance with parallax is tough. Here’s how to make it happen.<p><b>Tldr;</b> There are an easy handful of things you can do to get buttery …

My favourite Ruby gems & services

With Ruby and Rails, you have a great eco-system in which to build fully functioning webapps quicker.<p>I love Ruby and I love Rails. It’s not …

The easiest way to create a font subset is to use FontSquirrel’s Webfont Generator. You’ll obviously need a font that has the characters you need – …

Our CSS/Sass Project Architecture and Styleguide

It’s an almost impossible task to find a way to write consistent, future-proof and robust CSS. Our process has, until recently, consisted of …

Grunt And Gulp Tasks For Performance Optimization

Delays in performance have the potential to impact user engagement, experience and revenue. Thankfully, Google’s ‘Make The Web Faster’ team recommend …

Web Development

How to Deal with Merge Conflicts in Git | CSS-Tricks

By Tobias Günther On April 16, 2014 git, git tower, merge conflicts<p>Everybody has a list of things they don't like: an appointment at the dentist, a …

Font icons like a boss with Sass & Font Custom

Font icons like a boss with Sass & Font Custom<p><b>⚠️ This article is outdated:</b> First I moved on to a custom Gulp workflow, then for a while I used SVG …

Crafting link underlines on Medium

How hard could it be to draw a horizontal line on the screen? It seems wrangling a few pixels together to stand in a file would be something …

A List of Style Guides, Brand Guidelines, and Front-End Frameworks

More for convenience than anything else<p><b>Edit: If you want more updates like this follow me on Twitter</b> <b>@theearlcarlson</b><b>.</b><p>This list originally came about …

What You Think You Know About the Web Is Wrong

If you’re an average reader, I’ve got your attention for 15 seconds, so here goes: We are getting a lot wrong about the web these days. We confuse …

Selectors as Sass Variables?

There's a right and a wrong way to do this...<p>The most common usage of Sass variables is to assign single values for easy implementation and updating …

What’s with putting the CSS in the head?

A look into the practice of placing CSS within the head of a HTML page vs external CSS file and how it affects page performance.<p>Throughout my …

A counter statement: Putting the CSS in the head

Placing CSS in your HTML head instead of referencing external files is not a good practice in a lot of cases. The downsides.<p>In his latest piece <i>What’s</i> …

Web Development

UX Crash Course: 31 Fundamentals

My New Year’s Resolution for 2014 was to get more people started in User Experience (UX) Design. I posted one lesson every day in January, and …

UX Design

How to optimize CSS delivery

What is CSS delivery?<p>The manner in which CSS is used to render a webpage<br>• The use of external CSS files, internal CSS blocks or a combination of the …

CSS

Myth #3: People don’t scroll

Although people weren’t used to scrolling in the mid-nineties, nowadays it’s absolutely natural to scroll. For a continuous and lengthy content, like …

Myths

No Need To Grunt, Take A Gulp Of Fresh Air

December, 13th 2013 · tooling<p>Recently, gulp was released to the world as a rival to the very popular JavaScript task runner, Grunt. Let's take a look …

Automate Your Responsive Images With Mobify.js

Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. Sent 2× a month.<br>You can unsubscribe any …

Prioritize visible content

What is visible content?<p>Visible content is the portion of a webpage users see on their screen before they scroll<br>• Sometimes referred to as "above the …

Gone In 60 Frames Per Second: A Pinterest Paint Performance Case Study

Today we’ll discuss how to improve the paint performance of your websites and Web apps. This is an area that we Web developers have only recently …

Lightening Your Responsive Website Design With RESS

Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. Sent 2× a month.<br>You can unsubscribe any …

SVG Workflow for Designers

Create quick vector assets with really small file sizes.

Command-line

When Editors Design – Controlling Presentation In Structured Content

12 min read<p>Share on Twitter or LinkedIn<p>Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. …