Archive for the ‘How-Tos’ Category

Target=”_blank” Vulnerability and How to Protect Your Sites

Browsers, How-Tos, HTML | Posted by Keefr May 1st, 2017

Markup / HTMLThis exploit is over a year old, but I just now came across it. Messing around with a security plugin for WordPress last week, there was a setting about combatting an exploit with target=”_blank” — something most developers use time and time again to open links to external sites in a new tab or window.

Turns out that hackers have found a way to exploit that as the target=”_blank” has partial access to the linking page via the window.opener object.

Luckily it’s real easy to combat, adding rel="noopener noreferrer" to each external link.

Source: JitBit – Target=”_blank” – the most underestimated vulnerability ever

How to Create Flat Icons in Photoshop

How-Tos, Web Design | Posted by Keefr December 31st, 2013

photoshopThanks in part to iOS 7’s flat design, we’re experiencing a trend of flat design. Below is a nice tutorial on how to make flat icons in Photoshop — though something like this really screams for you to be utilizing Illustrator, Adobe’s original tool for making vector items.

How to Create Flat Icons in Photoshop

Slider with Sliding Backgrounds

CSS, How-Tos, jQuery | Posted by Keefr May 23rd, 2013

This one took me a little while to understand what the demo was really doing. It definitely is a nice little bit of polish and attention to details — making for a subtle, but nice effect in a slider gallery.

Funny enough, I like the little CSS-based gradient effect to make sure light text shows up on whatever background is utilized. I’ll actually utilize that a lot more than the tutorial as a whole.

Slider with Sliding Backgrounds

Facebook Open Graph META Tags

How-Tos, HTML, Web Development | Posted by Keefr March 27th, 2013

I’ve referred to the article below half a dozen times in the past couple weeks. David Walsh does a great job breaking down the meta tags needed for Facebook to output the right info for a given page on your web site.

It’s a super-useful reference for polishing social sharing with Facebook.

Facebook Open Graph META Tags

Finding Disk Hogs via Linux: Find Large Directories

How-Tos, Web Development | Posted by Keefr March 6th, 2012

Here’s another linux tip I’ve found useful. This one helps find directories that are hogging disk space — specifically ones that are over 1GB.

Linux – Find Large Directories