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...
•
183318 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...
•
801 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...
•
549 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 ...
•
4140 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...
•
521 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 ...
•
1842 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 ...
•
475 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...
•
839 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...
•
888 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 ...
•
823 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...
•
809 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 ...
•
975 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...
•
1055 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...
•
967 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...
•
564 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...
•
950 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...
•
740 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
...
•
879 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...
•
1115 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...
•
749 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...
•
799 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...
•
1033 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...
•
788 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...
•
801 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...
•
504 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...
•
820 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...
•
1154 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...
•
375 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 ...
•
1133 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...
•
524 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...
•
510 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...
•
442 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...
•
962 reads