deirdre: (Default)

Just for the record, the amount of time it takes from the time someone decides to to use a new pseudonym to:

  1. Google the potential problems with the name, then register the variant that’s the most promising.
  2. Wait for DNS to propagate.
  3. Find a theme for a landing page site template.
  4. Upload the bare bones to the writer’s server of choice.
  5. Find the right stock art and fonts for the right look. Requires searching five different sites, but you think you nailed it for not just the one book, but the planned series.
  6. Start setting up the email accounts. This needs another round of DNS propagation for reasons you never have figured out, and it’s two in the morning already.
  7. Restart Apache. Whoops.
  8. Web server down! No………..
  9. Obligatory teeth gnashing step.
  10. Oh, that’s why. Doh.
  11. Web server running again. Phew.
  12. Design the book cover from scratch. Fuss with it a few times.
  13. Hack and saw the web site template into something resembling what you need right now.
  14. Verify that the email accounts now work. Woohoo!
  15. Hack and saw the background image that isn’t as perfect as you thought it was. What’s that jaggy edge? Ewww.
  16. Write all the copy for the web page.
  17. Have the author sign up for Twitter.
  18. Have the author sign up for Smashwords.
  19. Figure out how you broke the author’s web site’s layout. Twice.
  20. Fix it, declare victory!

…eight hours have passed. And $35 or so ($15 for domain, $12 for landing page template, $8 for art).

Just in case you’re ever inspired to, you know, do the same.

I can has nap nao?

Originally published at deirdre.net. You can comment here or there.

deirdre: (Default)

I’ve updated my Instagram icons for the Pinboard WordPress theme and added new IMDb icons.

Instagram

1x icon
2x icon

IMDb

1x icon
2x icon

See Them In Action!

See ‘em in action on the header of this page.new-icons

Originally published at deirdre.net. You can comment here or there.

deirdre: (Default)

So I had a phone call that was supposed to happen via Skype today. Only it didn’t. At the time, our household was under a DoS attack.

Inadvertent, in all likelihood.

However, after 192,482 request for pages in a 48-hour period, I’m gonna add you to iptables no matter what your intent was.

It turns out that the culprit is that a handful of pages kept making the URL longer and longer. For reasons that I have not yet figured out (and probably won’t sleep until I do), apache did its best to serve up the pages even though those directories don’t exist.

So I have log files for things like (the URL is fake, but the patterns in the post are real):

http://foo.com/woof/a/a/a/a/b/a/a/b/b/b/b/b/cat.html

I found one of the offending pages:

http://foo.com/woof/a/b/cat.html

I can click a link on that page, and it’ll go to:

http://foo.com/woof/a/b/b/kitty.html

…and click a link that looks the same, and it’ll go to:

http://foo.com/woof/a/b/b/b/kitty.html

…then…

http://foo.com/woof/a/b/b/b/b/kitty.html

http://foo.com/woof/a/b/b/b/b/b/kitty.html

http://foo.com/woof/a/b/b/b/b/b/b/kitty.html

http://foo.com/woof/a/b/b/b/b/b/b/b/kitty.html

Except that directory structure’s not on disk. There’s no symlinks up or down the directory tree (do not do that!) that would cause this structure.

It’s html (old hmtl), no PHP, no server-side includes, no JavaScript (or CSS), no .htaccess, no rewrite rules. We’re talking stuff that’s pushing 15-20 years old, here.

It should work.

Yet, obviously, there’s a problem.

So, when someone tries to recursively wget the site’s document tree and uses a high enough number of levels (at least 13 in this case), suddenly 192,482 files get delivered and the requests will never terminate because some pages go (apparently) infinitely deep.

FWIW, we turned symlinks off anyway, and that didn’t prevent it from happening. It’s completely not obvious to me what the source of the issue actually is.

Hell, I was beginning to suspect mod_speling and that’s not even enabled.

Update: An Hour Later….

It turns out that it was an Apache directive I’ve seen so often in examples that I’d overlooked it, even though I never enable it myself.

MultiViews.

Specifically, in directory a, there was no directory b, but there was a b.html. So it would serve that instead, and the apparent directory would get longer and longer and longer, leading wget to think there was another directory level to fetch.

So all that was needed was to turn off MultiViews and restart apache. None of us could remember exactly when that changed, but I think t thhere was a server rebuild in there somewhen.

Also, to the person who’s requested 60,000 copies of the same file that’s so old Rick doesn’t even remember what it is? Dude.

Originally published at deirdre.net. You can comment here or there.

deirdre: (Default)

instagram-icon
Been putting this off, but here they are:

1x icon
2x icon (retina)

See ‘em in action on the header of this page.

Credits in the CSS file.

I elected to hack up the theme to add an Instagram social account, but other people have just substituted the icons for some social media site they weren’t using, like flickr.

Update: I’ve updated the icons and also added icons for IMDb.

Originally published at deirdre.net. You can comment here or there.

deirdre: (Default)

Fellow Apple and Safari alum Vicki Murley has written a book about CSS transforms. You can purchase the book here.

When it comes to books, I’m generally reading fiction in portrait mode, and am of the “just give me the damn text” persuasion. A lot of the extra touches that iBooks Author offers don’t add anything for that kind of book.

However, Vicki’s is the perfect book to showcase the additional features of iBooks Author with its interactive code examples.

Originally published at deirdre.net. You can comment here or there.

deirdre: (Default)

…than it actually is.

When I first heard that people were going to be able to shop over the web, I had some expectations about what that experience might be like.

I was reminded of this when I was standing outside my London hotel waiting for the Hotel Hoppa bus, and saw another woman who had the same obscure brand of handbag — and, having never seen an ad for said bags, I wondered how she’d found out about them. In neither of our cases was it through advertising.

Here’s what I expected, back in the day, that I’d see when I logged into a place like Nordstrom:

  1. New clothing arrivals in a size that would actually fit me, with lines that didn’t ship in my size not shown at all. What do I see? Only clothes that don’t fit me.
  2. New shoe arrivals in a size that would fit me.
  3. Focus on what I mostly buy, which is accessories, in lines I actually buy from and (given that there are photographs of these things) colors I’m actually likely to buy. Show me something in a color you know I like, right? I’ll be more drawn to it. Isn’t that basic psychology?

One of my peculiarities is that I don’t buy black or brown unless it’s something spectacular (or spectactularly funny to me, in the case of Woot t-shirts). I own no black or brown shoes, for example.

So let’s take a look at Nordstrom, who presumably knows what I’ve bought from them, and have a look at the home page when I log in, shall we?

nordstrom-home-page

  1. Upper left: I don’t wear a watch. I have no philosophical objection to watches, I just fractured my wrist some years ago and wearing one is still painful. So I don’t. They know I’ve never purchased a watch there.
  2. Upper right: I don’t wear heels that high, and I don’t wear black shoes. At all. They know this.
  3. Lower left: While I do occasionally shop for make-up, this is not a line I purchase. They know this.
  4. Lower right: While I do love Nordstrom’s cashmere, the piece shown isn’t one that would fit me, and the pieces I would buy aren’t shown at all. They know this.

Below the fold is much the same.

How much does this draw me in? Frankly, it says that my interests aren’t at all relevant to what the company wants to push on me. No doubt this is why I’ve felt less and less of a draw to Nordstrom over the years.

Now, you might think I’m singling them out, but this is an endemic problem. It just happens to be an endemic problem with a company who has enough information about my purchase history to do something more meaningful.

In focusing on what companies pay them to push, they ignore their real customer and their real customer’s real needs. Nowhere is this more obvious than in the phrase (which I wish would DIAF) “must have.” It’s a phrase for the intellectually dishonest and lazy to use, in my opinion. It’s about telling the sheep what to do, not about providing what people actually desire or need.

What I’d actually hoped for in the internet shopping experience was something completely different: a way where one could find more indie-made goods that would be of interest based on some kind of social networking that is not based on advertising. In other words, based on what people you know and who have similar taste to yours actually like that you may not know about yet. Learning by networking based on similar aesthetic sense.

How you do that without big money from advertisers corrupting the process is left as an exercise in futility.

While that’s my grand utopic vision of internet shopping, it remains an impenetrable problem, apparently. Etsy’s as close as it gets to good, and it can be a really long way from good.

Every time I see someone trundling around with a Louis Vuitton logo bag, I wonder: is this something they’ve only been told they should like? Or did they spend that money because they thought it would get them status with other people? Do they realize how much status they lose in the minds of other people? I have nothing against LV bags per se; they do make fine leather goods. However, they are not the only company making fine leather goods. Also, I see relatively few of the “no logo all over” lines like Epi than I do of the ones that are walking ads. Worse still are the people carrying fake LV bags.

Frankly, every time I see someone carrying anything that’s a walking ad, I think, “Really? That’s all you think of yourself? That you’re a billboard for someone else? That you paid to be a billboard for someone else? Show some self-respect.”

I thought web commerce would be more about being more individual. Instead, it seems more about the homogenization of tastes. Homogenization is fine for milk.

The handbags we had in London? Ella Vickers. Probably not your thing, but, hey, the world’s a big place.

Originally published at deirdre.net. You can comment here or there.

deirdre: (Default)

Back when the web was born, links were underlined. Many early browsers (e.g., lynx) were text only, and many people didn’t have color monitors, or had monitors that were severely limited in palettes (like 16 colors), so the convention of underlines stayed.

However, an underlined link isn’t as legible as one that isn’t underlined.

For those of you who want some thoughts about alternatives, here’s a few:

1) Make the color different than surrounding un-linked text, and add a change of color when the text is hovered over or active. E.g.:

a {text-decoration: none}
a:link {color: #ff9900}
a:active, a:hover {color: #ff0000} /* change from orange to red */

2) add a more delicate border when hovered over, e.g.:

a {text-decoration: none}
a:link {color: #ff9900}
a:active, a:hover {border: bottom: thin dotted #ff9900} /* add border when hovering */

3) add some fancy schmancy effect when hovering. Right now, on deirdre.net, I change the text color and add a text-shadow effect:

a{color:#00437f; text-decoration:none}
a:hover{color: #002444; text-decoration:none; border-bottom: none; text-shadow: #00598d 0 0 4px}

Just be clear and give sufficient contrast that people understand a) it’s a link, and b) when the link is hovered over or active.

You can see a live example here.

Originally published at deirdre.net. You can comment here or there.

deirdre: (Default)
Rick asked last night why I linked a whole bunch of text on a page rather than just the "link here" part of the sentence.

It's a good question.

For those who are using screen readers and are scanning through links, the linked text is read aloud. Therefore, make links useful to someone who is trying to scan through your code and wants to know whether to visit that link or not.

Thus, "For awesome information about web accessibility, link here" is semantically different to a blind user than "For awesome information about web accessibility, link here."

If you want to get more accessible than just the text part of the link, there are other ways of doing it, like adding a title in the <a>. For the basic form, though, you can just change what part of your sentence you create the link around.

Here's some W3C commentary about accessbility.

If you really want to blow your mind for a day, put on a blindfold and turn on voiceover on your computer (Command-F5 on a Mac if you have it enabled). I have to work this way from time to time (though I skip the blindfold) and it's harder than it sounds.

In Safari's preferences, go to the Advanced preferences and check "Press Tab to highlight each item on a webpage" to get the aforementioned spoken links as you tab through the page.

Profile

deirdre: (Default)
deirdre

February 2017

S M T W T F S
   1234
56789 1011
12131415161718
19202122232425
262728    

Syndicate

RSS Atom

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Feb. 19th, 2026 05:14 am
Powered by Dreamwidth Studios