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 a fullscreen masthead. Firstly, we’ll create the HTML for the masthead. Welcome.     Lorem Ipsum Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac … Continue reading Masthead using Sass

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. Welcome.     Lorem Ipsum Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit … Continue reading Fullscreen Masthead using 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%)) { // For Google Chrome ::-webkit-scrollbar { width: $size; height: $size; } ::-webkit-scrollbar-thumb { background: $foreground-colour; } ::-webkit-scrollbar-track { background: $background-colour; } body { scrollbar-face-color: $foreground-colour; scrollbar-track-color: $background-colour; … Continue reading Custom Scrollbar Sass Mixin

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 Google’s Progressive Web App Checklist. Performance General HTTP/2 is being used CDN is used for assets CDN is used for static resources Cookie-less domain used for static … Continue reading Front-end Checklist for Websites

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 these WordPress resources are free but some maybe paid for. General Info Command Line Testing IDE Coding Standards General Info Generic information and links to help you … Continue reading List of Awesome WordPress Resources