Today, I’d like to share my intention of not allowing cookies of any kind on my site and here’s the reasoning behind it.

Now, cookies aren’t inherently bad and usually require the user’s permission to function properly anyway, if at all—by storing an identifier within the browser’s cache—so I won’t try to convince anyone that they should avoid them like the plague. In other words, in many cases they are useful.

But their presence can also be very annoying when they trigger pop-up messages over the content you’re trying to read. And when a page feels like it would perform better without them, or when they effectively do more harm than good, then the page shouldn’t prompt any to begin with. The use of tracking cookies, the worst offender of them all, can lead to all kinds of privacy issues for visitors. Showing a disclaimer does nothing to advise of potential dangers and no amount of corporate legal bullshit we tell ourselves will change that. That’s my general sentiment, anyway.

And as the modern web’s automation is becoming increasingly dominant, I try to remind myself that the user’s prerogative is—and always should be—front and centre.

I’ve also been busy with borders and padding these past few days. I’ve just learned of Bootstrap Wells, which is a class specifically designed for them. I was struggling with attributing a given space between some buttons or general interface elements. It turns out I wasn’t using the right syntax order at all. For some reason, min-height must be assigned first in the code block, otherwise it won’t do anything. I’m not sure how I’ve missed this as it’s thoroughly documented everywhere. At any rate, here’s what finally worked.

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: $border-radius;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}