@sarajw@front-end.social
@sarajw@front-end.social avatar

sarajw

@sarajw@front-end.social

Fresh front-end dev and techy generalist, mum of 2, euro-mongrel (๐Ÿ‡ฉ๐Ÿ‡ช ๐Ÿ‡ฌ๐Ÿ‡ง ๐Ÿ‡ธ๐Ÿ‡ช), lapsed swing dancer & DJ, erstwhile tall ship and dingy sailor, crocheter, lefty.

Work with :react:, but โค๏ธ vanilla :html5: :css3: :javascript: (particularly โœจCSSโœจ ๐Ÿฅฐ)

Cis het - she/her, supporting :BLM: :a11y: ๐Ÿณ๏ธโ€๐ŸŒˆ ๐Ÿณ๏ธโ€โšง๏ธ

This profile is from a federated server and may be incomplete. Browse more on the original instance.

keenan, to random
@keenan@social.lol avatar

Unbelievably delighted to see @cory featured on todayโ€™s People & Blogs.

https://manuelmoreale.com/thoughts/pb-cory-dransfeldt

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

No Face from Spirited Away, drawn with CSS and a single HTML element.
https://codepen.io/alvaromontoro/pen/ZERzGWY

hashtag#css hashtag#cssArt hashtag#divtober hashtag#throwBackThursday hashtag#tbt

Edent, (edited ) to random
@Edent@mastodon.social avatar

You receive a call on your phone.
The caller says they're from your bank and they're calling about a suspected fraud.

"Oh yeah," you think. Obvious scam, right?

The caller says "I'll send you an in-app notification to prove I'm calling from your bank."

Your phone buzzes. You tap the notification This is what you see.

Still think it is a scam?
1/3

teleclimber, to RSS
@teleclimber@social.tchncs.de avatar

An reader is just another inbox with an ever-incrementing unread count. This solution by @sarajw is a nice way to get around that:

https://front-end.social/@sarajw/112365804135620779

paul, to random
@paul@status.kinlan.me avatar

The popover API lands in Baseline

Exciting update for web developers - the popover API has landed in all modern browser engines. This will allow developers to more easily create contextual overlays on their sites. I'm looking forward to seeing the creative ways devs leverage this new capability to enhance user experiences.

https://web.dev/blog/popover-api?hl=en

Kilian, to random
@Kilian@mastodon.social avatar

The next version of Polypane is ready but I'm waiting for an Electron bug to be fixed, so I'm picking up small suggestions, ideas and nits from people.

@yatil asked me to add validation to the page language and @Lukew asked me to show the color-scheme value more prominently. @sapegin on the other hand helped me come up with a clever way to apply media emulation to all panes at once.

So if you have requests/suggestions for Polypane, now's the time to sent them to me!

zachleat, to random
@zachleat@zachleat.com avatar

Iโ€™m participating in today! You wonโ€™t find nary a <script> on zachleat.com.

Read all about it: https://www.zachleat.com/web/js-naked-day/

eleventy, to random
@eleventy@fosstodon.org avatar

Our next speaker for The 11ty International Symposium on Making Web Sites Real Good: https://conf.11ty.dev/#speakers

Sara Joy @sarajw

This is their web site (made real good): https://sarajoy.dev/

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

Has anyone done a dance remix of keyboard typing sounds?

csscade, to random

Did ya know that itโ€™s possible to style an element if itโ€™s overflowing the parent element? I certainly didnโ€™t!

.parent {  
 max-width: 300px;  
}

.child {  
 width: 500px;

 @media@mastodon.social (overflow-inline) {  
 background: yellow;  
 }  
}  

https://www.csscade.com/cool-queries

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

New CSS Project! ๐Ÿฅณ

Are you looking for a CSS Shape? look no further!

๐Ÿ‘‰ https://css-shape.com ๐Ÿ‘ˆ

The Ultimate Collection of CSS-Only shapes
โœ… Single-element implementation
โœ… Optimized code
โœ… Easy to customize using CSS variables
โœ… One click to copy the code

Stop relying on old and obsolete resources. Use modern CSS to create Shapes! ๐Ÿคฉ

A home page recording of the shared link.

btconf, to random
@btconf@mastodon.social avatar

3 weeks to go before we open doors for #btconf Dรผsseldorf 2024. Schedule is going live this evening. Topics and speakers are online for a longer time at the website already. Join us and don't miss the fun.

fonts, to random
@fonts@sfba.social avatar

Last night I secretly/quietly hit the publish button on a new version of The Cascade Iโ€™ve been workinโ€™ on all week. Itโ€™s a fresh new blog about the past, present, and future of CSS: https://www.csscade.com/

css, to SEO
@css@front-end.social avatar

#SEO / #a11y #accessibility question:

Suppose I have a home page and its content is nothing but different blocks (image + text) that link to internal pages. Does that count as a navigation and I have to use the <nav> element or It counts as the main content and a simple <ul> listing is enough?

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

I'm a 0.5x engineer that every 10 hours or so has a 10x spurt.

https://mastodon.social/@workchronicles/112298943382709694

frederic,
@frederic@chaos.social avatar

@sarajw I like the notion of the 1x Engineer:
https://1x.engineer/

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

I haven't blogged regularly in a long while (in about 2 years, actually, since the course).

I'm now slowly getting into the flow of things, and I have a lot of ideas for topics to write about. Too many.

So I'm wondering: what kind of topics do you wish I'd write more about?

pixelambacht, to music
@pixelambacht@typo.social avatar

Please help me find this song!

I think it's a relatively new/modern song. It sounded funk/soul-y to me, but it's far out of my usual noisy music circle.

It's upbeat, heard it a few times in a hip hotel lounge. I googled it then, I think it was by a black artist.

Title is something with fire, or burning, or burning up?

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

What can you say about the &lt;area&gt; element?

br00t4c, to microsoft
@br00t4c@mastodon.social avatar

How to Block the New Ads Microsoft Added to Windows 11

https://lifehacker.com/tech/how-to-block-ads-in-windows-11

collinsworth, to random
@collinsworth@hachyderm.io avatar

We as developers often get to make our own technology decisions.

But have you ever imagined what it would be like if our users could vote on how they wanted the things they use to be built?

Have you ever stopped to think what a massive privilege we enjoy, being allowed to pick what we think is best for us, over what any user might pick for themselves, given the requisite understanding?

collinsworth,
@collinsworth@hachyderm.io avatar

Have you ever stopped to consider that simply by virtue of being a developer, we already make a better salary than a significant portion of our users ever have, and experience technology and the web in a way many of them never will?

Have you ever thought about how often we just ask those peopleโ€”the ones on shittier phones than we'll ever touch, on shittier networks than we'll ever useโ€”to pay the price for our privileged decisions?

pixelambacht, to CSS
@pixelambacht@typo.social avatar

I'm working on my typography talk for #CSSDay (working title: "Problems Solved By OpenType")!

My plan is to mostly show all the things fonts can do on the web (the techy bits), without going too far into typesetting itself (the designy bits).

What should (and shouldn't!) I cover? Are there issues in your current project(s) that's holding you back from using modern fonts and CSS?

#css #frontend #fonts #typography

hl, to random
@hl@social.lol avatar

I find pages potentially really interesting, but I feel most miss the stories the items tell about the owner and their history. I tried to write one more in the style I hope to see more of:
https://www.henryleach.com/2024/04/uses-2024/

patrickbrosset, to random
@patrickbrosset@mas.to avatar

๐Ÿ“ˆ New on the Edge blog: https://blogs.windows.com/msedgedev/2024/04/18/2024-web-platform-top-developer-needs-dashboard/

These features are foundational, unlock use cases that are hard to achieve otherwise, and are much needed by web developers, based on the signals we hear.

Take a read, and let us know if these represent your needs well. Weโ€™re excited about the prioritization impact this could have.

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

the feeds will never end, it's RSS time!

nim,

@sarajw @hi_mayank @SaraSoueidan OMG I love this so much. I made something similar, tho not as "updated in the last year" https://bloggy.garden/

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

What options are there to properly fight spam in a static website? Are there any?

Or if I get access to a database endpoint, maybe via an ORM rather than PHP - I can put my entries in there, but how can I run spam checks?

I currently use Netlify Forms, they run Akismet and it's awesome. But I'd like to make my email contact form and guestbook form independent from Netlify if I can.

Every site I'm finding in my search for spam filters and contact forms seems to be all about wordpress plugins ๐Ÿซ 

ovidem,
@ovidem@mastodon.social avatar

@flamed @sarajw And our form spam blocking service is now live! Hereโ€™s the announcement for it: https://indieaisle.com/indieaisle/form-spam-blocking/

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