Coding an Instagram Photo Feed
Part 26 of my Let's Build: A Consultancy Website series continues on the About page.
The existing design utilizes placeholder imagery for what will become ...
Category
Web Design
Web design is about solving problems for users in mind inside the ecosystem known famously as the world wide web. Today designs can no longer static but scaleable. More attention is paid to function over form though when successfully combined many designs stand apart from the rest as well-executed pieces of art. Tools, trends, techniques and more are all part of the discussion.
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 action and image of Alyssa her...
Coding the About page
In part 24 of my Let's Build series I walk you through the initial phases of coding the About page design. We leave the home page for now but will revisit again when it ...
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 snippet of its own inside the s...
Coding the home page call to action and global CTA
Part 22 carries on the series by introducing the call to action I designed for the home page as well as a global call to action that display...
Coding the Process Section.
In part 21 I continue coding the home page by starting the process section of our design. This section is a little more complex than most as we'll use a new field ...
Coding The Home Page Brand Strategy Section
In Part 20 of my Let's Build: A Consultancy Website series I walk you through finishing some last-minute tweaks of our primary header as well as ...
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 forgot to style!
Join me in...
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 a lot of positioning with `...
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 emerges
In part 17, you'll ...
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
In this video, I create ...
Part 15 walks you through my process of preparing assets for a typical website. In this video, I walk you through slicing and exporting assets from Affinity Designer.
File types and sizes
...
Top 10 Popular articles:
- Understanding Active Record Associations 7,817 views
- How to Create a Skeleton Screen Loading Effect 7,101 views
- How to code a Theme Switcher with Vanilla JavaScript 2,775 views
- Ruby on Rails API with Vue.js 1,287 views
- Lets Build: With Tailwind CSS - Responsive Navbar 1,132 views
- Let's Build: With Ruby on Rails - A Blog with Comments 1,084 views
- Understanding the Asset Pipeline in Ruby on Rails 790 views
- Let's Build: With Ruby on Rails - Discussion Forum 637 views
- Ruby on Rails Drag and Drop Uploads with Active Storage, Stimulus.js and Dropzone.js 490 views
- Affinity Designer - Artboards, Grids, and Guides 447 views