nmronline , to bioinformatics group
@nmronline@mstdn.science avatar
anatudor Bot , to Random stuff
@anatudor@mastodon.social avatar

One thing that has always annoyed me about :empty is that it doesn't work for elements that have text content, but no element children.

:has() fixes this problem.

:not(:has(*)) selects elements that don't have element children, even if they have text content.

fnetX , to Random stuff German
@fnetX@social.anoxinon.de avatar

I am currently working on in . And I discovered a problem with focus where it is not possible to navigate the page with "tab", a dropdown makes the focus skip to the end of the page and you end up in a loop.

Can someone recommend ways or tools to debug focus in webbrowsers? I have a hard time to see how the focus skips there. Any hints are welcome.

Thank you.

esther , to Random stuff
@esther@strangeobject.space avatar

Here's a shortcoming of CSS Grid:

As far as I can see there's no way to have grid cells that are perfectly square without using aspect-ratio: 1 on the grid's child elements.

This becomes relevant when you have some grid elements that span a different number of cells in each direction.

This is the hack I'm now using to get around this but it requires knowing how many vertical grid rows you'll need (defined in the --nrows variable) and also all the horizontal spacings in your layout.

display: grid;<br></br>--cell: calc((100vw - 14rem - 11 * 1rem) / 12);<br></br>grid-template-columns: repeat(12, var(--cell));<br></br>grid-template-rows: repeat(var(--nrows), var(--cell));<br></br>grid-gap: 1rem;<br></br>

(the 14rem there is the sum of all horizontal spacings outside of this grid)

esther OP ,
@esther@strangeobject.space avatar

Turns out you can do this in a much cleaner way without knowing the total horizontal spacing of your layout using container queries, specifically the cqi unit.

And it's relatively easy to construct the grid in a way that degrades gracefully if those units aren't supported by a browser yet. You loose the perfect square look but the overall arrangement persists.

Thanks to @scrwd for the hint. https://mastodon.social/@scrwd/112074457751814447

You can see a real-world implementation in my portfolio gallery now: https://www.aesthr.com/photography/

nmronline , to StrucBio group
@nmronline@mstdn.science avatar
ajsadauskas , (edited ) to Asklemmy
@ajsadauskas@aus.social avatar

What should I add to my '90s website?

So I'm currently toying around with NeoCities, and decided to trial it by building your classic mid '90s Geocities/Tripod/Angelfire pastiche website.

Some of the most important elements are already in place.

Tile background? Large font? Heading in bright pink with a shadow? Unusual colour choices? Random cat gifs? Under construction gif? Check! Check! Check!

In the true spirit of the '90s DIY web, some more pages (including the links page) are coming soon.

(I'm thinking of adding a page dedicated to either Britney or a nu-metal band.)

You can see the page so far here: https://that90ssite.neocities.org/

There are a few things that I want to add to make it complete, and I'm looking for suggestions.

The first, is to embed a midi file that plays automatically. Any suggestions on the best way of doing this?

Second, it's just not going to be complete without a guestbook.

Third, any webring suggestions?

Fourth, what's the best way of adding a java chat room in 2024?

Finally, anything else that really needs to be a part of a great '90s website?

UPDATE: Thanks for all the feedback! I've added more annoying GIFs, a guestbook, a links page, and a cyber cat hangout.

UPDATE 2: And added even more gifs, an amazing Amiga demo, and a ton of links.

@asklemmy

krinkle , to Random stuff
@krinkle@fosstodon.org avatar

Geoff Graham, former lead editor of CSS-Tricks @geoff, wrote:

"""
My professional identity shifts from CSS developer, JavaScript developer, WordPress developer, web designer, technical editor, and educator depending on who you talk to. [..]
"""

I feel you. Even before I became a staff/principal engineer, I found this industry only enjoyable and effective when you're not afraid to take on different hats. I can't imagine doing just one of these.

https://geoffgraham.me/shifting-identities/

davidbisset , to Art
@davidbisset@phpc.social avatar

"Bill For Unused Domain Names".

Oil on Canvas

nmronline , to physics group
@nmronline@mstdn.science avatar
ALT
  • Reply
  • Loading...
  • julia , to Random stuff

    Heya! I'm in need of a new job. My current gig is contract based, which I don't see as a sustainable option going forward.

    I'm a software developer based in Pennsylvania. I enjoy taking on complex problems and finding solutions to them, especially close to the hardware. I've been teaching myself to code for about nine years now, gaining experience in a myriad of technologies.

    So, if anyone is in need of a developer with extensive experience in Rust, C/C++, CI/CD, or webdev, please reach out!

    I can be reached via email at julia AT insertdomain DOT name.

    jsstaedtler , to Random stuff
    @jsstaedtler@mastodon.art avatar

    A few days ago I learned that most of the bandwidth use on my web site was by webcrawler bots. Like, really obnoxious ones, that found all the tags in my image gallery, and then visited nearly infinite combinations of them, at about a thousand hits per day.

    I looked up these particular bots, and I sure wasn't the only one trying to stop them. They don't respect the robots.txt file 😒 but I found a way to block their user agents. Details here:

    https://bigraccoon.ca/articles/20240301-blocking-webcrawlers

    davidbisset , to Random stuff
    @davidbisset@phpc.social avatar

    "What's one of the worst form validation errors you've ever seen?"

    🤔

    slab_bulkhead , to Android
    @slab_bulkhead@mastodon.online avatar

    I saw a comment on a recent ArsTechnica article on killing s in the EU that stated "nobody uses PWAs". (Protip: never, ever, read the comments 🙄). Not including @phanpy , I have an entire folder of PWAs on my homescreen.

    Additionally, these run in the browser of my choice @Vivaldi so they include ad and tracker blocking. I get UberEATS without having to install the Uber app. It's brilliant and extremely sad so many have been deceived about these.

    nmronline , to physics group
    @nmronline@mstdn.science avatar
    nmronline , to physics group
    @nmronline@mstdn.science avatar
    scottjenson , to Random stuff
    @scottjenson@social.coop avatar

    No. Stop. Just stop!

    You are NOT looking for a UX designer, the correct term is UNICORN.

    I wouldn't touch this job with a 10 foot pole, they clearly don't understand UX design (or are too cheap to understand you need more than one person to build a product)

    To be fair, a UX designer that knows a bit about CSS and has some passing understanding of HTML/JS is an asset! My point is that you don't replace your frontend engineer with a "UX Designer"

    hey , to Random stuff
    @hey@nowicki.io avatar

    Any idea how to make <details> render as open in CSS (need it for print)?

    youronlyone , to Random stuff
    @youronlyone@c.im avatar

    I was trying to find out why images and videos are not loading in today, and noticed this.

    cvennevik , to Random stuff
    @cvennevik@hachyderm.io avatar

    Oh wow, Patrick Brosset writing about CSS selector performance is extremely enlightening: https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/

    kubikpixel , to Random stuff
    @kubikpixel@chaos.social avatar

    «JavaScript Bloat in 2024»
    – by @nikitonsky

    Fast Internet is not really available these days. Not because of the connection, but because of the excessive data flow and JavaScript application on the pages. In my opinion, this is often too much of a good thing.

    ☝️ https://tonsky.me/blog/js-bloat/

    aftd , to Game Development
    @aftd@sfba.social avatar

    Suppose I'm making an online browser-based game in 2024 and, for reasons of fairness, I want to limit people's ability to create multiple accounts. I don't particularly care about someone manually creating 2 or 3 accounts, but 10ish would be a little worrisome and 100+ would be right out. What are my options?

    nmronline , to biophysics group
    @nmronline@mstdn.science avatar

    – ELECTRO (available later this year)

    Our data analysis platform is web-based, so we will manage the software in real time, so you can focus on the science!

    @bioinformatics @biophysics @chemistry @compchem @nmrchat @physics @strucbio

    davidbisset , to Random stuff
    @davidbisset@phpc.social avatar
    weirdwriter , to Random stuff

    Good news! My website is appearing in small search engines and search engines that prioritize clean websites yay!

    In other news,

    I'm honestly starting to use the web through text only browsers like the WebbIE Web Browser again because I just came across a blog that cranked my CPU super high, and when I learned why, a sighted person told me the text actually faded away as you scrolled and your mouse changed colors, apparently, and it was so slow I had to disable Javascript just to quiet down the fan in my PC. From now on, if your website doesn't work in Links or similar, that's one less website I visit. https://www.webbie.org.uk/webbrowser/index.htm

  • All
  • Subscribed
  • Moderated
  • Favorites
  • supersentai
  • WatchParties
  • Rutgers
  • jeremy
  • Lexington
  • cragsand
  • mead
  • RetroGamingNetwork
  • loren
  • steinbach
  • xyz
  • PowerRangers
  • AnarchoCapitalism
  • kamenrider
  • Mordhau
  • WarhammerFantasy
  • itdept
  • AgeRegression
  • mauerstrassenwetten
  • MidnightClan
  • space_engine
  • learnviet
  • bjj
  • Teensy
  • khanate
  • electropalaeography
  • neondivide
  • fandic
  • All magazines