@f11xter@cupoftea.social
@f11xter@cupoftea.social avatar

f11xter

@f11xter@cupoftea.social

Manchester / London UK

a programmer
studying computer science
beginning a career in web development
interested in simplicity and accessibility

a musician
studying cello
performing with the Woodlark Quartet
working on relaxation and tone

a person
just about keeping houseplants alive
missing a cat called Natasha (she's back home)
enjoying a year of commitment

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

Whiskeyomega, to random
@Whiskeyomega@cupoftea.social avatar

@Tusky is there any way to fix notifications on android? I only get them when I open the app.

f11xter,
@f11xter@cupoftea.social avatar

@Whiskeyomega have you checked the app's background power settings? The OS may be sending it to sleep.

Whiskeyomega, to manchester
@Whiskeyomega@cupoftea.social avatar

Shorts weather!

f11xter,
@f11xter@cupoftea.social avatar

@Whiskeyomega isn't it glorious. Though I notice half the population are still wearing winter coats!

scy, to webdev
@scy@chaos.social avatar

I need to convert to and I'm looking for a tool to do that.

The output should

• preserve line breaks in paragraphs
• not contain additional, unnecessary linebreaks (e.g. 4 empty lines between paragraphs)
• be configurable (e.g. whether to use * or _ for emphasis, or * vs - for unordered lists)
• if possible, allow me to hook into details (e.g. to convert <pre class="shell"> to ```sh)

or . Alternatively, what's a really configurable prettifier?

:BoostOK:

f11xter,
@f11xter@cupoftea.social avatar

@scy I've recently been using dprint for prettifying. It's got plenty of options (though I don't know where your "really configurable" threshold is)

collinsworth, to random
@collinsworth@hachyderm.io avatar

Thinking about the mental gymnastics required to say "React is the most popular; it won; React is king; there's no sense in choosing anything else" while ALSO staring at a mountain of data that shows PHP is like 20 times more popular than React.

f11xter,
@f11xter@cupoftea.social avatar

@amyworrall @collinsworth depends on your definitions I guess. Personally I'd consider PHP frontend (or full stack?) because it deals in "stuff the user sees", whereas Express.js for example would be backend because it does not.

Also I'd guess the React stats are mostly using a React framework (as recommended by the docs) like Next rather than just the library, in which case they would be competing directly.

f11xter, to Astro
@f11xter@cupoftea.social avatar

I've been building a site with today and it's been really good, except for a weird type error that I couldn't get to the bottom of. After an hour of copying examples directly from the docs and them still not work, I managed to fix it. What did I change? Nothing. Astro had just decided that I didn't deserve to live that hour on my own terms.

f11xter,
@f11xter@cupoftea.social avatar

@sarajw I'm pretty sure you can turn of TS, but this was a runtime error unfortunately :(

davatron5000, to random
@davatron5000@mastodon.social avatar

Let it be know that on this day, January 28th, 2024 at 7:44am, my cable hoarding paid off when my son needed a USB-B Micro cable to charge a Wii U controller.

f11xter,
@f11xter@cupoftea.social avatar

@davatron5000 that's enough proof for me to continue cable hoarding for at least another 10 years

amminadabz, to webdev

What if artists pursued HTML/CSS as a medium? Like outside of web design as a means to an end, just creating images, static or interactive, by writing code.

Has this been done? If I'm the first to try it, can anyone really complain if it sucks ass?

f11xter,
@f11xter@cupoftea.social avatar

@amminadabz not sure it's quite what you're thinking but https://cssdrawings.com/ and https://css-only.art/ have some cool stuff. Also check out

f11xter, to random
@f11xter@cupoftea.social avatar

Was clicking through @sarajw 's CSS Joy and having a great time, so just a few hours later I've joined! Go check it out: https://cs.sjoy.lol

joelanman, to CSS
@joelanman@hachyderm.io avatar

Do you use the adjacent selector in CSS? I'm thinking of using it for extra margin above a heading when it comes after a paragraph. But maybe thats not the best approach, could be preceded by a ul, img, whatever

f11xter,
@f11xter@cupoftea.social avatar

@joelanman I use the lobotomised owl selector for this. Don't remember where I picked up this snippet from but I use it all the time.

.flow > * + *  {<br></br>  margin-block-start: var(--flow-space, 1em);<br></br>}<br></br>
Whiskeyomega, to random
@Whiskeyomega@cupoftea.social avatar

Whats the tea of choice at the moment for everyone ?

f11xter,
@f11xter@cupoftea.social avatar

@Whiskeyomega English breakfast is my go-to

mvriel, to CSS

I believe that one of the biggest positive changes I made when upping my skills is to adopt the naming conventions (https://en.bem.info/methodology/naming-convention/) and start thinking about my HTML structure in terms of blocks, elements and modifiers.

f11xter,
@f11xter@cupoftea.social avatar

@mvriel if you like blocks and modifiers I recommend giving https://cube.fyi a look. Similarly

f11xter,
@f11xter@cupoftea.social avatar

@vintprox @mvriel ooh I haven't heard of that - will check it out :)

Whiskeyomega, to random
@Whiskeyomega@cupoftea.social avatar

Still not putting the heating on....

f11xter,
@f11xter@cupoftea.social avatar

@Whiskeyomega I woke this morning to condensation caking the windows but I won't cave yet (though I fear my flatmates may soon force my hand)

chrisarter, to firefox

What browser are you using?

I love FireFox, but more and more frequently things just simply don't work and nobody seems to care (understandable, it's a tiny market share).

So I end up having to switch to Chrome or Safari to complete some task.

As a user I don't want to see the web monopolized to just two choices. Diversity is good, albeit a pain in the ass as a dev myself.

Most alternatives are just Chromium under the hood 😧

f11xter,
@f11xter@cupoftea.social avatar

@chrisarter do you have any examples of things that don't work? I hear people discuss it often but after 5 years with firefox being my only browser (apart from when testing my websites) I've never run into any issues.

f11xter,
@f11xter@cupoftea.social avatar

@chrisarter ah that makes sense. I guess I'm at an advantage making my sites firefox-first then ;)

css, (edited ) to CSS
@css@front-end.social avatar

🎨 Divtober #1: Fall

Demo: https://codepen.io/t_afif/full/GRPBqWE via :codepen: @codepen

Online Version: https://css-only.art/divtober-2023/#fall

f11xter,
@f11xter@cupoftea.social avatar

@css @codepen this looks so cool! Got any recommendations for how to learn how to do this kind of thing?

Whiskeyomega, to random
@Whiskeyomega@cupoftea.social avatar

Discord is broken

f11xter,
@f11xter@cupoftea.social avatar

@Whiskeyomega oh phew thought it was just me! Web client is working though.

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

Threw out a short little blog post. Based on what I just blurted out in the discord 😅:

https://sarajoy.dev/blog/the-web-changed/

f11xter,
@f11xter@cupoftea.social avatar

@sarajw throbbers is my new favourite technical jargon

also, "but we're still waiting" sounds like something out of a horror

Edent, to Futurology
@Edent@mastodon.social avatar

🆕 blog! “Let's close all the ticket counters”

I bloody hate this cartoon that's doing the rounds (I think it's by the incredibly talented Len in Private Eye). Here's what I want the caption to say: OK, one more time: Get here at least 30 minutes early because the queue barely moves and you'll inevitably be stuck behind someone trying to pay for […]

👀 Read more: https://shkspr.mobi/blog/2023/09/lets-close-all-the-ticket-counters/
⸻

f11xter,
@f11xter@cupoftea.social avatar

@Edent I'm very technologically savvy but even I've been caught out due to bad luck. Without a human ticket office to help me out I would've been stranded 6 hours from home with nowhere to stay and no money for a same day train.

The fact that the system is confusing means a human interface is more important in my opinion.

lettersfromafriend, to random

Are images broken across Mastodon or is it just or just me?? Tried two different apps and after two days still no avatars or photos visible. Alt text displayed instead.

Thanks

f11xter,
@f11xter@cupoftea.social avatar

@lettersfromafriend as a fellow cupoftea.social-iser I can say images are fine for me using the Megalodon app.

michael, to webdev
@michael@thms.uk avatar

Oh my. This article ‘The case against self-closing tags in HTML' is a blast from the past!

I sure am glad that we've abandoned ! What a pain it was!

https://jakearchibald.com/2023/against-self-closing-tags-in-html/

f11xter,
@f11xter@cupoftea.social avatar

@michael I learnt mostly from mdn where they use them everywhere so seeing that they aren't required came as a shock

Whiskeyomega, to random
@Whiskeyomega@cupoftea.social avatar

Tidied up the https://cupoftea.social/about page for

You can now donate directly from there !

f11xter,
@f11xter@cupoftea.social avatar

@Whiskeyomega fancy!

sarajw, (edited ) to random
@sarajw@front-end.social avatar

Anyone interested in how I built up https://sarajoy.dev ?

Particularly the visual effect of the scrolling/sliding tabs.

I want to and open it up to questions. It will take me a while, and I feel happier having something out there sooner rather than later - but who knows if it'll help me get it done :)

I'm nervous, because I'm not sure the site as a whole is as accessible as it should be!

Here is the work in progress:
https://sarajoy.dev/blog/scrolling-tabs/

f11xter,
@f11xter@cupoftea.social avatar

@sarajw ah that does sound frustrating. I'm starting full time work on Monday so I'm looking forward to attempting (likely failing) to do some writing on the commute.

f11xter,
@f11xter@cupoftea.social avatar

@sarajw haha wise words that I imagine will become something of a mantra of mine ;)

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