Stevie ‘no blog’ Marshall needs a new nickname
. Updated: .
Nascentguruism has finally gone live.
I urge you to go look at Steve’s new design as, frankly, it’s a real labour of love and would be a shame not to. Attention to detail is order of the day, with the squeakiest clean mark-up (bar a few transitional hooks), some frankly acrobatic CSS for doing nested quotes ‘properly’ and a nice line in CSS generated content (in the sidebar footer).
He’s been designing nascentguruism for most of the time I worked with him at Fujitsu-Siemens and for a good few months since then as well. In that time he’s also been reading through the stock books on design, usability and typography, all of which introduced immediate delays as he tried to incorporate the new knowledge. Together we hacked around in Firefox making little CSS tricks dance (though I’m not sure how many of those survived) and generally shared many an afternoon not doing what we were supposed to.
I think his effort’s been worth it, so please pay him a visit and welcome him into our corner of this interweb; he’s been watching from the outside for some time now. Or you could just write abuse in his comments, whichever.
Links
To share this entry, or reference it in commentary of your own, link to the following:
- Permalink: https://benward.uk/blog/nascentguruism-goes-live
- Shortlink: https://bnwrd.me/1TAMwo
You can file issues or provide corrections: View Source on Github. Contributor credits.
Comments
Previously, I hosted responses and commentary from readers directly on this site, but have decided not to any more. All previous comments and pingbacks are included here, but to post further responses, please refer me to a post on your own blog or other network. See instructions and recommendations of ways to do this.
It’s nascentguruism, not Nascentguruism, damnit!
Why not capital ‘N’? Surely if it’s the name of a specific thing (i.e. your exact website) then the first letter should always be capitalised ;)
As for CSS tricks, which ones did you two play around with? I’ve seen one or two in my trawls of the Net (generally useful things like :before and :after for rounded corners without the extra markup) but mostly not that useful (or very useful, but completely useless as soon as IE comes into the mix)
Now, do I have anything useful/reasonable to post on Stevie’s new blog or do I leave the comments at what I’ve said here…decisions, decisions!
At one point we had a fabulous search form labeling technique, in the style of the prefilled search boxes that clear using script when you click in them, using pure CSS. That was neat, but browser support was, err, poor. It would’ve needed a completely layout in IE.
Steve has his fair share of simpler generated content tricks in there too, mind.
Oh, and you actually mean ::before and ::after with two colons, since they’re pseudo-elements, as opposed to pseudo-classes which use a single colon.
‘Why not capital ‘N’?’
Because I like the aesthetic of the long word with the only breaks to the flow being roughtly in the middle.
To be honest, we didn’t really use that many cutting-edge CSS ‘tricks’, per se, save the one Ben mentioned.
Most of the funk comes from the transitionally-coded stand in for multiple backgrounds/corner images. In short, rather than using fourfteen different divs as wrappers for content, such that I could then use meaty images as backgrounds, I used an element with a class of chrome containing a bunch of other, empty elements (one for each corner or edge). That way, the markup is kept relatively free of cruft, the solution works in most modern browsers (IE included), and doesn’t rely on JavaScript injection (although could be done equally well as such).