ayo, to til
@ayo@ayco.io avatar

Anyone aware of other frameworks with telemetry (i.e., usage measurement)? @astro has it on by default.

BenSunshine, to random
@BenSunshine@fosstodon.org avatar

@kubikpixel You posted some questions about color schemes and color theory.

The 60-30-10 Rule helped me early on:

https://bootcamp.uxdesign.cc/60-30-10-rule-how-to-choose-colors-for-your-ui-design-713b3d4c1445?gi=6641ee4fc6ac

inautilo, to javascript
@inautilo@mastodon.social avatar


Comparing JavaScript frameworks (Part 1) · Let’s compare the template languages of the frameworks https://ilo.im/15yeds


inautilo, to design
@inautilo@mastodon.social avatar


CSS color-scheme-dependent colors with light-dark() · Simpler dark mode setup with the light-dark() function https://ilo.im/15yefd


davidbisset, to random
@davidbisset@phpc.social avatar

Colorsinspo offers color palettes you can use directly by one click.

https://colorsinspo.com

utilitybend, to CSS
@utilitybend@front-end.social avatar

While experimenting with CSS, you sometimes discover a technique you want to do more of. There are a lot of features coming in CSS and one of the things I often think about is how to combine all of them. In this article, you will see a lot of things: Scroll-driven animations, [at]property, container units, clamping, and other goodies:

https://utilitybend.com/blog/animating-clip-paths-on-scroll-with-at-property-in-css

davidbisset, to webdev
@davidbisset@phpc.social avatar

Interesting experiment.

"invertornot" is an that determines if an image should be inverted for optimal dark-mode rendering.

https://invertornot.com/

https://github.com/mattismegevand/invertornot/

schizanon, to javascript
@schizanon@mas.to avatar

Yeah, I code in JavaScript, How did you know?

Kovah, to Laravel
@Kovah@mastodon.social avatar

Im about to implement achievements for @cloudhiker. Anyone know a great method to show toasts/popup notifications in the for unlock events, which do not involve setting up websockets with Echo? 🥺

davidbisset, to CSS
@davidbisset@phpc.social avatar

Why I 🧡 the web:

"Single Div" Drawing Experiment

https://a.singlediv.com/

AMAZING what you can do with just CSS. It's these proof of concepts and experiments that made (and continue to make) the web fun for devs like me.

More:
https://github.com/lynnandtonic/a-single-div

mstrlaw, to javascript
@mstrlaw@mastodon.social avatar

Hello network 👋

I'm looking for a seasoned Engineer to join my team at surfe.com for a fully remote position, within EU timezones.

Salary range €50k-€70k depending on xp.

Stack: Real-world experience building user facing products required.

Super nice team, with a balanced and diverse background.

Boosting is appreciated! 🚀

Full offer details and application form:
https://work.surfe.com/6d889dafb6d84892babcf17f84dc7d98

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

"Out-of-touch, influential old guy working in web accessibility for many years claims that all hope is gone and only can save us. People who he thinks are disabled will receive a more “concise” UI, because he thinks they are not able to use a computer and assistive technology."

https://stevefrenzel.dev/posts/shut-up-jakob/

I might be late to the party, but here are my thoughts as a newbie.

thisisfranciswu, to UX
@thisisfranciswu@mstdn.ca avatar

Front end developers, especially front-of-the-front-end developers, may have more in common with designers than we think. https://joshcollinsworth.com/blog/devaluing-frontend

koehnlein, to CSS
@koehnlein@mastodon.social avatar

Question to all the "You must always use relative units like em or rem, but never absolute units like px" advocates out there:

In my eyes, this only makes sense if you don't set a base font size, but rely completely on the user's personal browser settings. Am I right or what am I getting wrong?

joelanman, to CSS
@joelanman@hachyderm.io avatar

Excellent tutorial with interactive examples on how to centre a div with CSS. Love this kind of thing:
https://www.joshwcomeau.com/css/center-a-div/

davidbisset, to design
@davidbisset@phpc.social avatar
schizanon, to react
@schizanon@mas.to avatar

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

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

Today's 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

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

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?

davidbisset, to webdev
@davidbisset@phpc.social avatar

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

https://www.sarahgebauer.com/post/quotes/

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