Never Would’ve Thought Someone Whistling Could Sound So Amazing! Y’all See The Guitarist Reaction

Honestly I recommend everyone learn just a littttle bit of CSS because it really is powerful and just makes bits and pieces of your internet experience more convenient.

Right now I'm cataloguing recipes I've really enjoyed, just trying to get them all in one place. Many of these are instagram recipes and, because I don't trust link rot (aka the possibility that the instagram link goes dead one day), I'm including a screenshot of the recipe along with the link.

But instagram on desktop... looks like this

(Link, for credit. It's a good recipe)

I obviously could just copy-paste the recipe out of there. But a screenshot would be cleaner for how I'm cataloguing these.

And as-is, I'd have to scroll the whole height of that small right-side window about 4 times to fit it all.

But actually... I can just resize that div holding that whole right-side content

Basically I

hit f12 to open the dev tools

clicked the element finder

clicked on an element inside the recipe side

followed it up the tree until I found the element holding the whole recipe side (do this by hovering the div in the dev tools panel way on the right, then hovering upward and up until I find the element which is the highest up that still only contains the recipe-side content)

in the element.style part, set "width: 1000px" and "height: 1500px"

(I notice the width seems to still be less than 1000px, even though it got bigger)

likely suggests there's an element above it with a max-width set

go up the tree higher until I find the element with the max-width and uncheck that style

screenshot ready

Maybe that sounded complicated but it took me probably 20-30 seconds

And this isn't just about screenshotting recipes like.

website with an annoying gif? select gif, delete gif

do you want a clean screenshot of a digital receipt for record-keeping without a large company banner or irrelevant information? delete unnecessary elements, adjust widths, screenshot

SOMETIMES, you can bypass paywalls if they're relying on something like overflow: hidden, or an overlay in the way, or some JS that runs (you can disable JS in the dev tools)

lost the jpg/png file you used for your profile picture and size doesn't totally matter? grab it from the img src while logged in. (you might even be able to find it in a bigger size by changing the url query parameters)

color contrast on an article really bad? find and change background color. find and change font color

want to make a funny fake screenshot without learning photoshop? just edit the page content in the dev tools

This isn't about like being good enough to write scripts or browser extensions. Really if you just have some basic HTML/CSS understanding a hat worth of tricks, you can make so many little adjustments in your favor.

Peppa Pig is not here for your lying ass, Susie Sheep.

*Giveaway*

Hi guys! In honor of Pride month and Clexa Appreciation Week coming up soon, I wanted to do another mini giveaway to celebrate. 🌈✨🌈✨

This time around two winners will be chosen!

1st Winner: Clexa Fanart book from LGBT Fans Deserve Better

2nd Winner: Clexa art prints by Terra7 and Critter-of-Habit (I may have accidentally ordered two of each recently, hope you guys like these pieces as much as I do) 

RULES

To enter simply reblog this post. Only ONE reblog per user will be entered in the drawing.

Open to anyone, I will ship internationally.

Winner will be contacted via chat. Please make sure your Tumblr messages are open and that you are comfortable providing your mailing address.

Giveaway closes on June 11th at 7pm PST

And in the spirit of giving, if you are able to, please consider donating to The Trevor Project or Koh Tao International Primary ❤️

I heard vine compilations were a thing

This is what happens when you have children, they take over your music