Tag: Web Development

Fullscreen Masterhead

Masthead using Sass

In this tutorial, we will show you how to create a simple masthead using HTML and Sass. This masthead is not fullscreen. Check out our tutorial about making…

Fullscreen Masterhead

Fullscreen Masthead using Sass

In this tutorial, we will teach you how to create a fullscreen masthead using HTML and Sass. First, let’s create the HTML. <div class=”masthead”> <h1>Welcome.</h1> </div> <div class=”container”>…

Sass

Custom Scrollbar Sass Mixin

The following is a Sass mixin that will allow you to customize the browser’s scrollbar. // @include scrollbars(.5em, foreground, background); @mixin scrollbar($size, $foreground-colour, $background-colour: mix($foreground-colour, white, 50%)) {…

Website Design Canada LinkedIn Group

Web Design Canada is a Meetup.com group for anyone, newbie or professional, interested in creating, managing, building and tweaking a website. This group is designed to learn and…

Minimum Required PHP Version for Plugins

WordPress has introduced a way for developers to set a minimum required PHP version for their plugins.

DigitalOcean: Upgrade From Ghost 0.11.x to Ghost 1.x.0

In this tutorial, I’ll show you how to upgrade your Ghost blog from Ghost 0.11.x to Ghost 1.x.0 on DigitalOcean.

CSS

Linting HTML using CSS

You can use the following CSS to lint your HTML.

Front-end Checklist for Websites

Use the following checklist for pre-launch websites or websites that are already live. This checklist is for the front-end of your website or blog, and are based on…

Test How Mobile-Friendly Your Site Is

TestMySite by Google is a mobile website speed testing tool. Use this tool to test your sites’ performance on mobile with Google and receive recommendations for improving performance…

List of Awesome WordPress Resources

The following is a list of useful and helpful WordPress resources┬áthat are designed to help you create, build, grow and maintain your WordPress website. The vast majority of…