inautilo, to music
@inautilo@mastodon.social avatar


Printing music with CSS Grid · A fantastic showcase of what CSS Grid is capable of https://ilo.im/15yrr6


ayo, (edited ) to random
@ayo@ayco.io avatar

I recently thought about the different ways you can "have" a place in the Internet:

  • Bare metal
  • Dedicated server
  • Virtual Private Server (VPS)
  • Shared Hosting
  • Serverless
  • fly.io
  • Netlify, Vercel, etc

instantiator, to cochlearimplants
@instantiator@mastodon.social avatar

👋 Come work with me at Nesta!

We're looking for a front-end developer to join our small team as we build prototypes / MVPs / and production-ready collective intelligence solutions.

There's lots more information in the job description, and I'll gladly talk to you about the role if you have questions. Reach out!

Apply by 28th May:
https://www.nesta.org.uk/jobs/frontend-mid-level-developer-ccid/

stvfrnzl, (edited ) to legal
@stvfrnzl@mastodon.online avatar

Currently studying for the #cpacc exam and I found the #legal part surprisingly interesting. This topic was also relevant in a workshop I gave, so here's a couple of law suits that are #accessibility related:

https://stevefrenzel.dev/posts/five-web-accessibility-law-suits/

I'm happy to expand this list if you know other interesting cases. 🤗

#a11y #WebDev #frontend #html #css #JavaScript #WebAccessibility #beyonce #dominos #walmart #BurgerKing #adidas #blind #LowVison #disability

ashleycollinge, to python
@ashleycollinge@mountains.social avatar

Anyone have any web frontend recommendations? I've only ever used HTML/JS, but I'd like to use a framework to maybe make things simpler/quicker(?) I come from a Python background if that helps!

kerfuffle,
@kerfuffle@mastodon.online avatar

@ashleycollinge

Before picking any framework, I think CSS is most important. After that, I'd go for htmx (and use your Python knowledge for the SSR) as I think that's where the web should go, and for Angular / React if you want to get paid right now.

stvfrnzl, to accessibility
@stvfrnzl@mastodon.online avatar

I decided (again) to prepare for the exam by the after I had some doubt of it's usefulness.

But after doing a non-technical workshop for newbies last week and believing that the will have some impact, I decided to go for it!

I'm using the @dequesystems prep course and read everything with 200% zoom. Unfortunately this makes paragraphs very long, so I'd like to share a I quickly created to shorten them:

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@dequesystems ```
javascript: (() => {
const allParagraphElements = document.getElementsByTagName('p');

for (let paragraph of allParagraphElements) {
paragraph.style.width = '60ch';
}
})();


Here's a little tutorial on how to add them to you bookmarks: <https://www.freecodecamp.org/news/what-are-bookmarklets/>

#frontend #WebDev #HTML #CSS #JavaScript #a11y
ayo, to webdev
@ayo@ayco.io avatar

✍️ New post: I Hate Open Graph Images. Here’s Why. And How. Much

As an epic twist of character development, I have learned that I don’t like open graph images.

https://ayos.blog/i-hate-og-images/

davidbisset, to CSS
@davidbisset@phpc.social avatar

What You Need to Know about Modern (Spring 2024 Edition)

https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/

“even if you know about this stuff, it takes time to build the muscle memory around it.”

stvfrnzl, to Astro
@stvfrnzl@mastodon.online avatar

Inspired by @matthiasott great newsletter: has anyone experience implementing with @astro?

Here's his article: https://buttondown.email/ownyourweb/archive/issue-14/

And here's what I found but couldn't test yet: https://kld.dev/adding-webmentions/

davidbisset, to CSS
@davidbisset@phpc.social avatar

CSS Text Box Trim examples.

It's a property that allows you to remove the leading whitespace from a block of text.

Useful for removing the space between the top of the text and the top of the container.

ayo, to webdev
@ayo@ayco.io avatar

There’s danger in educators having tunnel vision, be it inclination to use a particular framework or vanilla DOM querying.

olets, to CSS
@olets@hachyderm.io avatar

Excited to share tailwindcss-fluid-font-size, a new fluid typography Tailwind plugin.

I’ve been iterating on Tailwind approaches to fluid typography for a couple years. tailwindcss-fluid-font-size is more flexible and, to me, the most ergonomic and idiomatically “Tailwindy” of the solutions I’ve built or read about.

Open minded Tailwind haters might even be interested in at least the design.

https://tailwindcss-fluid-font-size.olets.dev/

Codeberg, to random
@Codeberg@social.anoxinon.de avatar

developers around? We'd appreciate a helping hand with improving the Codeberg dark theme (also w.r.t. colour contrast), or even more contributors to Forgejo.

If you're interested, please say "Hi".

davidbisset, to ai
@davidbisset@phpc.social avatar

Interesting and simple way for , wondering what they used. Seems to work pretty well in my tests.

Generate from a text prompt:

https://aicolors.co/

davidbisset, to CSS
@davidbisset@phpc.social avatar
haskman, to javascript
@haskman@functional.cafe avatar

Since the backend post (https://www.moonbitlang.com/blog/js-support) is trending, I thought I'd compare backend optimizer (https://github.com/aristanetworks/purescript-backend-optimizer) output to see how it fares. The results were pretty good!

With basically this PureScript code -

run = fromArray  
 &gt;&gt;&gt; flatMapF (fromArray &lt;&lt;&lt; _.members)  
 &gt;&gt;&gt; filterF _.gender  
 &gt;&gt;&gt; mapF (\x -&gt; min 100 (x.score + 5))  
 &gt;&gt;&gt; mapF grade  
 &gt;&gt;&gt; filterF (_ == 'A')  
 &gt;&gt;&gt; foldF (\_ x -&gt; x+1) 0  

the benchmark results are as follows. PureScript is roughly 6x faster than plain JS, and 6x slower than Moonbit output ( -

┌─────────┬──────────────┬─────────────┬────────────────────┬──────────┬─────────┐  
│ (index) │ Task Name │ ops/sec │ Average Time (ns) │ Margin │ Samples │  
├─────────┼──────────────┼─────────────┼────────────────────┼──────────┼─────────┤  
│ 0 │ 'Moonbit' │ '34,67,542' │ 288.38869989829305 │ '±0.06%' │ 1733772 │  
│ 1 │ 'Plain Js' │ '74,816' │ 13365.983827421464 │ '±0.54%' │ 37409 │  
│ 2 │ 'Kotlin Js' │ '1,90,241' │ 5256.474017304151 │ '±0.38%' │ 95121 │  
│ 3 │ 'PureScript' │ '4,99,456' │ 2002.1768597161156 │ '±0.70%' │ 249729 │  
└─────────┴──────────────┴─────────────┴────────────────────┴──────────┴─────────┘  

schizanon, to react
@schizanon@mastodon.social avatar

Hearing about all the changes in is giving me anxiety. I've been working on apps at my past four or five jobs now, but I just have no interest in relearning for the upteenth time, and I'm worried that is going to impact my ability to get another job if I ever decide to go back to work.

https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19

awoodsnet, to vim
@awoodsnet@phpc.social avatar

People often talk about Emacs vs Vim. Every developer I’ve met uses Vim. Occasionally, some of the vim users will say they have previously emacs, but switched to vim.

So where are all the people who are currently using Emacs?

I’m not trolling or looking for an argument. I legit want to know!

Ryan,
@Ryan@mastodon.mackners.com avatar

@awoodsnet
has been great for writing, listening to internet radio, connecting to and , managing multi accounts and maybe some if I get bored. It's more than just a text editor and can be a to many great applications.

toxi, to UI
@toxi@mastodon.thi.ng avatar
schizanon, to webdev
@schizanon@mastodon.social avatar

> there are big questions still being asked about how CSS should handle masonry-style layouts. Some people remain skeptical that this capability should be part of CSS Grid, and want it to instead be its own separate display type. Others are questioning whether or not this kind of layout is needed on the web at all — they aren’t sure that well-known websites will use it.

https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/

ayo, to webdev
@ayo@ayco.io avatar

Server-rendered components is the way:

  1. @nuxt has server-rendered vue pages/components
  2. @enhance_dev has a wasm for server-rendering web components in virtually any runtime
  3. @astro has their islands directives to server-render supported JS frameworks and hydrate on-demand

Really cool we that have these options 🎉

janriemer, to rust

C++ will be taken over by .

What will be the Rust-equivalent for ?

I mean is a very good first step, but it's basically the C++ for C.

So in short:
C => C++
JavaScript ≈> TypeScript
C++ =>
JavaScript => ???

I think it will be a looong way to go, but maybe, maybe we'll see more and more in the , but not quite sure yet.

#C

janriemer,

@Aedius Sorry for the late reply. 😔

That's awesome! Thank you for sharing! 🙂

Yes, sharing business logic between frontend/backend is a very compelling argument.

However, I just have this feeling that the advantages of Rust are not as apparent when designing interactive web pages.

As I said, for logic heavy apps, sure, but for small interactivity, satisfying Rust's strict rules might not be worth it.

ayo, (edited ) to random
@ayo@ayco.io avatar

Recording videos on building a small project /threads page on my site, where I want to display some featured posts that I write from here. I'll keep videos unlisted until I complete the series then will decide if I like the video format or just convert them into... text 😄

ayo,
@ayo@ayco.io avatar

I added a simple "back to top" link on https://ayo.ayco.io/threads

&lt;a id="top"&gt;&lt;/a&gt;  
&lt;!--- all the content ---&gt;  
&lt;a href="#top"&gt;Top&lt;/a&gt;  

ayo,
@ayo@ayco.io avatar

This is so satisfying! Thanks @saschadiercks for suggesting :)

👉 try it out: https://ayo.ayco.io/threads/112258065967208438#112338772593135832

html {  
 scroll-behavior: smooth;  
}  

  • All
  • Subscribed
  • Moderated
  • Favorites
  • Leos
  • Durango
  • ngwrru68w68
  • thenastyranch
  • magazineikmin
  • hgfsjryuu7
  • DreamBathrooms
  • Youngstown
  • slotface
  • vwfavf
  • PowerRangers
  • everett
  • kavyap
  • rosin
  • anitta
  • khanakhh
  • tacticalgear
  • InstantRegret
  • modclub
  • mdbf
  • ethstaker
  • osvaldo12
  • GTA5RPClips
  • cubers
  • tester
  • normalnudes
  • cisconetworking
  • provamag3
  • All magazines