recentpopularlog in

action

« earlier   
Keeping aspect-ratio with HTML and no padding tricks
Keeping aspect-ratio with HTML and no padding tricks
For a long time we’ve been told the only way to have a DOM element keep a fixed aspect ratio without Javascript is with the % padding trick. Like here: https://css-tricks.com/aspect-ratio-boxes/
But what if there was a nicer looking hack to do this?
With a combination of CSS grid and SVG, there is.
We use two important attributes:
SVG knows how to maintain aspect ratio
CSS grid knows how to make overlapping items affect each other’s size
So we end up with this:
<style>
.aspectRatioSizer {
display: grid;
}
.aspectRatioSizer > * {
grid-area: 1 / 1 / 2 / 2;
}
</style>
<div class="aspectRatioSizer">
<svg viewBox="0 0 7 2"></svg>
<div>
Content goes here
</div>
</div>
This, no matter how large the grid is, will maintain an aspect-ratio of 7/2, is pretty easy to read, supported on IE11 (with the old grid syntax) and doesn’t require special hacks.
css  Action 
9 hours ago by FrederickYocum
✢ A Man May Make a Remark
"Derek's an alpha, the Argents are back in town, Stiles's magic won't listen to him, and if that's not enough, fucking nature nymphs are popping up everywhere. Stiles didn't sign up for this shit." (33,331 words) Fourth in the series: Where Thou Art, That is Home
  stiles_stilinski  derek_hale  lydia_martin  danny_mahealani  scott_mccall  jackson_whittemore  allison_argent  stiles/derek  bamf!stiles  powers!stiles  magical!stiles  protective!stiles  clueless!stiles  bottom!stiles  alpha!derek  artist!derek  pining!derek  top!derek  alpha!scott  witch!lydia  witch!dannymahealani  pov:stiles  action  magic  witches/wizards  fighting/sparring  highschool  pining  slowburn  first_time  series/verse  tw:au:no!fire  fandom:teenwolf  author:shanastoryteller  have:pdf 
20 hours ago by elwarre
✢ Hope is a Thing with Feathers
"Stiles is ten when he saves the Hales from their burning home and Derek from a wolfsbane bullet, and this establishes a pattern that seem to continue indefinitely." (28,959 words) First in the series: Where Thou Art, That is Home
  stiles_stilinski  scott_mccall  derek_hale  lydia_martin  danny_mahealani  jackson_whittemore  cora_hale  stiles/derek  powers!stiles  magical!stiles  bamf!stiles  protective!stiles  artist!derek  possessive!derek  witch!lydia  witch!dannymahealani  pov:stiles  action  friendship  magic  witches/wizards  highschool  preslash  series/verse  tw:au:no!fire  fandom:teenwolf  author:shanastoryteller  have:pdf 
22 hours ago by elwarre
✢ According to Plan
"The plan was very simple: go back in time, kill Kate, kill Gerard, never ever make contact with his parents, try to find a place within the Hale pack or not, but either way, live the rest of his life displaced and without the people he loves. Of course, as it always is with him these days, nothing goes according to plan." (16,363 words)
  stiles_stilinski  kate_argent  chris_argent  peter_hale  alan_deaton  stiles/peter  bamf!stiles  powers!stiles  magical!stiles  timetraveler!stiles  hunter!stiles  protective!stiles  good!kateargent  dark!deaton  pov:stiles  altered!reality  action  drama  domesticity  timetravel  magic  werewolves  hunters:organized  tw:postseries  tw:preseries  fandom:teenwolf  author:feelingsdusk  have:pdf 
yesterday by elwarre
Sympathy for the Devil
"Stiles gets a job as a hospital orderly and finds himself becoming strangely attached to the catatonic man on the long-term care ward, and finds out that there's a lot more to Peter Hale than there seems..." (72,522 words)
stiles_stilinski  peter_hale  scott_mccall  meliss_mccall  rafael_mccall  sheriff_stilinski  kate_argent  stiles/peter  orderly!stiles  protective!stiles  hurt!stiles  abused!stiles  kidnapped!stiles  tortured!stiles  guilty!stiles  hurt!peter  protective!peter  action  hurt/comfort  revenge  abuse:child  clinic/hospital  kidnapping  torture  escape/rescue  underage  first_time  fandom:teenwolf  author:kouriarashi  have:pdf 
yesterday by elwarre
Paradise is a Sort of Library [Mici]
Borges said paradise was a library. Adam Parrish thought that too.

Until he accidentally stayed in one overnight.
Author:Mici  Fic  WordCount:20-40k  RavenCycle  Adam/Ronan  General  Action  <3<3  AO3 
2 days ago by Brandysnaps
Don't Go Where We Can't Follow [Janie_tangerine]
in which Jonathan and Nancy stage a rescue mission when Steve goes missing and realize a few things while on it.
Author:Janie_tangerine  Fic  WordCount:2-5k  AO3  StrangerThings  Threesome  Steve/Jonathan/Nancy  Romance  Action  Hurt/Comfort 
2 days ago by Brandysnaps
Choices Made [Kalira]
Naruto has never given up on believing Sasuke will one day come home. Sasuke didn't ever intend to, but it seems something is forcing his hand.
Author:Kalira  Fic  WordCount:2-5k  AO3  Naruto  NaruSasu  Action  Schmoop  Friendship  Pre-slash 
2 days ago by Brandysnaps
Closed Book [AggressiveWhenStartled]
Bucky woke up with a headache, a mouth that tasted like something had died in it, and hands-down, swear-to-god, the most beautiful man he had ever seen asleep in his lap.

Bucky was also, he realized after a moment, strapped down to a hospital bed with about six different monitors making unsynced, equally piercing, beeps. Beyond that he couldn’t quite see—there was a hideous floral curtain pulled around the bed, and while he could just make out figures moving in the room beyond it, the pattern made his head pound even worse the longer he looked at it.

So. That was concerning.
Author:AggressiveWhenStartled  Fic  WordCount:20-40k  AO3  TheAvengers  CaptainAmerica  Steve/Bucky  Romance  Angst  Action  Humour  <3  Trope:Amnesia 
2 days ago by Brandysnaps
✢ Could Frame Thy Mortal
"It’s normal. Spending every waking second watching Hale is normal. In many ways, Hale is his whole universe: tracking his movements, waiting for what he does next, wondering what he’s thinking. The only outside stimulation he gets otherwise is the shower visits, and even then it’s only when Chris is the one taking him that he gets any engagement. Stiles knows Hale like he knows the water pipe. The sixty two bars that line the side of their cage. Like the minute of cold water that hits Stiles’ skin before the heat finally comes in the shower block." Held in an Argent facility, never knowing who he can trust, Stiles pays for his survival with the only currency he has. (42,271 words) Dark and difficult and so well-written.
  stiles_stilinski  peter_hale  chris_argent  stiles/peter  stiles/chris  creature!stiles  bamf!stiles  kidnapped!stiles  hurt!stiles  raped!stiles  protective!stiles  kidnapped!peter  protective!peter  possessive!peter  dark  action  mystery  kidnapping  noncon/dubcon  brainwashing/mindgames  escape/rescue  werewolves  first_time  fandom:teenwolf  author:alternativename  have:pdf  via:elwarre 
3 days ago by prohairesis
✢ Bake to Remember, Eat to Forget
"It’s 6:18 A.M. on a Monday, and Stiles is using his thumbs to shape the fondant butt of a Winnie the Pooh sculpture. It’s the most action he’s seen in a long time. -- Or the one where Stiles runs his own bakery, never locks the front door, and doesn't know he's part of a werewolf pack (until he does)." (125,252 words) LOVED this
  stiles_stilinski  derek_hale  erica_reyes  alan_deaton  theo_raeken  stiles/derek  baker!stiles  powers!stiles  magical!stiles  bamf!stiles  amnesiac!stiles  hurt!stiles  hypothermic!stiles  protective!derek  hurt!derek  mystery  action  magic  amnesia  hypothermia  bakery/coffeeshop  revenge  bonding/soulmates  previous!relationship  fandom:teenwolf  author:butyoureyessaidyes  have:pdf 
4 days ago by elwarre
Adactio: Links—Secure Contexts Everywhere | Mozilla Security Blog
I’m all in favour of HTTPS everywhere, but this kind of strong-arming just feels like blackmail to me.
A strong reaction, from someone generally supportive of moving things to HTTPS, that tying other features to HTTPS is "blackmail" or abuse.
https  security  standards  mozilla  research  action  regulation 
7 days ago by npdoty
Mad Max: Fury Road might already be the best action movie ever made
From where I’m sitting, Mad Max: Fury Road is, quite simply, the greatest action movie ever made. Miller found a way to tell a moving, mythic, larger-than-life story in a fully-realized alternate world, and he did it without ever letting up on the throttle. He spent nearly 20 years developing the movie, keeping at it through false starts and heartbreaking dead ends. And when he got the chance to make it, he went all in, devising entire societies full of baroquely souped-up death machines and screaming war-cults. He found ways to devise, stage, and film stunts that are like nothing anyone’s ever accomplished. He recorded stunning image after stunning image; practically every frame of Fury Road could be a painting.
****  towatch  australia  list  film  action 
7 days ago by gpe
Stay
"Stiles' mind tries to dig up all of those hurtful looks and whispers he’s endured, but silencing them comes just as easily as letting Derek see his back in the first place. Because that's not what Derek's thinking, not why he's running his hands over Stiles' skin. What are scars to someone like Derek Hale?" (94,037 words)
stiles_stilinski  derek_hale  peter_hale  scott_mccall  sheriff_stilinski  stiles/derek  bamf!stiles  witch!stiles  powers!stiles  magical!stiles  hurt!stiles  protective!stiles  ptsd!stiles  protective!derek  alpha!derek  ptsd!derek  action  mystery  magic  voodoo  possession  ptsd  slowburn  bonding/soulmates  kink:scentmarking  kink:piercings  sex:car  first_time  have:pdf  fandom:teenwolf  author:bandaran 
10 days ago by elwarre

Copy this bookmark:





to read