lukem, (edited ) to webdev

#Kindle Paperwhite web browser defeated me.

It supports only a subset of CSS and JS (I guess it's ES5 and and 2010-ish CSS3?). I can't figure out which modern features of my site make it freak out.

No remote debugging via USB.

JavaScript user agent doesn't identify it as a Kindle browser at all, just regular unusable gibberish (it says 'Kindle' in server headers but these I can't access in my setup).

So much for researching problems nobody except me cares about heh.

#webdev #frontend

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

jbleuzen, to accessibility
@jbleuzen@mastodon.social avatar

We have lots of tools to check websites for webperf optimization, SEO optimization,… But I don't see much a11y tools to check your website for accessibility issues.
How can you learn and improve if you have nothing to check that what you are doing is correct or bad ?
#a11y #frontend

ricard, to random
@ricard@ricard.social avatar
mariusor, to CSS
@mariusor@metalhead.club avatar

In my image palettization quest I realized how much one can do with just a couple of colours. I hope I don't get carried away and add semi-transparent backgrounds of various opacities to all elements in the frontend. :D

ayo, to webdev
@ayo@ayco.io avatar

Is it time again? 🤣

I post , , (i use for fun), maybe some (i use for work)… most certainly , corny

I also every now and then and post photos, but I do have a pixelfed for the more artsy artsy shots: @ayo

I am a of my own single-user instance, and I like it, so you can ask me about that.

I often post a lot so don’t follow if you don’t like

That’s pretty much it I think. :)

thudfactor, to webdev

As a front-end engineer, I really feel like I am getting it from both sides right now.

Figma's released a new toolset that has designers convinced we can just copy and paste the CSS it generates into our apps, so isn't it so much simpler? How can we work this into our workflow?

1/?

#webDev #frontEnd

havn, (edited ) to CSS

Any #CSS wizards out there?

I'm loosing my mind, trying to get backdrop-filter: blur() to work properly in Chromium browsers...

Now I've gotten as far as creating a pseudo element ::before my menu and blurring that (as everything else is transparent). But when I do the same for my submenu, it doesn't blur!

Works perfectly in Safari and Firefox... (But it worked there without the pseudo thing as well.)

#Help!
(Boost appreciated as well.)

#Allheimen #WebDevelopment #Frontend #Wordpress

w4w3r, to ChatGPT German

Werden #KI-Tools wie #ChatGPT #FrontendDeveloper überflüssig machen? Man könnte es glauben, wenn man einzelne, sehr spezifische Ergebnisse sieht. Ich glaube aber, dass #Frontend-#Entwickler auch in absehbarer Zukunft benötigt werden, sie aber sehr mächtige Tools an die Hand bekommen werden.

#webdesign #webdevelopment #webdeveloper #webdev

https://www.wawer.dev/2023/08/14/das-ende-der-front-end-entwicklung/

christian, to webdev
@christian@aldr.social avatar

About to attempt my blog again (lol)

I'm doing a little restructuring and again wondering what the best URL combo is.

my TLD is .blog, so I'm not doing .blog/blog/<post> ...

It's currently .blog/<category>/<post>

Seen some folks keep it simple, .blog/<post>. I like that because the tag/category can change - the post url lives.

Date is interesting, .blog/2023/07/25/<post>, and I suppose I could do shorter versions of that too (month, or just year) 🤔

Any others?

#WebDev #Frontend #Blog

stvfrnzl, to webdev
@stvfrnzl@mastodon.online avatar

How do you keep up-to-date with new releases? I've done some research but I couldn't find a website where I would get a notification once a new release is out.

Should I just sign up to the ? Usually I notice because the awesome developers in my bubble write about it. Any help and boosts appreciated! 🙌

anniegreens, to design
@anniegreens@social.lol avatar

I need to follow eight more accounts to match up follower/following, help me out!

Who are your favorite artsy/design/front-end accounts that I should follow?

Please boost!

edit: changed some wording

#Design #frontend #Fediverse #art

penguintrinity, to linux

Does anyone know a good cli-based solution for . I love tools like and , but I am not able to find any CLI based for them, to streamline my . I am thankful for any suggestion you have.

rolle, to UIDesign
@rolle@mementomori.social avatar

Latest Mastodon Bird UI 2.0.0rc adds proportions for the new copy icon in profiles. Often times the icons seem too big in relation to each other in the default UI.

Please note v2.0.0rc is only supported by the bleeding edge (main/v4.3.0-alpha.0), it's a pre-release for the upcoming major Mastodon version.

Preview: https://mementomori.social/

Source code: https://github.com/ronilaukkarinen/mastodon-bird-ui/tree/2.0.0rc

joelanman, to random
@joelanman@hachyderm.io avatar

do native mobile apps have links? Or is that just a web thing, and apps only have buttons?
#frontend #dev #apps

stvfrnzl, to ArcBrowser
@stvfrnzl@mastodon.online avatar

Here's a full page screenshot of the (soon to be cancelled) "Accessible Overlays" panel by the #iaap at #ZeroProject conference, in case you need this for your archive.

I do, cause I have an article coming up where I mention this and I'll need the proof. 😅 Screenshot was taken with #ArcBrowser and I'm a heavy user of this feature!

#accessibility #a11y #WebDev #frontend #conference

michael, to chrome
@michael@thms.uk avatar

New origin trial in to allow opening popups in full screen:

https://developer.chrome.com/blog/fullscreen-popups-origin-trial/

Honest question: can anyone think of a legitimate use case for this? I’m sure they exist, I just haven ever experienced a feeling of ‘huh, I wish I could open a full screen popup now’

5t3ph, to CSS
@5t3ph@front-end.social avatar

✨ Turn on document.designMode for in-browser spell-checking

Design mode essentially turns every element into a contenteditable region, which enables spelling and grammar checking and is also useful for experimenting with text changes

#CSS #HTML #frontend

cr0ybot, to webdev
@cr0ybot@mastodon.social avatar

PSA for front end web developers:

Visible scrollbars affect vw units and media queries!

100vw with a visible scrollbar will overflow!

Grid layouts with media queries might behave differently with a visible scrollbar!

martine_dowden, to browsers

You know you are a when you have way too many (all with different themes you can you tell what is what) just so you test things from multiple accounts simulatneously...
Anyone found a better soution to this little game?

ayo, to privacy
@ayo@ayco.io avatar
jscholes, to django
@jscholes@dragonscave.space avatar

Searched the internet for tips on using #Django with #Svelte, hoping specifically for guidance on incorporating Svelte components into Django templates. The first result is an article telling me how to ignore Django templates completely, move all #frontend development to #JavaScript in the form of an SPA, and turn my #backend into a REST #API. Turns out, things can depress you even when they're not surprising.

davidbisset, to CSS
@davidbisset@phpc.social avatar

#CSS has an infinity constant.

Playing with Infinity in CSS: https://codersblock.com/blog/playing-with-infinity-in-css/

#frontend

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
@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

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