Michael Gearon

29 Added | 1 Magazine | 40 Likes | 4 Following | 5 Followers | @michaelgearon | Front end web developer, HTML, CSS, JQUERY, SASS.

12 Italics That Whisper and Wail

A lot of what we do as designers is about guiding people to information in order of priority. Colour, size and spacing can all be used to emphasize …

Typography

How to Create Your Own Custom WordPress Taxonomies — SitePoint

This tutorial will help outline all that you need to know when it comes to WordPress taxonomies.<p>We will begin by discussing what taxonomies are, how …

Using Jekyll

In the previous post, I talked about GitHub Pages and how to set it up on your GitHub repository. We used the site generator to get started and I …

Using The WordPress Custom Field User Interface

In the first post in this series, I covered what custom fields are and why they are important. I also gave an overview of the various ways to add …

How We Read

I want you to think about what you’re doing right now. I mean <i>really</i> think about it. As your eyes move across these lines and funnel information to …

How to Highlight New Posts for Returning Visitors in WordPress

Did you ever wonder how popular sites highlight new posts for returning visitors? Clearly highlighting new posts to returning visitors is a great way …

WordPress

Create a Masked Background Effect With CSS

Today we're going to be stepping through a really cool technique you can use to create an effect that's a little bit like parallax scrolling, yet …

Techniques for Responsive Typography

One of the most important aspects of responsive web design is responsive typography. When it comes to responsive type on the web, there’s more to do …

Absolute Horizontal And Vertical Centering In CSS

There, Simon linked to this jsFiddle that blew every other method out of the water (the same method was also mentioned by Priit in the comments). …

Web Development

A beginner's guide to Grunt

16 March, 2013<p><b>UPDATE 22 November, 2014: I've just published a brand new article on how I now set up and use Grunt. Check it out.</b><p>Having just read …

JavaScript

Grunt.js Workflow

In this article I'm going to show you how to leverage Grunt.js to completely refactor your workflow. Follow in the footsteps of some of the most …

JavaScript

CSS and jQuery Secondary Expandable Menu

Secondary expandable navigation<p>This simple responsive navigation lets users focus on few important menu items, while the entire navigation is still …

Visual Design

Improving Web Typography for Visually Impaired Users

We in the web industry often create for the majority, making our work tolerable for those in the minority. That isn't good enough. In this article …

Typography

Creating a Parallax Scrolling Webpage Using Jarallax.js

We come across a number of websites daily whilst browsing, but what makes a website grab our attention at first sight is a wonderful design and its …

Web Design

Animate with CSS using Sass and Compass

When it comes to adding animation and interactivity in the browser, there are countless solutions by many people. What I'm proposing here isn't a …

Web Development

Using WordPress to Create a FAQ System With Custom Post Types

I recently worked with a client of mine, who works as a professional consultant in her area of work. She asked if I could implement a Q&A system, or …

Web Design

How to Create Your Own HTML Elements With Web Components

Web Components are currently and excitedly being talked about as an upcoming "tectonic shift for web development" with the promise of permanently …

How to Add a Contact Form Popup in WordPress

Recently we got an email from a user asking: How do I put my contact form in a popup for my WordPress site? This is a common trend on many sites …

Web Design