cheeaun, to webdev
@cheeaun@mastodon.social avatar

Wow reading this thread makes my front-end blood boil: “How to handle lack of respect towards frontend teams?” https://www.reddit.com/r/webdev/s/CUmJbACeoI

#WebDev #FrontEnd

schizanon, to webdev
@schizanon@mastodon.social avatar

I built this POC to demonstrate how I'd use CustomEvents to implement Signals. Please criticize my approach and tell me why I need a native browser API for this.

https://card-calc.surge.sh/

#webDev #javaScript #signals #observable #frontend #customEvents #events #svelte #preact #rxjs

davidbisset, to CSS
@davidbisset@phpc.social avatar
ayo, to til
@ayo@ayco.io avatar

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

elly, to random
@elly@front-end.social avatar

Front-end development’s identity crisis
🔗 https://ellyloel.com/blog/front-end-development-s-identity-crisis/

mjgardner,
@mjgardner@social.sdf.org avatar

@elly I feel your pain, but the battle was lost as soon as #developers started self-identifying as #FrontEnd or #BackEnd specialists. We asked for it.

And here’s where I shake my old “webmaster” cane and mutter about staying off my lawn: I started #WebDev in 1995 when skills were so new and thinly distributed that specialization was nigh impossible. It’s freakin’ hard to keep up with the ever-exploding web technology stack, but it can be done.

Don’t lose hope.

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. #frontend #colors

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

#frontend #CSS

davidbisset, to webdev
@davidbisset@phpc.social avatar

Interesting experiment.

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

https://invertornot.com/

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

#webdev #frontend

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 #frontend for unlock events, which do not involve setting up websockets with #Laravel Echo? 🥺

davidbisset, to CSS
@davidbisset@phpc.social avatar

Why I 🧡 the web:

"Single Div" #CSS 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

#frontend

mstrlaw, to javascript
@mstrlaw@mastodon.social avatar

Hello network 👋

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

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

Stack: #javascript #react #css #html 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

#job #hiring #remotejobs #engineering #tech

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 #AI 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.

#accessibility #a11y #disability #WebDev #frontend #html #css #JavaScript #ProgressiveEnhancement #llm #ui #ux

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. #ux #frontend 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/
#css #frontend

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 !

#Freelance #Dev #WebDev #Backend #Frontend #Fullstack #Python #Javascript #PHP #Rust #Go #DevOps

davidbisset, to webdev
@davidbisset@phpc.social avatar

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

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

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