This is a recent copywriting and website project I did for my dad’s company, and it’s the newest part of my online portfolio.
When your business is built on 60 years of excellence, you have that same expectation for your website.
Terry St. Clair, the owner of Jack St. Clair, Inc. (JSI), is also my dad. I grew up around dump trucks and excavators, long deep ditches and the smells of diesel and dirt. When it came time to update the JSI website, I dug into code and copy to give my dad’s business the online presence it deserves.
The JSI site was in need of new content and a new look. I put together fresh copy, current and historical photos, client testimonials, and extensive details on the company’s services for a website with a clear message, powered by a new, responsive template. Now the website clearly communicates to prospects why JSI is the right company for the job.
Project Dates: 2014–2015
“We had put up a basic website years ago, but it was outdated, needed a redesign, and didn’t have enough content. Anthony provided fresh content and a new template that looks good even on today’s smartphones and tablets. He also worked with us to make sure technical details about the business were correct, while also getting to the heart and history of who we are. I’m so happy with the site, and am glad we have such a stronger online presence now.”
— Kelly Proffit, Vice President
*geek alert* With screenshot examples and code used.
Link: index of individual text sizing examples.
More on text sizing issues. Very interesting… if you’re that concerned over baselines and font edges and all that good fun webgeek stuff. Thanks for putting it all together, Owen Briggs (inflight connection)
Different site, but the Web Design Group offers up some schooling on CSS Units (percentages, x-height, keyword, etc.) and Font Size as well. The latter also notes some major font-size caveats for IE.
Absolute or relative?
The debate rages, of course, and my 2 cents offered (or 2 shots fired, depending on your fervency) is that I either use px (pixel) sizes for absolute font sizing, or keywords (medium, small, etc.) for relative. TypePad’s use of keywords was my first exposure to the method, and I’ve been quite chuffed with how it works out. ex, em, and pc just come off as too damn nitpicky and geekily anal for my taste. Gimme pixels or keywords, anytime!
Ask and ye shall receive. Further to last night’s CSS layout malaise or melee this morning’s SitePoint newsletter has given something well worth checking out:
“Specifics, the nitty-gritty of writing good stylesheets.”
The first list on this site sounds like just what I’m looking for: CssLayouts, FixedLayouts, AbsoluteLayouts, FloatLayouts, TwoColumnLayouts, ThreeColumnLayouts, FooterInfo. And that’s just for starters.
There may be hope after all.
Saturday afternoon is americano time at my favorite cafe, Perugino. I’m heading to Roseburg in a couple of hours, but first, some coffee and a little quality time with a CSS book and a site I’m working on. The CSS is giving me a headache I’m having a hellish time wrapping my mind around some of this stuff.
My laptop suddenly chimed: I could ride a wireless network. So I thought I’d mention it. It’s fun riding someone else’s signal, wherever it is. If I remember correctly, there’s a cybercafe next door.
CSS’ing on a Saturday afternoon. I know. I’m a bit lame. But I’m enjoying myself… or maybe I’m just a masochist.
Have you ever “viewed source” on a webpage? It’s frightening. All these nice layouts and pretty fonts… and then you flip things around, and suddenly it’s all a plain text mess. Ever wonder what it is, what all those little “” and weird codes and values mean? Probably not. Which is very wise. But if you have…
Read more ›