schizanon, to react

React? Oh, you mean my algebraic effect based UI rendering engine.

toxi, to CSS
@toxi@mastodon.thi.ng avatar

Today's #ReleaseSunday features a major update for the https://thi.ng/meta-css toolchain, a data-driven codegen for creating custom modular CSS frameworks, incl. transpiler, bundler, dev/watch mode...

The new version supports callable parametric templates, which not only help to reduce the overall API surface (i.e. the total number of rules) of a generated CSS framework, but also enable advanced operations like those shown in the attached images (e.g. declarations of CSS color variables (in rgb, hsl, lch, or oklch modes) and pure CSS color per-color-channel adjustments...).

Also new, is added support for documentation metadata for all generative CSS class & template specs (incl. template params). Parts of the readme are generated from these embedded docs and the next version will include a new CLI command to generate Markdown files from/for these CSS docs...

The readme for this package is already pretty detailed by now and should cover most important patterns and usage (incl. the new template features). Take a look (also the examples linked from the readme)!

https://github.com/thi-ng/umbrella/blob/develop/packages/meta-css/README.md

#ThingUmbrella #CSS #Frontend #Transpiler #Bundler #Color #CLI #OpenSource

Transpiled resulting CSS of the MetaCSS declerations in the previous image, showing the expanded variable definitions and calculations to create the derived color... CSS source code: :root { --link-color-luma: 80%; --link-color-chroma: 100%; --link-color-hue: 0; --link-color-alpha: 1; --link-color: oklch( var(--link-color-luma) var(--link-color-chroma) var(--link-color-hue) / var(--link-color-alpha) ); } a:link, a:visited { color: var(--link-color); } a:hover { color: oklch( calc(var(--link-color-luma) * 1) calc(var(--link-color-chroma) * 0.8) calc(var(--link-color-hue) + 180) / calc(var(--link-color-alpha) * 1) ); }

feudjais, to DigitalNomadHub French
@feudjais@eldritch.cafe avatar

Les devs qui sont en freelance, est-ce que vous pouvez répondre à une ou plusieurs de ces questions pour moi ? Je numérote pour que vous puissiez répondre à celles que vous voulez. Vous pouvez répondre en privé si vous préférez, évidemment !

1/ Comment vous trouvez vos missions ? (Plateformes ? Bouche à oreilles ? Autre ?)
2/ Combien vous gagnez par an net d'impôts environ ?
3/ Combien de temps vous passez à travailler ? (Si possible, détaillez temps passé à chercher des missions, temps passer à dev, etc.)
4/ Comment vous avez franchi le cap ?
5/ Quelles compétences vous avez ?
6/ Si vous étiez en CDI avant, qu'est-ce que vous préférez ? Qu'est-ce que vous aimez moins ?

Sentez-vous libres de retooter pour que j'ai un maximum de réponses. Ça m'aiderait beaucoup !

davidbisset, to webdev
@davidbisset@phpc.social avatar

How web bloat impacts users with slow devices #webdev #frontend

https://danluu.com/slow-device/

tixie, to CSS
@tixie@guerilla.studio avatar

Sorry my brain is foggy today.😖
Can someone explain the difference between overscroll-behavior and -webkit-overflow-scrolling?

Is the second just an early and touch only devices version or are there some major differences?

#CSS #Frontend #Webkit

davidbisset, to webdev
@davidbisset@phpc.social avatar

Learned a bit about the #HTML quote tag. I've barely used it so far in my development honestly.

https://www.sarahgebauer.com/post/quotes/ #webdev #frontend

joshhunt, to typescript
@joshhunt@hachyderm.io avatar

Inspired by a recent conversation, I wrote down my thoughts on why Typescript's user-defined type guards are still not safe, and a few alternatives

https://joshhunt.dev/posts/typescripts-user-defined-type-guards-are-not-safe

#typescript #frontend #blog

davidbisset, to UI
@davidbisset@phpc.social avatar

If you have a navbar fetish, then check out https://www.navbar.gallery/.

mfru, to accessibility

hi fediverse, i am looking for (remote) contractual work and/or a (remote) hired position in the field of web development and/or general software development. (UTC+1 timezone)

my current strengths are #Frontend development and #Accessibility.

i'd love to work on brownfield and greenfield development projects.

my preferred language (environments) are #GoLang, #HTML, #CSS, #JavaScript, #ElmLang, #Elixir, #Clojure and #Haskell

CV available on request, website in bio, thanks!

#GetFediHired

tixie, to CSS
@tixie@guerilla.studio avatar

“CSS is the only language that gets blamed when the author is bad”

https://joshcollinsworth.com/blog/devaluing-frontend

#CSS #Frontend #WebDev

colepeters, to webdev

🎉 After a year of off and on hacking, I'm so excited to say that Enhance Image is now available as a public beta!

Enhance Image makes authoring responsive images in @enhance_dev projects easy via a custom element with a streamlined, standards based syntax, and a configurable, on demand image transformation service, which eliminates a ton of manual labour and speeds up iteration cycles.

Get all the details here: https://begin.com/blog/posts/2024-03-12-introducing-enhance-image

davidchavalarias, to random French

This is a unique opportunity to work in #Paris as #full_stack #functional_programming Developer at @cnrs , Complex Systems Institute of Paris. This is a permanent job.

You will be part of the GarganText team, contributing to the development of a collaborative and decentralized digital ecosystem based on textual data mining (free software).

#backend #frontend #Visualization #textmining #job #Jobs #jobalert

Apply : https://emploi.cnrs.fr/Offres/CDI/UAR3611-ANNDER-002/Default.aspx?lang=EN

More about #GarganText : https://iscpif.fr/gargantext

stvfrnzl, to accessibility
@stvfrnzl@mastodon.online avatar

Super stoked to be part of the #a11yWebring now, amongst other #accessibility champions! Thank you @eric 🙌

#a11y #WebDev #Frontend #Disability #InclusiveDesign #html #css #JavaScript

schizanon, to webdev
skinnylatte, to CSS
@skinnylatte@hachyderm.io avatar

One of the reasons why I haven’t done a lot of front end work in the last decade or so is I knew so many annoying ‘front end isn’t real coding’ bros back in the day. This month I’ve been learning so much and css is so good and I feel so powerful that I can build cool sites

Fuck those guys. Back then and always

#css #frontend

blog, to CSS German

The quiet, pervasive devaluation of frontend - Josh Collinsworth

Here is a long article that's well worth your time, on the perception of the craft of front end development. Lots of quote-worthy thoughts in there.

(…) If our skills are valuable as duct tape over the cracks of organizational shortcomings, why aren’t they valuable during the planning and decision-making that led to those defects, when we could potentially prevent them?
(…)
Frontend tools market themselves as though frontend is something no one wants to do, and nobody should care about any more than they have to.
(…)
It seems like nobody thinks of frontend as a critical part of the product anymore; they only think of it as the nice box the product arrives in.

joshcollinsworth.com

And many more.

https://webrocker.de/?p=29107

schizanon, to node

Node.js now has a built-in API for styling text

(similar to chalk, picocolors, etc)

https://nodejs.org/docs/latest/api/util.html#utilstyletextformat-text

glyph, to python
@glyph@mastodon.social avatar

Is there any moderately-sized PyScript application that can serve as a good example for a "full fat" development environment? Plenty of dependencies, automatic CI gating of pull requests, a substantial amount of different bits of UI? I really want to understand what moving beyond "hello world" looks like. #python #frontend

FrontEndSheff, to Sheffield

We've announced our March 28th event with:
🪣 @RichardOliver - Solving data fetching issues with
🎹 @yaxu - Contributor to @strudel / the JavaScript-powered OpenSource algorithmic live music tool

🎟️ Tickets now available: https://www.meetup.com/front-end-sheffield/events/299457976/

schizanon, to CSS

me: defends CSS on socialMedia

also me: struggles with CSS

#css #webDev #frontend

schizanon, (edited ) to CSS

Recently there was an article on HackerNews about CSS Print styles. Here's mine; included in the page with <link rel="stylesheet" href="/print.css" media="print" /> so it won't slow down the page when not printing.

#css #webDev #web #style #stylesheets #frontend #html

stvfrnzl, to Blog
@stvfrnzl@mastodon.online avatar

I published a short and sweet post about three resources to help you understand the (Web Content Accessibility Guidelines) better:

https://stevefrenzel.dev/posts/wcag-more-like-what/

Featuring , @intopia & @yatil

schizanon, to CSS

Honestly, if I wrote CSS the way Tailwind devs do, I'd hate CSS too.

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