Code - Brandon Himpfen (Page 2)

Brandon Himpfen

Code

A collection of 40 posts

Add Plausible Analytics to Jekyll

Learning Centre

Add Plausible Analytics to Jekyll

Learn how-to add Plausible Analytics to your Jekyll’s theme. Add the following code snippet to your theme’s default.html file in between the head HTML tags.

Facebook Button for Bootstrap using Sass and Font Awesome

Facebook Button for Bootstrap using Sass and Font Awesome

Learn how-to create a Facebook button for the Bootstrap front-end framework using Sass and Font Awesome.

Center a Website using CSS

Learning Centre

Center a Website using CSS

The following tutorial is simple and will show you how to center your website using CSS.

Linting HTML using CSS

Linting HTML using CSS

You can use the following CSS to lint your HTML. Avoid inline styling: Check to see if a link has no or meaningless href value, and check for empty interactive elements:

Social Sharing Buttons using Pure.css and Font Awesome

Social Sharing Buttons using Pure.css and Font Awesome

Pure.css or Pure, is a free and open source project by Yahoo. Pure consists of a set of small, responsive CSS modules that you can use in every website or web app.In this tutorial, I’m going to show you how-to create social sharing buttons using Pure.css and Font Awesome.

Custom Pure.css Button

Custom Pure.css Button

Pure.css or just Pure, is a set of small, responsive CSS modules for creating websites and web apps. Pure was created and still is maintained by Yahoo. In this tutorial, I’m going to show you how to easily create custom Pure button.

Twitter Bootstrap Button using Sass and Font Awesome

Twitter Bootstrap Button using Sass and Font Awesome

In this tutorial I’m going to show you how-to create a Twitter button for the Bootstrap front-end framework using Sass and Font Awesome.

Less Variables for Material Design's Colour Palette

Learning Centre

Less Variables for Material Design's Colour Palette

Material Design is Google’s design language and comes with its own colour palette. The colour palette consists of 256 primary and accent colours. The problem? Making the colours usable in your designs.

Stylus Variables for Material Design's Colour Palette

Learning Centre

Stylus Variables for Material Design's Colour Palette

Material Design is Google’s design language and comes with its own colour palette. The colour palette consists of 256 primary and accent colours. The problem? Making the colours usable in your designs.

Bootstrap Label Styled Tags in Ghost

Learning Centre

Bootstrap Label Styled Tags in Ghost

In this tutorial I'm going to show you how-to create Bootstrap label styled tags in Ghost. This blog uses Bootstrap label styled tags. It looks like this: Firstly, go to the partials directory and open loop.hbs. Now look for tags helper, which should be the word tags in double

Enable HTML5 Markup for the Genesis Framework

Learning Centre

Enable HTML5 Markup for the Genesis Framework

To enable HTML5 markup for the search form, comment form, comment list, galley and caption in the Genesis Framework, add the following to your theme’s functions.php files:

How-to Add Font Awesome To Your Website

How-to Add Font Awesome To Your Website

Font Awesome is free, currently consists of 369 icons, there is no JavaScript, works nicely with Bootstrap and each icon can be customized easily through CSS.

How-to Style External Links with CSS

Learning Centre

How-to Style External Links with CSS

Styling a external link is a good way of telling your website’s visitor that the link they are about to visit does not belong to the website they are viewing, but instead belongs to another website. Many websites inform visitors that the link is external by placing an directional

Google+ Button for Bootstrap using Sass and Font Awesome

Google+ Button for Bootstrap using Sass and Font Awesome

Learn how-to create a Google+ social sharing button for the Bootstrap front-end framework using Sass and Font Awesome.

StumbleUpon Button for Bootstrap using Sass and Font Awesome

StumbleUpon Button for Bootstrap using Sass and Font Awesome

Learn how-to create a StumbleUpon social sharing button for the Bootstrap front-end framework using Sass and Font Awesome.