christian, to 11ty
@christian@aldr.social avatar

I'm taking a bit more time with my starter kit upgrade.

Along with moving away from SASS/SCSS, I have decided to learn and lean into the CUBE CSS methodology once and for all 💪

I keep seeing it pop up from developers I admire and now would be a perfect time to give it a spin.

Not sure if I'll also delve into design tokens just yet 👀 but maybe.

https://cube.fyi/

ricmac, to javascript
@ricmac@mastodon.social avatar

With frontend development, is it better to start simple and build on top of standard HTML, CSS and JavaScript? Or do you need a swiss army knife framework, like Next.js or Angular? I looked at recent Vue developments and found a lot to like about its "progressive framework" approach. https://thenewstack.io/want-out-of-react-complexity-try-vues-progressive-framework/

michalzadkowski, to random
@michalzadkowski@mastodon.social avatar

Looking for a Storybook alternative that will work nicely with next.js and server-side components and _app router.

javedAB, to javascript

want fast-loading pages

one way to achieve this is by loading only the necessary initially

load the rest on hover or button click for a smoother experience

ayo, to webdev
@ayo@ayco.io avatar

✍️ New post: I Hate Open Graph Images. Here’s Why. And How. Much

As an epic twist of character development, I have learned that I don’t like open graph images.

https://ayos.blog/i-hate-og-images/

stvfrnzl, to webdev
@stvfrnzl@mastodon.online avatar

I finally got for @astro working! Thanks to @henry sparking my interest for it (again) and anyone here who helped me along the way.

https://stevefrenzel.dev/posts/webmentions-in-astro-for-blog-posts/

I would appreciate lots of likes, reposts and comments so I have more data to work with hehe
😈

stvfrnzl, to UX
@stvfrnzl@mastodon.online avatar

Today in my inbox (excerpt and hashtags added by me):

They're looking for individuals experienced with the following:

My response:

"Thanks for the offer but if there's one thing I don't want to do as a developer then it's 'dealing with stakeholders'. Not my job!"

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

Here’s my latest case study for a server-rendered HTML of a Mastodon feed with only one progressive enhancement web component (github’s relative-time) — it turned out (surprisingly) pretty good if I may say so myself 🥹

https://ayco.io/threads

lx, to web
@lx@swiss.social avatar

Honestly, the is unusable without an adblocker and some form of “tweaks” app these days. Ads are one thing but all these cookie and newsletter banners and autoplay videos. I’m so happy when I find my results on pages like Wikipedia..

toddztoonz, to CSS
@toddztoonz@social.lol avatar

If you have an opportunity to attend this study hall hosted by @artlung , do it!

The first session was amazing and super informative. As a result, ended up refactoring and simplifying the chaotic mess that was my stylesheets😊 Was unable to attend the second, unfortunately, but looking forward to the third this Thursday.

https://events.indieweb.org/2024/05/front-end-study-hall-003-CHeoDn1hkrMq

pixelambacht, to CSS
@pixelambacht@typo.social avatar

I wonder why Google Fonts is not using fetchpriority on their own CSS?

It seems like a performance no-brainer, not doing harm when the browser doesn't support it.

cc @googlefonts

davidbisset, to accessibility
@davidbisset@phpc.social avatar

"Rethinking Text Resizing on Web"

https://medium.com/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881

In-depth look at:

  • The problems encountered on mobile web when relying solely on browser zoom.
  • The challenges of introducing changes that would impact the workflow of all frontend engineers.
  • The benefits seen since launching these improvements.

skry, to webdev
@skry@mastodon.social avatar

“hello! i am currently seeking new employment opportunities in art, design and/or web development, ux & marketing consultation
resume :: ‪https://encipherdesign.com‬”

—> @brentpruitt

lx, to web
@lx@swiss.social avatar

Nothing is more annoying than when a website has broken form validation. Like for example when you paste something and then the pasted data is invalid but if you type it yourself, it's fine. Sometimes, adding and immediately removing a character triggers the validation but sometimes it does not.

inautilo, to business
@inautilo@mastodon.social avatar

“The simplicity of HTML and CSS now feels like a radical act. To build a website with just these tools is a small protest against platform capitalism: a way to assert sustainability, independence, longevity.” — Jarrett Fuller

#Business #OpenWeb #IndieWeb #SmallWeb #Website #Blog #WebDesign #Development #WebDev #Frontend #Quote

stvfrnzl, to Astro
@stvfrnzl@mastodon.online avatar

Good news: I got working locally with @astro ! 🥳

Bad news: They're not showing in production, there's not even a request, nor is my try & catch throwing me an error 🤡

Why is it SO HARD to get them working with ?? Meanwhile the community has tons of resources on how to do it...

I assume that it's some client-side issue but I've had enough of this, time to start the weekend

stvfrnzl, to Blog
@stvfrnzl@mastodon.online avatar

Five years ago was my graduation from on this very day.

I looked back and wrote a GIANT post: https://stevefrenzel.dev/posts/from-boot-camp-to-blog-five-years-in-the-tech-industry/

Sit back, relax and enjoy the ride.

mauro, to music
@mauro@mograph.social avatar

Very glad that finally my favourite music website has got a long overdue refresh at its front end, it was so painful to browse without using the reader view in Firefox.

https://thequietus.com

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

Someone from bsky mentioned he doesn’t show peoples’ avatars and just uses this library for identicons. It looks amazing! I will use this too for rendering webmentions in my blog. https://github.com/laurentpayot/minidenticons

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

feat: respect user faces

const identicon = document.createElement("minidenticon-svg");   
identicon.setAttribute('username', mention.author.url)

👉 commit: https://ayco.io/gh/blog/commit/ff3182c946763c877f5e6134edfae847c3ff5dbb

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

Question to , , & folks:

How do you feel about duplicate links in articles, blogs, whatever? Meaning: A certain word is a link (let's say "HEALTH") leading to an external website.

Would it annoy you if this word was always a link and it's mentioned for example 20 times in an article? Or would you rather have it only once to make it easier to scan for links?

Is there a related success criteria?

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.

chrismcolvin, to CSS
@chrismcolvin@mastodon.social avatar

I know I’m late to the party, but :has() is the best. Feels like I’m solving new problems daily with this little beauty.

tixie, to CSS
@tixie@guerilla.studio avatar

Things That Can Break aspect-ratio in CSS
https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css/

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