TheKinrar @TheKinrar

0 posts0 participants0 posts today

**Vale** @vale@fedi.vale.rocks · Aug 27

I wrote an article over on Smashing Magazine about customising the display of Progressive Web Apps based on their display mode.

For example, making a web app viewed as a standalone app show slightly different content to when it is viewed directly in-browser.

https://www.smashingmagazine.com/2025/08/optimizing-pwas-different-display-modes/

Smashing Magazine · Aug 26Optimizing PWAs For Different Display Modes — Smashing MagazineProgressive Web Apps (PWAs) are a great way to make apps built for the web feel native, but in moving away from a browser environment, we can introduce usability issues. This article covers how we can modify our app depending on what display mode is applied to mitigate these issues.

#PWA #WebDev #FrontEndDev

**Angie** @angieherrera@mastodon.social · Aug 21

Aug 21

Angie @angieherrera@mastodon.social

Looking forward to this being more widely available!

#css #frontenddev https://hachyderm.io/@fridayfrontend/115067823107881142

Hachyderm.ioFriday Front-End (@fridayfrontend@hachyderm.io)A gentle introduction to anchor positioning: "Anchor positioning allows you to place an element on the page based on where another element is. It makes it easier to create responsive menus and tooltips with less code using only #CSS. Here’s how it works." https://webkit.org/blog/17240/a-gentle-introduction-to-anchor-positioning/

**Vale** @vale@fedi.vale.rocks · Aug 14 *

Aug 14 *

Vale @vale@fedi.vale.rocks

Doing some work for a company which has me writing some legacy CSS. Proper 2009-era stylesheets with a bit of SASS thrown in and a clear brief to work off.

Having a blast!

#CSS #FrontEndDev #WebDev

**Vale** @vale@fedi.vale.rocks · Jul 27

Jul 27

Vale @vale@fedi.vale.rocks

Does anyone know if there is a specific reason why so many of my website visitors are apparently using Safari 11?

It is an old browser now but makes up 6% of my Safari visitors. It is the oldest browser release with a significant presence in my analytics.

#WebDev #FrontEndDev #Safari

**Nebraska.Code** @NebraskaCode@mastodon.social · Jul 8

Jul 8

Nebraska.Code @NebraskaCode@mastodon.social

Tyler Sanderson, Kathryn Grayson Nanz, and Brent Stewart present on Frontend Development at Nebraska.Code().

https://nebraskacode.amegala.com/

#WebSecurity #WebApps #UX

**mitten** @mitten@social.lol · Jun 26

Jun 26

mitten @mitten@social.lol

Can anyone point me at a modern explainer, written by a human being, for how to structure an img element with srcset properly? I just want to serve up smaller res images for smaller screens.

#HTML #FrontEndDev

**DrupalAsheville** @drupalasheville@mstdn.social · Jun 20

Jun 20

DrupalAsheville @drupalasheville@mstdn.social

Think front of the front end dev skills don’t matter anymore? Think again.

At #DCAVL25, join What a Front of the Front-End Developer Brings to Your Team and explore why HTML, CSS, and presentational JS expertise are still essential.

Learn how these skills support accessibility, templating, and strong collaboration across teams—especially in Drupal.

Let’s give front of the front end devs the spotlight they deserve.
https://www.drupalasheville.com/2025/session/what-front-front-end-developer-brings-your-team
#Drupal #FrontEndDev #Accessibility

**Vale** @vale@fedi.vale.rocks · Jun 15

Jun 15

Vale @vale@fedi.vale.rocks

Sometimes I scroll through all the possible align-* and justify-* permutations to find the one I need.

Not for lack of knowledge, but instead because my brain has simply run out of compute.

#WebDev #FrontEndDev #CSS

**Vale** @vale@fedi.vale.rocks · Jun 5

Jun 5

Vale @vale@fedi.vale.rocks

People print websites, so I wrote an article over on @piccalilli about how to make sure they don’t feel the need to pull out all their hair while printing yours.

Decimate a rainforest, spend a fortune on some new ink cartridges, unjam the mechanism, print off the article, and give it a read.

https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/

PiccalilliPrinting the web: making webpages look good on paperDeclan Chidlow takes us on a really interesting tour of the often, under-reported world of print stylesheets, how to use them and also how to debug them.

#WebDev #FrontEndDev #CSS

**xoron** @xoron@infosec.exchange · Jun 4 *

Jun 4 *

xoron @xoron@infosec.exchange

React-like functional webcomponents, but with vanilla HTML, JS and CSS

Introducing Dim – a new #Framework that brings #ReactJS-like functional #JSX-syntax with #VanillaJS. Check it out here:
Project: https://github.com/positive-intentions/dim
Website: https://dim.positive-intentions.com

My journey with #WebComponents started with Lit, and while I appreciated its native browser support (less #Tooling!), coming from #ReactJS, the class components felt like a step backward. The #FunctionalProgramming approach in React significantly improved my #DeveloperExperience and debugging flow.

So, I set out to build a thin, functional wrapper around #Lit, and Dim is the result! It's a #ProofOfConcept right now, with "main" #Hooks similar to React, plus some custom ones like useStore for #EncryptionAtRest. (Note: #StateManagement for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore #Passwordless options like #WebAuthn/#Passkeys).

You can dive deeper into the #Documentation and see how it works here:
Dim Docs: https://positive-intentions.com/docs/category/dim

This #OpenSource project is still in its early stages and very #Unstable, so expect #BreakingChanges. I've already received valuable #Feedback on some functions regarding #Security, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!

GitHubGitHub - positive-intentions/dimContribute to positive-intentions/dim development by creating an account on GitHub.

#FrontendDev #JSFramework #Innovation

**Vale** @vale@fedi.vale.rocks · May 24

May 24

Vale @vale@fedi.vale.rocks

I figured I’d weigh in with my thoughts regarding all the CSS carousel stuff after being indirectly prompted by @SaraSoueidan ‘s fantastic article and @db ‘s pseudo-element discussion.

https://vale.rocks/micros/20250524-1145

Vale.Rocks · May 2424 May 2025 11:45

#WebDev #FrontEndDev #CSS

**Katrin Zaks** @katrinzaks@mastodon.social · May 21

May 21

Katrin Zaks @katrinzaks@mastodon.social

Hello Mastodon! I’m a frontend dev who shares stories from my tech-life balance — coding, accessibility, React, travel tales, and a bit of gardening.

Expect #WebDev thoughts, #Accessibility tips, and maybe my #BalconyGarden updates.

#Introduction #FrontendDev #ReactJS

**Vale** @vale@fedi.vale.rocks · May 14

May 14

Vale @vale@fedi.vale.rocks

I found a website on the ground and completely inaccessible. Next to it? A bottle of ARIA. It must have taken too much and overdosed.

Kids, always use ARIA in moderation, and never ARIA on an empty semantic.

#a11y #Accessibility #WebDev

**Village One Cooperative** @VillageOneCoop@toot.village.one · May 7 *

May 7 *

Village One Cooperative @VillageOneCoop@toot.village.one

We’re currently building a bunch of websites with @craftcms and may need freelance frontend dev support over the coming weeks/months.

Your profile:
- Solid Craft + Twig + Tailwind + A11y knowledge
- Turn Figma designs into responsive frontend code
- Timezone somewhat compatible with London/Berlin

Sample repo from current project: https://github.com/prototypefund/ptf-site/

Reply here or to hello@village.one with your availability, day rate and experience. Thanks! #CraftCMS #Tailwind #FrontendDev #FreelanceDev

GitHubGitHub - prototypefund/ptf-site: The new website for the Prototype Fund from 2025, based on Craft CMS.The new website for the Prototype Fund from 2025, based on Craft CMS. - prototypefund/ptf-site

**WBCOM DESIGNS** @wbcomdesigns@me.dm · Apr 23

Apr 23

WBCOM DESIGNS @wbcomdesigns@me.dm

Happy Birthday, Nitin Patil!

Wishing you a fantastic birthday filled with happiness, laughter, and everything you love!

Your brilliance as a Senior Frontend Developer brings creativity and precision to every project at Wbcom Designs, and we truly appreciate the passion and skill you bring to the table each day.

#HappyBirthday #FrontendWizard #TeamWBcom

**Vale** @vale@fedi.vale.rocks · Apr 14

Apr 14

Vale @vale@fedi.vale.rocks

Woah! I’m published on @csstricks !

I adore CSS-Tricks, and it has been invaluable to me over the years. I’m ecstatic to be able to contribute something back.

#WebDev #FrontEndDev #CSS #JS

RE: https://mastodon.social/@csstricks/114336363156155232

MastodonCSS-Tricks (@csstricks@mastodon.social)Custom cursors with CSS are great, but we can take things to the next level with JavaScript. Using JavaScript, we can use an element as our cursor, which lets us style it however we would anything else. This lets us transition between cursor states, place dynamic text within the cursor, apply complex animations, and apply filters. https://css-tricks.com/next-level-css-styling-for-cursors/

**westbrook** @westbrook@mastodon.social · Mar 21

Mar 21

westbrook @westbrook@mastodon.social

Why is it that being a "frontend engineer" always feels so dangerously close to "technical project manager"? Like we could just hire someone to do that job so frontend engineers could go theirs...like really.

#webDev #devThoughts #frontendDev

**Kerrick Long (code)** @kerrick@dotnet.social · Mar 6

Mar 6

Kerrick Long (code) @kerrick@dotnet.social

People in #WebDev and #FrontEnd #Design for at least a few years will remember Icon Fonts. But are you old enough to remember #CSS sprite sheets?

https://frhun.de/silk-icon-scalable/preview/

The original sprite sheet for Silk Icons

#UX #UI #WebDesign

**Vale** @vale@fedi.vale.rocks · Feb 20

Feb 20

Vale @vale@fedi.vale.rocks

Speakers of English (traditional) rejoice, for I have fixed CSS. You can sleep easy knowing that there exists an easy way to permit writing ‘colour’ as ‘colour’.

BritCSS is a simple bit of client-side JS that permits using English spellings.

https://github.com/DeclanChidlow/BritCSS

GitHubGitHub - DeclanChidlow/BritCSS: Fixes CSS to use non-bastardised spellings.Fixes CSS to use non-bastardised spellings. Contribute to DeclanChidlow/BritCSS development by creating an account on GitHub.

#CSS #WebDev #FrontEndDev