corenominal

Full stack web developer, interested in all the things, but especially the web, code, design, Linux, OS X, PHP, WordPress, JavaScript & robots.

Tagged: tricks

Stupid Geek Tricks: Create a Shortcut to Quickly Edit Your Hosts File image/svg+xml

My quick and easy solution to this problem is so simple that it barely deserves a full article, but we’re going to cover it anyway—basically, you just create a shortcut to edit the file in Notepad, and set the properties to always start as Administrator. The final step is to create that shortcut in the Start Menu, so it will be easily accessible with the start menu search engine.

Nifty tip. I’m constantly editing my system’s hosts file on OS X and Linux, which is trivial once you set-up a Bash alias, but I can’t do that on Windows, yet, so this tip came in handy.

30 Tips to Turbocharge Dropbox image/svg+xml

Dropbox just works. Plus it does a lot more than just syncing. It’s the perfect digital suitcase. It ensures you’ll never be without your files wherever you need them, assuming you utilize Dropbox to the fullest. Just how do you do that? These tips spell it out.

Some handy tips for Dropbox users. I’ve been a Dropbox user for a good few years and it’s a great service. The first tip about gaining more free space made me chuckle:

One enterprising person nabbed his max referral bonus space by placing a Google AdWords ads with the custom link, then ceasing the campaign once he hit the 16GB limit. Easy.

In the past, I must have referred a fair number of new users to the service as I’ve managed to get my free allowance up from 2GB to 24.5GB, I guess I must have done this before they capped the limit to 16GB.

Master TextExpander With These Helpful Tips & Tricks image/svg+xml

If you’re a TextExpander user, then you know that it can have a drastic positive impact on your productivity. But are you using TextExpander to its full ability or are you barely scraping the surface of what it can do?

Having just read this article, I can attest that I’m barely scraping the surface. Anyhow, I went looking for guidance on how to position the cursor inside a snippet and found the answer. It’s actually really simple, but then most things are when you know how to do them.

Hiding an Image’s Pixel Border with CSS box-shadow

This is an edge case: I’m working on a WooCommerce project where I’m importing tens of thousands of product images from a supplier. The problem is, all the images have a 1 pixel black border and they look terrible when they’re displayed on the site. I have no idea why the supplier thought this was a good idea, but there you go.

To workaround the issue, I decided to attempt to hide the image border using the CSS3 box-shadow property. First, I wrapped the img element inside a div element. I then applied an inset box-shadow property to the div element, before adjusting the z-index of the img element to make it sit below the div. See the demo below.

See the Pen Hiding an Image’s Pixel Border with CSS by Philip Newborough (@corenominal) on CodePen.

20 classic Mac tricks that you don’t know image/svg+xml

As a fairly new OS X user, I love reading about and discovering new tricks. This post has some good ones, including:

If you highlight text in an application and click and drag that to a folder or to the desktop, the text is turned into a file. These are called text clippings, and they will take their filename from the first few words of the excerpt. If there’s any formatting applied to the text, it will be saved too. This is an excellent way of filing away anything you’ve had to edit out of a document but want to keep for other purposes.

12 Little-Known CSS Facts (The Sequel) image/svg+xml

Over a year ago I published the original 12 Little-known CSS Facts and, to this day, it has been one of SitePoint’s most popular articles ever. Since that post was published, I’ve been collecting more little CSS tips and tidbits for a new post. Because we all know that every successful movie should spawn a cheesy sequel, right?

Right! A nice collection of little-known/used CSS techniques. I was completely unaware of the outline-offset property.