Airhorn


made by psimyn

Just use the damn defaults!

People have a tendency to mess around with default settings before having any users. It wastes time and usually means slower, less secure sites.

If you’re using WordPress, use the default theme. Upload your logo and the content for your about, contact, product, etc pages. You might surprised how good it looks. Just launch. If your product is good enough, it will sell. If it doesn’t sell, it probably isn’t because of your fonts. Solve your biggest problems and then worry about the shade of your business card.

DuckDuckGo should rebrand as Duck

DuckDuckGo it doesn’t roll off the tongue like Google it. Duck it? My mum might do that.

Google actually gave DuckDuckGo the domain duck.com in 2018. Assuming that there wasn’t a clause in that agreement and there aren’t other trademark issues, DuckDuckGo should use the domain and rebrand as Duck.

It would be easy for existing users to adapt and better for new users. Especially for those that don’t speak English. Duck is more trustworthy and easier to remember. Another benefit would be more traffic from Google and other search engines for general “duck” related searches.

Duck enthusiasts deserve privacy.

How to link to a specific part of a YouTube video

On desktop you can use the share button but on mobile you don’t get the option. Fortunately you can add a code to the link to let YouTube know where to start from. Just add ?t=00h00m00s to the end of the link where h = hours, m = minutes and s = seconds.

Here is some sage investment advice from Ray Dalio at the 27 second mark

https://youtu.be/tZyWVxGXPHo?t=27s

And Warren Buffet’s rebuttal at 4 minutes 17 seconds

https://youtu.be/JvEas_zZ4fM?t=4m17s

Facebook Messenger and some other apps give a thumbnail preview. The recipient needs to click the actual link. If they click the image it starts from the beginning.

Bloggin’ aint easy

Penn Jillette claims to have missed less than five days of journaling in 34 years. Likewise many bloggers have machine like output and ridiculous streaks. Part of me respects their consistency but another part can’t help but think, NERD!

I’m happy with sporadic posts as long as the overall body of work is good.

The right way to disable CSS animations

Sometimes I want a way to disable all CSS animations on a page. This is useful for end-to-end testing, automatic screenshots, or reducing motion sickness risk. This recent CSS Tricks post suggests disabling animations & transitions while resizing, to reduce needless browser work. This is an excellent idea! Here is the usual way of disabling animations:

Continue reading “The right way to disable CSS animations”

CSS snippet for better mobile screenshots

A useful tip when adding screenshots to posts or talks is to put them “inside” a device. This gives the screenshot some context.

Even though this screenshot already contains Android top & bottom bars, with the added outline it’s immediately obvious it’s from a phone.

The Economist on mobile is mostly sticky bullshit

The Economist on mobile is mostly sticky bullshit

To add the outline to images I use a simple CSS border:

.phone-border {
  border: #111 solid;
  border-radius: 1rem;
  border-width: 2rem 1rem 3rem 1rem;
}

To take this further you can also make them responsive! So we see phone screenshots on phones, and a fake laptop screen outline on big/wide screens. This assumes you are using responsive images so you get desktop aspect ratio on bigger screens.

@media (min-width: 800px and min-aspect-ratio: 16/9) {
  .phone-border {
    border-color: #ccc;
    border-width: 1rem;
  }
}