Journals by RSS
Journals by EmailIn one of my help projects, I put together styles for the topic titles and headings that visually divides the sections of the topics. Size and font weight aren’t the only things available for making headings stand out and the structure of a help topic understandable for the user. Here’s the styling I used, as well as another style that may help headings visually noticeable.
Tag: HTML
Tags: CSS, help authoring, help systems, HTML, Web design
It feels like a good week to post about CSS and Web design techniques. Today’s suggestion comes from one of the interaction designers I used to work with. A couple of years ago, I was reworking some tutorials and putting them into HTML. Because our designers work in CSS, I decided I needed to learn it. This designer reviewed my CSS for me, and one of the tips he gave me was to declare attributes as high in the CSS file as possible.
One of the objects of CSS is to cut down on the code in HTML files, which increases the speed at which browsers load the pages. You can also reduce the size of your CSS file itself with this technique.
My job has involved opportunities for some Web design, which helps to satisfy the drive to create. We have a separate team for interaction designers, and they are very talented in using cascading style sheets (CSS) to design their prototypes. When the CSS emphasis was established in the group (the user education team and the interaction design team are what you could call “sister teams”), I took some time to learn what CSS is about and see if I could harness it in developing some HTML tutorials as well as my online help systems.
I really became excited about CSS, and here’s why.
