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 sites deploy...
•
182893 reads
Tag
sass
You are viewing a list of articles tagged: sass
Sass is a not so new CSS language that hit the web design/development world by storm several years ago. Developers were wanting a less repetitiv...
•
783 reads
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 remains. Toda...
•
538 reads
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 writing CSS ...
•
4112 reads
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 clients are...
•
514 reads
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 exciting for me as ...
•
1823 reads
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 in setting ...
•
465 reads
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 for the most...
•
819 reads
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 the video is...
•
865 reads
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 portion of ...
•
808 reads
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 header portion o...
•
794 reads
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" section of ...
•
965 reads
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 a fully inte...
•
1037 reads
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 main nav dyna...
•
955 reads
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 snags that co...
•
549 reads
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 spent adding cu...
•
934 reads
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 to create th...
•
732 reads
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 Web Design
...
•
871 reads
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 structure o...
•
1106 reads
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 the Foundation...
•
741 reads
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 a pattern em...
•
786 reads
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. I utilized...
•
1018 reads
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 completely fo...
•
782 reads
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 sure it's a sni...
•
786 reads
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 brief call to ac...
•
495 reads
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 the general ca...
•
807 reads
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 mentioned utili...
•
1143 reads
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 move on to ma...
•
365 reads
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 can see from ...
•
1119 reads
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 grid framework...
•
512 reads
Coding The Responsive Mobile Menu
Part 35 introduces our new responsive mobile menu of which I found as inspiration on Codepen.
To code t...
•
473 reads
Kirby Redirects and Adding Animations
Part 37 teaches you how to perform redirects in Kirby. Alyssa's blog is hosted elsewhere so we chose...
•
422 reads
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 regards to web des...
•
955 reads