@jfroehlich@mastodon.social
@jfroehlich@mastodon.social avatar

jfroehlich

@jfroehlich@mastodon.social

I create things in a wonderful place called the internet and sail boats on a lake between three countries.

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

jfroehlich, to random
@jfroehlich@mastodon.social avatar

My toDo list for this vacation:

  • [ ] Get the boat into the water.
  • [ ] Move my site to 11ty v3 and get the new design up.
  • [ ] play.
matthiasott, to UX
@matthiasott@mastodon.social avatar

A little quiz: in which of those two inputs will your password be visible aka unmasked? 🤔

jfroehlich,
@jfroehlich@mastodon.social avatar

@matthiasott trust no one. Enter an x and check.

klickreflex, to random
@klickreflex@freiburg.social avatar

My happy pepper sticker by @sarajw is in good company 🤗

jfroehlich,
@jfroehlich@mastodon.social avatar

@klickreflex @sarajw 🤩

jfroehlich,
@jfroehlich@mastodon.social avatar

@klickreflex @sarajw ehm sara? Is there a tiny tiny small chance that one of those stickers could eventually find its way onto the lid of my thinkpad? Please?

mattwilcox, to random
@mattwilcox@mstdn.social avatar

That’s the joinery finished. Alas I am out of shellac or varnish; so it’ll have to wait now. Need to fit a backboard once that’s done, and decide if the bottom compartment will be for a basket drawer or to put some doors on it.

It’s not perfect, but it’s not too bad.

A close up of the top section showing that the top shelf is made with a lapped dovetail joint.
The side table is on top of my workbench. It has no backing board yet and no finish applied. It is made of redwood (a softwood pine), and it has two internal compartments.
A photo of the side table with clamps applied during the glue up process.

jfroehlich,
@jfroehlich@mastodon.social avatar

@mattwilcox plywood? Looks good, isn‘t heavy as lead, is fun working with and won‘t warp. The better quality stuff of course. In germany it’s called multiplexplatte and could be marine grade in englisch. 6mm of that is already pretty much no warp.

jfroehlich, to 11ty
@jfroehlich@mastodon.social avatar

I have the weird feeling that the button to the documentation got slightly bigger since the ...

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

I'm so happyyyyyyyyy!!!

A profile photo of the cargo e-bike taken in front of a wide part of Hamburg's canals or maybe the north of the Außenalster. It's a long tail, big wheel at the front, chunky basket, two seats on the back behind the saddle with a foot rest, padding and guard rails.

jfroehlich,
@jfroehlich@mastodon.social avatar

That‘s cool! Have fun @sarajw

VolkerK, to random German
@VolkerK@nrw.social avatar

Die drei /[?]{3}/g und der reguläre Ausdruck.

jfroehlich,
@jfroehlich@mastodon.social avatar

@marcus @VolkerK rofl

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

I have a works in progress page that is itself a work in progress lol

https://sarajoy.dev/wips

jfroehlich,
@jfroehlich@mastodon.social avatar

@sarajw hm, nice idea!

simoncox, to random
@simoncox@seocommunity.social avatar

Thinking of putting our Pied-à-terre up as an Airbnb.

jfroehlich,
@jfroehlich@mastodon.social avatar

@simoncox hm, a new challenge for one of those pressure washing channels?

jfroehlich,
@jfroehlich@mastodon.social avatar

@simoncox pffff, now that I look a bit closer at the labels...

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

I found the perfect vase for * checks notes * garlic lovers, obviousl!

jfroehlich,
@jfroehlich@mastodon.social avatar

@stephaniewalter ah, ehm yes. 🤔 yes yes, of course… garlic…

brucelawson, to random
@brucelawson@vivaldi.net avatar

On SVGs & performance: is there a perf reason to inline an SVG image (so the XML code is visible in your HTML source) rather than pulling in an external resource e.g. <img src="zonk.svg">? It feels a bit like inlining images with base64, which doesn't therefore take advantage of the browser cache.

jfroehlich,
@jfroehlich@mastodon.social avatar

@Meyerweb @pepelsbey @brucelawson and you can use custom properties this way, not just currentColor. That's the biggest winner for me.

patrick_h_lauke, to random
@patrick_h_lauke@mastodon.social avatar

tried making spätzle for the first time tonight...a fun success (if you're not too fussed about the shape)

a pot of boiling water, with a few spaetzle floating in the water. above it a metal spider full of cooked spaetzle

jfroehlich,
@jfroehlich@mastodon.social avatar

@patrick_h_lauke looks really good for the size of knife and “spätzlebrett” you used. If you’d like some spätzle-tips, let me know.

jfroehlich,
@jfroehlich@mastodon.social avatar

@patrick_h_lauke that thumbs-up from children is the main goal ;)

bastianallgeier, to random
@bastianallgeier@mastodon.social avatar

This is an article that took a lot of strength to write and I might take it down again. But I felt like it is an article that is very necessary right now. https://bastianallgeier.com/notes/grandpa

jfroehlich,
@jfroehlich@mastodon.social avatar

@bastianallgeier very well written, Bastian! Thank you!

mattwilcox, to random
@mattwilcox@mstdn.social avatar

Oh god, cursed idea; storing your SVG UI elements as strings in local storage, that you stuff into the DOM via JS, so that you get the benefit of "caching" like they're an img src, but also the ability to target and style in CSS because they're loaded on the page as actual SVG.

Essentially loading SVG assets you often want to theme with CSS as a browser-stored package. Instead of needing to dump raw SVG in HTML, or do icon-green.svg icon-red.svg etc.

jfroehlich,
@jfroehlich@mastodon.social avatar

@mattwilcox TIL that you could use the use attribute of svg: instead of an <img> you do &lt;svg&gt;&lt;use href="img.svg#my-path" style="--my-prop: ..."&gt;&lt;/use&gt;&lt;/svg&gt; and in the svg file you do &lt;path ... style="fill: var(--my-prop, #fff)"/&gt;. It id to the path/group is important or it won't show anything. Would that solve the caching/styling problem for you?

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

Say you have:

&lt;label&gt;  
 &lt;input&gt;Text for input  
&lt;/label&gt;

Can I detect with CSS on which side of the input the text is, and apply the required margin just there?

jfroehlich,
@jfroehlich@mastodon.social avatar

@joelanman @sarajw not to target the text imho.

jfroehlich,
@jfroehlich@mastodon.social avatar

@sarajw yea, no, because you can't target the text explicitly (as far as I know) - please enlighten me otherwise. That's why I group label + input in a <p>

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

Progress! Super messy, but progress:

https://codepen.io/sarajw/pen/xxBGmRZ

jfroehlich,
@jfroehlich@mastodon.social avatar

@sarajw very nice! And it temps me to continue on my little experiment from last year...

jfroehlich,
@jfroehlich@mastodon.social avatar

@sarajw time. not having enough time is the trouble. You're further ahead then me but maybe my wip version is helpful in some way. I guess I shared the link but it might have changed since then: https://chuckchecks.com/tests/simple-test.html

jfroehlich,
@jfroehlich@mastodon.social avatar

@sarajw I went through mdn and the spec and put everything in a file that is not deprecated. Take what's helpful for you

zachleat, to random
@zachleat@zachleat.com avatar

If folks could refrain from comparing no-build-step Web Components (oranges) to build-step Component Frameworks (apples), I would be very happy.

Feel free to compare no-build-step Web Components (oranges) to no-build-step Component Frameworks (oranges) though.

jfroehlich,
@jfroehlich@mastodon.social avatar

@zachleat so, why are you writing a build step for html then?

simoncox, to random
@simoncox@seocommunity.social avatar

TIL.

When you see ‘tge’ in a post you can quickly translate it to ‘the’ as it was originally written in fat fingers, a language many of us have to cope with.

Carry on.

jfroehlich,
@jfroehlich@mastodon.social avatar

@simoncox tgsnk yiu

sdw, to random
@sdw@mastodon.social avatar

We’re all here making fresh designs and Photoshop just casually has a UI that’s unchanged for a quarter of a century.

image/jpeg

jfroehlich,
@jfroehlich@mastodon.social avatar

@sdw they are busy optimizing the overall app performance. 🎭

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