sass

How many times have you visited a website to be overwhelmed with pop-up windows that try to get you to take some sort of action? Most blogs and news related ...

Sass is a not so new CSS language that hit the web design/development world by storm several years ago. Developers were wanting a le...

In August of 2015, the makers and shakers of the Bootstrap core team announced an alpha release of Bootstrap 4. Currently, almost a year later, the release r...

I love SASS! Prior to using Sass my CSS workflow was horrendous. If you’ve been in the development world for a few years, you probably came from the land of ...

I use WordPress for about 99% of my clients’ projects. I do this for a variety of reasons but mostly because my WordPress workflow is pretty efficient and my...

The time has finally come, CSS is about to become dynamic with the introduction of CSS variables. While the new technology is experimental, it’s very excitin...

Part 4 is here! This video begins the very first part of the design and code journey ahead. In this and the videos to come, I walk you through my own process...

I use WordPress for a variety of projects. I have to say that I have a love-hate relationship with it for many reasons. I'll save those for another time but ...

In part 5, of "How to Design and Code a Product Landing Page", I continue optimizing our theme for the upcoming development of the landing page.

Part of ...

Continuing on in part 9 of the screencast series titled "How to Design and Code a Product Landing Page" we dive deeper into developing and styling the header...

In Part 10 of How to Design and Code a Product Landing Page, I continue coding the landing page. The last part of the series ended with me styling the head...

In Part 12 of my "How to Design and Code a Product Landing Page" screencast series, I continue building out the next section of our design.

The "Benefits"...

In Part 15 I carry on adding the eCommerce functionality inside the product landing page. I make use of a stripe WordPress plugin which allows you to output ...

Part 2 of the "How to Code HTML to WordPress" screencast series is dedicated to optimizing the theme for development as well as the beginning of making the m...

Part three of my screencast series "How to Code HTML to WordPress" I opt to get our Gulp task runner plugin as a result of some CSS s...

Part 17 of How to Design and Code a Product Landing Page deals with refinements to the product landing page's styles.

The first half of the video is spe...

Part 5 continues my series titled "How to Code HTML to WordPress". In this video, we make custom post types, categories, and custom fields that tie together ...

In the last part of the "How to Design and Code a Product Landing Page" screencast series, I finished up our desktop view of the design.

Responsive W...

When I start most projects I like to utilize some build tools to make the code more optimized as well as my workflow.

Part 14 walks you through the folder...

In part 16 I optimize our theme for development. Kirby comes with a starter kit preinstalled to show you functionality which I really like.

Laying th...

Styling the home page header

Styling our home page header begins in part 17 of the Let's Build: A Consultancy Website series.

The beginning of ...

Completing the Home Page Header Styles

Part 18 continues where we left on with styling the remaining content inside the header portion of the home page...

Revisiting the primary navigation

In Part 18 we styled just about all of the home page header. In part 19, I revisited the primary navigation which I c...

Coding the Footer

In part 23 I round out the home page design and spend time coding the footer.

To make this a global component I needed to make sur...

Coding the About page (Continued)

Part 25 of my Let's Build: A Consultancy Website series continues on the About page.

The design calls for a brie...

Coding the Services Page - Part 3

In part 29 of my Let's Build series, I continue coding the services page. All that's left is to style the form and th...

Coding the Services Page Form

Part 30 officially marks the end of my immediate work on the services page by tackling the form. In previous videos I men...

Making The Homepage Responsive

In part 32 I start with making the homepage responsive. With most of the consultancy website designed and built, I can m...

Making The Homepage Hero Section Responsive

In part 33 I continue working on the home page trying my best to make the hero section responsive. As you c...

Making the Interior Pages Responsive

In part 34 I continue past the home page to pay more attention to the interior pages of the site.

Using the gr...

Coding The Responsive Mobile Menu

Part 35 introduces our new responsive mobile menu of which I found as inspiration on Codepen.
...

Kirby Redirects and Adding Animations

Part 37 teaches you how to perform redirects in Kirby. Alyssa's blog is hosted elsewhere...

As my career takes a big shift from being only myself to a team of 20+ I've become more aware of the importance of best practices and scalability with regard...