SEO for Web Developers: Page Construction – Nefarious Designs.
Of particular interest to me is the thoughts on URL construction. Tim discusses keeping keywords as close to the left of the URL as possible, but also talks about a directory-type hierarchy and readable URLs.
On HTML element identifiers – Nefarious Designs.
A nice meditation on the critical bits of HTML that help you distinguish things from other things in your markup. Reading things like this always makes me feel like there’s some sort of markup zen that I have yet to achieve.
A List Apart: Articles: Future-Ready Content.
Sometimes catching up on RSS means finding all sorts of new plugins, technologies, techniques, or emerging standards. Other times, it’s a familiar rehash of things that people have been talking about for over 10 years (well, 10 is about as far back as my web-memory goes). I recall seeing “getting ready for Content Management” presentations from Veen in 2001, and working with an ill-fated XML-based content storage database around that same time.
The fact that it’s old news doesn’t mean that it’s irrelevant. The focus in this ALA article is on content storage structure as it relates to responsive web design, which is a relatively new thing. I imagine that in another 10 years, content structure is going to be just as important, even if the why is different.
Check out the State of Michigan website. It has the fun feature that when you scroll down the page, halfway through their little gallery thingy steals the scrollwheel focus and instead causes the gallery itself to start scrolling super fast. The page source makes it pretty clear that this is something that someone chose to do:
$(document).ready(function() {
$("#hornav").tabs("div.hornavtabs", {effect:"fade",event:'mouseover'});
$(".accordion").tabs(".pane", {tabs: 'h2', effect: 'slide'});
$(".tabItem").tabs(".tabcontentstyle > div",{effect:"default",event:'mouseover'});
$("div.carousel")
.scrollable({hoverClass: 'hover',speed: 1500,size: 3})
.circular()
.navigator()
.mousewheel()
.autoscroll({interval: 8000,speed: 1500, size: 3});
});I wonder if this is some sort of ADA requirement, or if someone really thinks that scrolling a gallery of featured items with a mouse scrollwheel is a more important use case than scrolling the page itself.
A List Apart: Articles: Responsive Images: How they Almost Worked and What We Need.
Unfortunately, we can’t test bandwidth in any reliable way—not yet, at least. Testing would likely mean introducing a significant download to measure against, which is a lot like setting something on fire to see exactly how flammable it is.
* { box-sizing: border-box } FTW « Paul Irish.
I’ve been using the box-sizing rule selectively, usually when getting form elements to stretch to 100% without having to worry about what their internal padding is going to do to the mix. I’m not sure why I never thought to just apply it everything and switch to content-box if needed. I suppose that’s why Pau lrish is Paul Irish.
ShareJS – Live concurrent editing in your app.
ShareJS is an Operational Transform library for NodeJS & browsers. It lets you easily do live concurrent editing in your app.
Collect, test, and experiment with interface pattern pairings of CSS & HTML. Pears is an open source WordPress theme, enabling people like you to get your own pattern library up and running quickly.
I would be most curious to see what sort of CSS this encourages. One of my biggest frustrations with writing CSS (at least, when I do it) is that it gets sloppy, very quickly. After awhile, you hold your nose and just add more rules to the bottom of the ever-growing CSS file. Would Pears encourage better segmentation and organization of CSS?