Yesterday, MakerSquare held a seminar on design and thanks to the wonderful Elyse Holladay she gave an awesome presentation and tools that I want to share.
If you are starting out a project the first thing you should do is get your basic layout set. The best tool to do this is to use borders around all your divs so you can be sure you aren’t using a CSS trick to visually fix any issues but actually solving your issue. So beware with CSS tricks that look like they solved the problem but they just hide your real problem and then if you have to expand on your layout you will run into problems.
Begin any CSS project using borders, using a code playground, and begin with your basic layout before diving too deeply into your styling. These are the tips that I have learned this past week in my studies at MakerSquare and I hope they will help you as much as they did for me. I didn’t like CSS until I learned these steps and tools. So thank you MakerSquare and Elyse Holladay for relieving my CSS anxiety!