While learning technical skills, it is important to remain aware of best practices in the field. I took a look at an article called “15 Best CSS Practices to Make Your Life Easier” on One Extra Pixel’s website. Here are some highlights and tips that seem most meaningful to some of the work that I do in my profession:
- Keeping code organized from the start is something that could help the editing process in the long-run. The author suggests listing the most generic items, such as generic selectors like body and paragraphs, then moving down the list to headers, then main content.
- Another tip, which is strongly communicated within my graduate school program, is to always keep content and design separate. By not applying inline CSS within the HTML document, you clearly separate the content and styling, which can help make maintenance more manageable.
- Tip number five suggests that designers create a CSS template library in order to reuse certain styling. This seems like a great idea if similar design elements are being utilized often, especially since, many times, we are aiming to keep a company brand consistent on the web.
- Tip number nine is something that I should certainly apply in my own practices, but was not aware that I could until now. Often times, my selectors have identical CSS, but I create individual coding for each and every separate selector. The author suggests cutting down on this repetitiveness by listing the selectors together, but separated by commas. I could see this really cutting down on my bulky coding.