Building your designs shouldn’t be about compromise
I’m Steve McKinney, I write this blog about the design and build of websites. My main aim is to teach you how to implement your designs as you intend. With this I cover a mixture of how to design visually appealing websites and building them with maintainable CSS.
What drives my writing is hearing things like “you can’t expect your designs to look the same as they do in design app”. And while that comes from a good place, it’s a free ride to forgive things like spacing inconsistencies, not adding visual flourishes and avoiding refinements for your responsive breakpoints.
Who is this for?
Either you’re a developer wanting to improve their visual design skills, or a designer with some coding experience. You’re someone who understands the value of not only good design, but the requirement of making it look visually appealing too. Through sharing what I know and continue to learn, I hope to meet this need.
It started out with writing weekly without an aim
I made the decision to start writing this blog consistently in January 2015. Every week, for two years, a blog post went out. I started out writing about anything I was interested in, as long as it was related to websites.
It became clear to me over those two years, there was a lack of content focusing on how you design things to look good.
Focusing on designing & coding beautiful websites
I knew focusing on visual design would be a good start. I begun narrowing down to only designing with Illustrator and launched a redesign of the website. Things improved steadily, but I felt limited and ignoring a part of making websites.
The thing being coding, at least the HTML and CSS part. Understanding how to build websites is part of my unique advantage.
A new goal to be able to work with in depth content
During the last few months of posting weekly, I thought about the focus of the website and taking a break. The realisation of posting weekly, with limited time, meant I couldn’t do certain posts. I wanted to change.
My vision for this website is to; teach in depth ‘web’ related design topics. Help you understand why and develop your own rationale. Using Illustrator and CSS as the core tools.
A mixture of practical tutorials and tips
All tutorials are taught using Illustrator and aim to make no assumptions. Meaning I will provide rationale behind my decision making, point out where things are or provide references. Each tutorial does fall at an intermediate level.
Some tutorials will feature CSS (using SCSS), and some will feature JavaScript. There are a mixture of articles from quick tips, to in depth design tutorials.
The aim is to help improve workflow efficiency and build up visual design skill. Code adds additional justification and is usually the best way to communicate extra details.
There’s a lot of decisions that get missed, because they’re routine as a designer. I want to communicate these decisions to both developers and designers to bridge that gap.
I’m certainly still figuring things out, but with a vision in mind I can work towards my goal.
