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.
Picture the expressions of U.S. Soccer Federation officials every time Alex Morgan went lightly skipping down the pitch and scored another goal in the Americans’ opening match of the women’s World Cup. The falling faces, the slack mouths, the groans and the fingertips pressed to their creased foreheads, as their legal position became ever more indefensible.
Just imagine how that record-setting 13-0 victory over Thailand will play at a jury trial. It’s going to be a lot of fun watching lawyers for the soccer federation try to justify why the U.S. Women’s National Team, with their air rifles for legs, are paid 38 cents on the dollar compared to their male counterparts and had to sue for fair wages. It’s going to be pure entertainment listening to federation president Carlos Cordiero stammer out an explanation on the witness stand of why this team, which is nothing short of an American damn treasure, isn’t worth equal coin to a men’s squad that can’t beat Jamaica
I don’t want to hear another word about the bigger size of revenue in the men’s World Cup. You think American networks and corporations are paying large rights fees and sponsorship deals for a USA men’s team that couldn’t even qualify for the World Cup field and hasn’t won an Olympic medal since 1904? You think Fox and ESPN got into a bidding war for the English language rights to the 2018 and 2022 World Cups all for a men’s squad that gets whipped by Venezuela?
No. The women’s program is the entire backbone and inspiriting force of soccer in America — and has been ever since 1996. “A crown jewel,” is what one Fox executive called its telecast of this women’s tournament
Whitening yellowed pillows is easier than you think! ✨ Wipe with dish soap + water ✨ Rinse with a damp towel ✨ Spray hydrogen peroxide + air dry in the shade (NOT in sunlight!) ✨ Repeat hydrogen peroxide step Repeat if needed. Bright pillows, no chlorine bleach (hydrogen peroxide is known as color safe bleach)
Jeeves_ny
I’m sorry, I just can’t forget that Elizabeth Warren claimed to be Native American. I just can’t trust someone who reached that level of peak whiteness.