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 🎉

inautilo, to webdev
@inautilo@mastodon.social avatar


Write better CSS with modern CSS · New CSS features can help you streamline your code https://ilo.im/15ynzs


davidbisset, to webdev
@davidbisset@phpc.social avatar
kubikpixel, to webdev
@kubikpixel@chaos.social avatar

Comparing TypeScript state management solutions:

State management in frontend development deals with maintaining the state or data knowledge across multiple application components. It’s an essential concept while working with frontend JavaScript and TypeScript frameworks and libraries.

⌨️ https://blog.logrocket.com/comparing-typescript-state-management-solutions/


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

🎉 Project /threads now live!

🔗 https://ayco.io/threads -- a way to select social posts and (in the future) offer fine-grained topical subscriptions.

Depending on your requirements & resources, you can also have your own threads deployed on your site, either of the two options

  • personal.site/threads
  • threads.personal.site

This is the first of some tiny self-hostable apps I plan to work on, that can be composed together.

inautilo, to react
@inautilo@mastodon.social avatar


HTML attributes vs. DOM properties · What fewer and fewer developers seem to know https://ilo.im/15ynz8


davidbisset, to CSS
@davidbisset@phpc.social avatar
davidbisset, to CSS
@davidbisset@phpc.social avatar

This is a pretty neat effect.

"Blurry Text Reveal on Scroll"

https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/

dennisl, to webdev
@dennisl@mastodon.social avatar

Front-end development’s identity crisis https://www.ellyloel.com/blog/front-end-development-s-identity-crisis/ If you have this crisis (with modern web dev), then that's a good thing!

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.

#Rust #RustLang #Frontend #WASM #WebAssembly

ddd, to drupal
@ddd@drupal.community avatar
ayo, (edited ) to webdev
@ayo@ayco.io avatar

Tomorrow is **JS Naked Day **🎉
Join the party! https://js-naked-day.org/2024

✏️ Just edit this .HTML to add an entry for your site:
👉 https://github.com/macdonst/js-naked-day.org/blob/main/app/pages/2024.html

inautilo, to webdev
@inautilo@mastodon.social avatar


CSS Shape · A collection of easily customizable CSS-only shapes https://ilo.im/15yn9c


iamdtms, to javascript
@iamdtms@mas.to avatar

Now I can build a app with . 😎

maxiorel, to php Czech
@maxiorel@mastodonczech.cz avatar

Can I... Určitě znáte webovky, které vám odpoví, jestli danou technologii či zápis v CSS podporuje určitá verze webového prohlížeče. Ale takových služeb je více:
https://caniuse.com/ - frontend
https://www.caniemail.com/ - kódování mailů
https://caniphp.com/ - pro PHP

V širším měřítku ještě můžete mrknout:
https://node.green/ - pro JS developery
https://whatwebcando.today/ - co dnes umí weby

#tvorbawebu #php #js #css #frontend

pixelambacht, to CSS
@pixelambacht@typo.social avatar

I'm working on my typography talk for (working title: "Problems Solved By OpenType")!

My plan is to mostly show all the things fonts can do on the web (the techy bits), without going too far into typesetting itself (the designy bits).

What should (and shouldn't!) I cover? Are there issues in your current project(s) that's holding you back from using modern fonts and CSS?

davidbisset, (edited ) to webdev
@davidbisset@phpc.social avatar

How to think about responsive images. Good review of some basics. https://danburzo.ro/responsive-images-html/

iamdtms, to random
@iamdtms@mas.to avatar

Wanna learn the 2 course. Than wanna update to Nuxt 3 my knowledge. Than wanna convert one of my 90% finished project to a Nuxt . A yearly plan would be. 😭

gaelle, to random French
@gaelle@free.gluten.space avatar

Question dev avec (que j’apprends tout juste). Si je veux intégrer un menu, mais que dans le contexte de ce menu, la couleur par défaut de liens soit différente de celle globale ? Je veux pas juste changer la couleur des a à l’intérieur, parce que les flèches de sous-menus utilisent cette couleur également. Est-ce qu’il y a un moyen de modifier une variable localement dans un sélecteur, et que les mixins appelées utilisent les valeurs locales ?

J’ai essayé ça, sans succès :

.main-menu {<br></br>  $anchor-color: $black;<br></br>  @include menu-base;<br></br>}<br></br>

Vu ce que je comprends de SCSS, la redéfinition de la variable dans le contexte du sélecteur devrait s’appliquer localement ?

moeria, to fediverse German
@moeria@norden.social avatar

Gibt es ein - oder ein Fediverse-, das einige folgender Kriterien umstandslos erfüllt:

🔎: Durchsuchung einzelner Profile nach Begriffen (Workaround siehe Kommentar)
📃: Keine Mehrfachauflistung eines Beitrags in der Benachrichtigungsliste pro Boost/Stern, stattdesse Anzeige mit Zähler
🔔: Optionale Benachrichtigungs-Möglichkeit für Kommentare unter nicht-eigenen Beiträgen

Tipps / Tricks / Workarounds willkommen!

collinsworth, to random
@collinsworth@hachyderm.io avatar

I think we're focused on the wrong thing when we look at what tech works for a company like Amazon or Facebook or Netflix.

We should be looking at what tech works when you don't have a small army of staff engineers optimizing it. I want to know what I can scale without paying someone a half million dollar salary to do it.

There should be more case studies on things that don't have a billion-dollar company propping them up, humming along quietly on a cheap-ass VPS somewhere.

j9t,
@j9t@mas.to avatar

This also looks “so frontend development.”

For 15–20 years we’ve been looking at how big companies are solving their big problems, instead of learning how those of us with small problems (individuals and SMBs) best solve their small problems.

That’s our Occam’s razor why frontend devs know Bootcamp/Tailwind, jQuery/React, bundle/deploy, and have every 10-visitor site sit on all edge servers—but for whom HTML is div and CSS is broken.

The craft died in Big Tech.

#frontend #html #css #craft

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, (edited )
@ayo@ayco.io avatar

Markdown now supported on my /threads page:
👉 https://ayco.io/threads/112258065967208438#112338772593135832

Amazing how few lines of code it took because of python-markdown + md-in-html.

:mastodon_oops: See commit: https://git.sr.ht/~ayoayco/threads/commit/fa7f820171614c2a106531e7a753c7820217f5d0

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