#Media Queries

[jcmarchi]

font-size Limbo

New Post has been published on https://thedigitalinsider.com/font-size-limbo/

font-size Limbo

You might recall that Alvaro suggests bumping up font-size to 1.25rem from the default user agent size of 16px. Sebastian Laube pokes at that:

I wouldn’t adopt Alvaro’s suggestion without further ado, as I would waste so much space on a smartphone, for example, and many users would probably be irritated by the large font.

I set a font size of 1.2rem from a certain viewport size. But this also has to be done carefully, because then grey areas arise in which media queries suddenly fall back into another area…

I personally agree with Alvaro that the default 16px size is too small. That’s just how I feel as someone who is uncomfortably close to wearing the bottoms of actual Coke bottles to see anything clearly on a screen.

On the flip side, I professionally agree with Sebastian, not that many users would probably be irritated by the large font, but to openly question an approach rather than adopting someone else’s approach wholesale based on a single blog post. It may very well be that a font-size bump is the right approach. Everything is relative, after all, and we ought to be listening to the people who use the thing we’re making for decisions like this.

The much bigger question is the one Sebastian poses right at the end there:

Should browsers perhaps use a larger font size on large screens from the outset if the user does not specify otherwise? Or do we need an information campaign to make them aware that they should check their system settings or set a different default font size in the browser?

Fantastic, right?! I’m honestly unsure where I’d draw the viewport breakpoint for 16px being either too large or small and where to start making adjustments. Is 16px the right default at any viewport size? Or perhaps user agents ought to consider a fluid type implementation that defines a default font scale and range of sizes instead? It’s great food for thought.

Direct Link →

[josegremarquez]

Listas y Tablas en HTML5: Una Guía Completa

Las listas y tablas son elementos fundamentales en la estructuración de contenido web. HTML5 nos proporciona una variedad de herramientas para crear listas ordenadas, no ordenadas y de definición, así como tablas altamente personalizables. En este artículo, exploraremos los diferentes tipos de listas y tablas, sus atributos y cómo personalizar su apariencia utilizando CSS. Listas en HTML5 Tipos…

[zaions]

Implementing Responsive Design Strategies for Mobile Devices

[wemlygust]

I have been enjoying Danny Phantom and dc x dp fandom very much. However... most of this time, I have interpreted the insult "fruitloop", 99% of the time referring to Vlad or other bonkers rich people, as fun and amusing because it is just calling someone a cereal. Calling someone a cereal is an excellent goofy insult. I am now concerned that perhaps the original intent was for it to be a censor-friendly form of "fruity" as insult, aka just another way of using "gay" as an insult? It would fit the time the show came out, ya? So like: 1) can someone please tell me it ain't so? It's just an unfortunately coincidence? Has someone who worked on it ever commented on this someone? or

2) was this blatantly obvious to everyone else the whole time? I guess if nothing else, the fact this question is only now occuring to me is a good sign vis a vis the reduction in the usage of "fruity" as an insult.

[casual-eumetazoa]

Far in the distant future, humans are an endangered species preserved by god-like aliens. Humanity has reached a utopia, albeit a meticulously micromanaged one. Amber Shakya is inclined to disagree. Her parents died when she was a child and couldn’t be sent to digital heaven like everyone else. Misunderstood and rejected by her peers, she grows into a cynical, aloof smartass. 

She gets a chance to see the real world when her history expertise lands her a unique job offer. A map has been uncovered, and it will show the way to the hidden home of a long-gone civilization. Amber gets to work on translations alongside Lullaby, an archeologist with their own dark secrets. To her utter surprise, she finds herself getting attached to another person.

During her stay, Amber learns that her own tragedies are no match for the Universe’s suffering. She’s supposed to return home once her work is done, but “home” feels more suffocating than ever. Instead, she and Lullaby embark on a planet-hopping quest, following the deciphered coordinates. Amber is convinced that solving the ancient mystery will somehow resolve her existential crisis. Her only fear is that her moment of Enlightenment might finally break her instead.

-

UP THE ENTROPIC HILL is an existential, hitchhiking space adventure that features an autistic lesbian as the protagonist. you can buy it from amazon or publisher's website now

[carnivalcarriondiscarded]

So Howdy is basically that one annoying ass kid in high school who’d call everyone around him ‘queer’ as an insult when it’s pretty obvious that he was gay himself and self projecting? Lmaooo i love it and it really does explain a lot!

Ngl though and I’m not trying to bash on laughingstock but i think it’s EDDIE that Howdy might be crushing on since in the banner on the previous update, Howdy’s icon is looking at Eddie’s.

I think he treats him hostilely is because he has feelings for him and he doesn’t know how to process them and so it comes out as anger and passive aggressive resentment.

Ofc I don’t think he’d be the best partner for Eddie due to this… I do think though that when it’s revealed that Eddie and Frank are madly in love that it’s going to cause Howdy to feel more anger and maybe even hatred towards the two.

ehhhh.... not buying it, sorry!

i'd be willing to hear this theory out if there was any evidence other than "Howdy is looking at him in the banner" (and Home is looking at Howdy, and Barn is looking at Wally, and Wally is looking at Us, and Julie is looking at Frank - it doesn't necessarily connotate romance) and the idea of Howdy's treatment of Eddie being a "get out of my school" type of thing.

but if that were the case, wouldn't we have seen more evidence by now? like... Any?? Howdy and Eddie have had minimal interaction, and in each one Howdy was fully disinterested and dismissive of Eddie. there is literally nothing in his behavior or dialogue that implies romantic feelings, repressed or otherwise. you'd think that Howdy would at least get a little flustered or defensive, but he doesn't! all he expresses is disinterest and slight annoyance.

and this just... doesn't feel like a story where a major plot point is "character A is jealous of the established relationship because A is in love with one of them". it's a bit... how do i say? Tacky, perhaps? a touch basic? a teeny bit uninspired...

and character-wise, Howdy having feelings for Eddie doesn't make much sense (the thought that Howdy's treatment of him stems from romantic feelings Definitely doesn't). it doesn't really fit him and what we know about him? there's a reason Howdy views Eddie as a rival, i think.

[goneinthemourning]

how in the world is mobile compatibility akin to accessibility? a big swath of neocities users are there BECAUSE they hate the way smartphones have become so widespread that many people have them instead of a computer. it's a pretty important part of the movement. "accessibility" is important because disabled netizens deserve to be able to view websites as much as everyone else, not because it can cater to more users. not having a computer is so far from being a disability that it's almost insulting to imply that the two are related in any way.

not everyone has access to devices with bigger screens. devices cost money. some people do not have enough money to purchase device with bigger screen. intentionally excluding people who cannot purchase bigger screen device is classist. (also some ppl just don’t want to have another device, or could buy another but aren’t for which reason.) denying access to someone who cannot afford a device is in my mind pretty similar to things like not providing image descriptions or being wary of eyestrain during creation. PLUS. is there potentially a link between someone being disabled and not having the money for another device? That would be crazy to think about wouldn’t it /sar

mobile support on the small web doesn’t have to be perfect, but how is not trying—or worse yet just being an ass—any better than not having image descriptions? if someone needs yet another several hundred dollar device to engage, what is the point of the “movement”? A web movement that does not try to be accessible is not free. Classism and ableism (just like every other social issue) are linked. What’s insulting is to imply that they aren’t. And if you can’t find some way to make your site more accessible, you aren’t a good webmaster.

[munchboxart]

I don't know if anyone knows coding but I need to ask and I don't wanna ask on Stack but do media queries not work for borders?

I'm trying to get this vertical line to disappear when the window is under a specific size but it just refuses to work.

.vertical-line { border: 0; }

@ media only screen and (min-width: 963px) { .vertical-line { border: 0 1px 0 0 solid;} }

Added a space between @ and media so it doesn't actually tag. Like I tried border-left too and others but it just doesn't want to work

Edit: found the solution. I just had to put the CSS in it's own file rather than in-line on the same HTML file because the stupid site is old as shit

[lucabyte]

As a fellow aroace, I did think it was romantic, but also all my preexisting ideas of romance come from other ships and none of them are as interesting as this (aside from madoka/homura but all my favourite ships are some variation of that) anyway I'm eating your sifloop interpretation with ten spoons. Have you considered writing fanfic because if you did I would read it on loop

aroace people will look at a pair of characters who are this 🤏 close to mutually assured destruction and yet fundamentally cannot exist without each other and go : . yeah that's romance? right ? ?

(also god. i think i last watched madoka when i was what? 13? i need to rewatch that its been over 10 years my god. i never even got to any of the movies.)

also no i do not write fic !! not confident enough in my prose outside of dialogue if im honest. i play with prose in my little noncanon oc sandbox on toyhou.se where there's no pressure to be halfway decent. maybe i'll be strong enough someday, but also as ive said prior this is the first fandom in uh. over 5 years if not more. that i've really made actual fancontent for. and the first one ever where anyone's noticed me. so i've no experience in the medium. i will continue putting way too many speech bubbles in my comics though don't worry about that.

[typenull]

after a long few days of bugfixing i think that animal's den 3.0 is finally stable enough, along with a new domain name (http://chimera.pet) and landing page. this update includes:

(mostly) incorporated responsiveness on pages that i'm currently able to update (DID makes this complicated, so some older pages are untouched and buggy, but should warn you ahead of time)

reworked navigation to shy away from iframe-based sidebar

implemented netfriend's html loader as a temporary solution to make my life easier in terms of website layout (though this will change as i aim to eventually learn and incorporate a ssg, primarily 11ty), and other JS-based solutions to daily updates

iframe-based pages now include melonking's frame-link system, enabling specific pages to be linked out (i.e specific journal entries or pokemon pages)

if you've viewed my site before, make sure to press ctrl + shift + r (or whatever hard refreshes your browser) to clear your cached version of my site if things appear broken. feel free to send any bugs you may find on other pages to my askbox or email on the site's footer!

[romanceyourdemons]

the issue with seeking publication for my manuscripts is in order to do that you have to be willing to really strongly advocate for yourself and why it would be better for your manuscript to be published than any other, and, as a white guy whose manuscripts both draw very strongly from chinese literature and history, i’m not sure i can like. ethically do that lol

[josegremarquez]

CSS: Más Allá de los Estilos Básicos

CSS es una herramienta indispensable para darle vida a nuestras páginas web. Sin embargo, un mal uso puede llevar a problemas de rendimiento, mantenimiento y compatibilidad. En este artículo, exploraremos los conceptos fundamentales de CSS, desde los selectores básicos hasta las convenciones de escritura, y te daremos algunos consejos para evitar errores comunes. Selectores CSS: La Base de…

[zaions]

Animating Web Designs with Keyframes and Transitions

[olipopsoda]

Be careful, what is La Croix is a minor??

Hello, valued customer.

Why would a company’s social media representative be a minor?

[bookwyrminspiration]

i'll sound completely insane if i explain to anyone irl how fucking fandom drama is making me feel, but i also can't exactly talk to people in the fandom about it. i feel like i've lost friends with all of this and i feel like one of the only things that has been consistent in my life for a while is falling to pieces and i don't know what to do or how to deal with any of these emotions. this is such a completely unrelatable problem, if i could even call it a problem in the first place.

You absolutely can call it a problem. Just because it's fandom drama doesn't mean it's insignificant or doesn't have an impact on us. This is a space a lot of us spend significant time in, that matters to us--so when discourse and drama happens, we react. That's entirely reasonable and normal.

It's hard to deal with, especially when you're also beating yourself up for feeling this way because they're "just online friends" or it's "just fandom drama" or similar. These are real relationships we've built that are being strained, tested, or broken. This is a constant, a comfort that's being challenged and changed, and its uglier sides revealed that we can't unknown and have to grapple with.

There's no one right thing to do. Though I would encourage if it's a significant source of stress to take a breather. Give yourself a day to focus on something else--watch a fun movie, funny cat videos, read a book you loved as a kid, go outside if you can, talk to someone about something else.

I am absolutely not immune to getting super worked up and invested. I've kept my cool better this time around that I have in the past, but don't let that fool you. The IG vs Keepblr drama we had a while back practically consumed me, and I was getting frustrated even with people I considered solid friends because I felt like they were making things worse. I was anxious, only thinking about it despite having homework/other responsibilities, and it felt catastrophic. What was going to happen? And who was I going to tell? No one irl knows about my fandom presence, and I was annoyed with both sides of the fandom, so who would I talk to about it there??

Part of how I got through that was taking those breathers. It put me in a better state to process and deal with it. I was less of a mess, had more patience/energy, and could be better composed in my posts/approaches--which in turned help keep me from escalating anything.

Of course that's just something I do to help myself with drama and discourse. It can absolutely be important to you, but having other important things/things outside of that makes it easier.

And this is not to lecture you, just me sharing my experience since you said you didn't know how to deal. If you or anyone else would like to talk to me about it (not that you have to), anons are always on and my DMs are open <3

[dandelionstep-moved]

this last weekend i made myself a small challenge to design a website using minimal external assets because i am getting rusty at web design but i always want to do big projects with it and it’s bringing me down…!!! so i made this little thing:3

if you want you can also view this on my neocities but mobile users beware beclaws i did not design this to be responsive and the ascii art gets uhhh well it gets up and leaves.bye