#dev 2024-02-27

2024-02-27 UTC
geoffo joined the channel
#
[tantek]
right, was going to ask, do it in reverse. what's the animation visual effect you want, then use CSS to manipulation *that* property first/instead
jeremycherfas, bret and [Joao_Paulo_Pes] joined the channel
#
[Joao_Paulo_Pes]
> I wonder how Wikipedia adapts their horizontal timelines to mobile
#
[Joao_Paulo_Pes]
[tantek] they overflow horizontally. this timeline is an image, tho. not sure how that differs from actual html tables in practice.
#
[tantek]
ah that's unfortunate. looks like a fun design challenge tho
tPoltergeist and to2ds joined the channel
#
to2ds
Feels like the CSS bar has been raised.
#
to2ds
๐Ÿ˜„superkuh++
#
to2ds
Though it makes me question if CSS the optimal tech stack to recreate Rembrandts?
#
to2ds
Kind of reminds me of my computer architecture class solving the Towers of Hanoi in assembly language ๐Ÿ˜„
gRegorLove_, bterry, Blueberry_Eating, tPoltergeist, geoffo, gRegor and jacky joined the channel
#
[Al_Abut]
it is exactly NOT the optimal tech stack to create any kind of visuals, IMO. Thatโ€™s what makes it fun, the sort of hackiness of it.
#
[Al_Abut]
Iโ€™m kind of late to this party of using stylesheets for anything other than layout or formatting but I guess itโ€™s more human-readable than SVG?
[jeremycherfas] joined the channel
#
[tantek]
precisely, more human editable than SVG
geoffo, tPoltergeist, gRegorLove_, gRegorLove__, jacky and [Murray] joined the channel
#
[Murray]
Not sure if anyone else has been following along with this Netlify controversy over enormous bills on free-tier websites that have (unknowingly) suffered DDOS campaigns, but I find it equal parts scary (particularly as someone who uses Netlify ๐Ÿ˜…) and fascinating. Context: https://news.ycombinator.com/item?id=39520776 and https://www.reddit.com/r/webdev/comments/1b14bty/netlify_just_sent_me_a_104k_bill_for_a_simple/
#
[Murray]
Looks like the general policy is to forgive this kind of incident, and the Netlify CEO has responded and said that they're looking at changing this behaviour for non-commercial customers. That makes sense to me; the negative PR here has got to be non-trivial. This is a core reason why I've never been happy using an S3 bucket for image storage. I had a friend get hit with a *huge* bill using AWS because he accidentally left an API running and
#
[Murray]
got spammed over a weekend. Just seems bizarre that there aren't cutoffs and limits.
#
[Murray]
Anyway, all to say: if you're using Netlify, maybe keep an eye on usage at the moment. It seems these DDOS attacks are targeted more at the host than the sites themselves, so hard to predict. (PS based on the comments, Vercel is no better and seems less friendly about forgiveness)
#
sknebel
and like generally, if you use anything that purely bills by usage and has no clear policy on limits
#
sknebel
(main reason I use nothing "cloudy" for hosting, they all are pretty terrible about that)
#
[Murray]
yeah, but the alternatives are simply not as user friendly. I can't imagine going back to hosting a front end on something like a VPS; too much headache. Damned if you do, damned if you don't ๐Ÿ˜ž (tbc, I'm not saying AWS is "simple" or "user friendly"; more Netlify et al)
rrix, tPoltergeist and to2ds joined the channel
#
to2ds
[Al_Abut] - Definitely enjoy the hackiness aspect ๐Ÿ˜Š
#
to2ds
[tantek] - Very true. Can't recall a time I ever enjoyed manually editing SVG ๐Ÿ˜„
#
to2ds
[Murray] - It does seem a bit overkill to host a static site on a VPS, but it's nice to have things like iptables ๐Ÿ˜Š
#
to2ds
Though it's completely understandable that many would not want to mess with all those low-level tools just self-host a website.
jacky joined the channel
#
[Murray]
See, I've never even _heard_ of iptables ๐Ÿ˜„ I've been building, hosting, etc. websites for almost two decades, so either I've been missing out or it simply isn't a need I've ever had ๐Ÿ˜‰
#
jacky
does user-friendly mean "no terminal" at all?
#
jacky
I guess the existence of GUIs have superseded the idea that terminals can be
#
jacky
then again, it might also depend on the breadth/realm of what user is being expected to interface with things
#
jacky
and the lack of a "point something at a VPS service to make my site turn on" thing (though I'm sure they exist, https://surge.sh is one) that's also popular doesn't help the game
#
to2ds
[Murray] - I would consider not having to mess with iptables to be fortunate indeed ๐Ÿ˜„
#
jacky
^ true lol
#
to2ds
jacky - I'm always hoping that consoles/terminals become fashionable again.
#
[Murray]
I think it's fair to say that anything that relies on a CLI is automatically in the "bad UX" camp ๐Ÿ˜… By all means include a CLI, but I think I can count the number of my friends on one hand that would be comfortable using an interface like that, and they are all developers in one form or another
#
to2ds
I typically edit backend code in VIM over SSH on an iPad.
#
[Murray]
I've liked Netlify as a quick means for getting people on the web thanks to the drag'n'drop interface
#
[Murray]
_that_ is easy enough: write a file, drag it into an upload area, watch the progress bar, click View. Even that is probably too technical for most people I know, but as a starting point with someone else there, it's at least accessible and not hard to repeat once shown
#
to2ds
User friendliness is so important for novice website creators.
#
[KevinMarks]
editing SVG by hand can be fun in a puzzle kind of way - making the SVG versions of the bitmap icons was like that, and playing with the tiny icons to make them smaller
#
to2ds
The thing that frightened me the most were the floating point coordinates.
#
sknebel
[Murray]: but drag-and-drop file upload you also get with random traditional webhosting
#
sknebel
yeah, not "free", but also 0 risk of random surprise charge (and if you go the easy path and let them handle domains too even less technical DNS stuff to do yourself)
#
sknebel
(well, ok, not 0, companies mess up, but no policy of having them probably)
to2ds joined the channel
#
to2ds
You'd think hitting a bandwith cap would automatically take the website offline.
#
to2ds
It was like that in the old days if memory serves correct.
#
to2ds
Old days being turn of the 21st century :)
#
[KevinMarks]
You tend to get floating point coordinates with machine generated SVGs, not hand made ones. See https://www.kevinmarks.com/svgsparklines.html
#
to2ds
Oh cool!
tPoltergeist joined the channel
#
to2ds
The polyline is definitely readable and editable.
Guest6 joined the channel
#
[Murray]
[sknebel] Really? I guess I've never come across on that works that way. Pretty much every traditional host I've used has required understanding CPanel (or equivalent), finding the file system tools, and then using an FTP client to upload. Maybe I've just been unlucky ๐Ÿคท
#
sknebel
hm. trying to remember now which one I saw last (or rather who was using that so I can ask them who the provider was)
#
[KevinMarks]
I've had drag and drop ftp clients on mac since the 1990s
jacky joined the channel
#
to2ds
Are some hosting providers still allowing plain ol' FTP? ๐Ÿ˜ฑ
#
superkuh
I wish.
[lcs] joined the channel
#
[lcs]
(S)FTP is fairly standard still, no?
#
[lcs]
(and a much preferable way of editing files on the server compared to SSH and nano or whatevs, dont @ me!)
#
to2ds
Not sure. Haven't used a traditional hosting provider fir quite some time.
#
[lcs]
Me neither tbh, so maybe I'm just making up stuff here
#
[lcs]
But on a personal level. I'll jump on any excuse to use Transmit
#
aaronpk
I still edit files using Nova, an SFTP editor, directly on the server. Both on my VPS and Dreamhost shared hosting
#
to2ds
Hadn't heard of Nova.
#
[lcs]
Another great app from Panic [aaronpk]
#
to2ds
Is it a Mac only app?
#
to2ds
I'm on Win 11.
#
[lcs]
Yes I think Panic only make Mac apps.
#
to2ds
Ah! Okay.
#
[lcs]
Their apps are genuinely one of the reasons I prefer Mac over Win. I remember being very disappointed I couldn't find anything that matched the user experience of their apps the last time I had a private Windows computer.
[jamietanna] joined the channel
#
[lcs]
I'm sure it's a whole different landscape now, though. Must be more than a decade back
#
to2ds
I typically used PuTTY or SSH tool provided with the Git install, but at some point MS updated their console which simplifies my remote workflows.
#
to2ds
Haven't been on Mac since roughly 2018. May have to boot up my old Mini :)
#
[lcs]
Ironically I spend more time on a Windows computer (at work) than I do with my Mac at home :S
#
[lcs]
An old Mini sounds like the perfect way to try out a few Panic apps
lazcorp joined the channel
#
lazcorp
I've never played with sparklines before, but I'm thinking of creating a sparkline for my blog showing frequency of posting. The blog was launched in 2008 and currently has 221 posts. For the last year or two I've been posting 3-4 times per month. Sparkline experts: how many data points should I be using for a readable sparkline? How long should each point on the sparkline graph represent?
to2ds joined the channel
#
to2ds
Though with the emphasis on AI in Win, I'm thinking of switching OSs :)
#
capjamesg
I have some on my home page.
#
capjamesg
And category pages.
#
capjamesg
lazcorp I like them for illustrative purposes.
#
[KevinMarks]
I need to write up the sparkdot thing I do (plot each event at the exact time horizontally, increment the vertical for each point, reset the vertical every hour/day/week depending on the timescale)
#
[jamietanna]
I've done a very unreadable version https://www.jvt.me/post-frequency/ that needs some improvement at some point
#
capjamesg
"blogumentation" - love it!
#
to2ds
Blogumentation ๐Ÿ˜„
#
to2ds
That's a great neologism. Wondering if it could lead to blogumentaries some day? :D
#
capjamesg
[jamietanna]++
#
Loqi
[jamietanna] has 3 karma in this channel over the last year (4 in all channels)
#
to2ds
[jamietanna]++
#
Loqi
[jamietanna] has 4 karma in this channel over the last year (5 in all channels)
#
lazcorp
capjamesg - it looks like you're using a data point for each day (so the value for Feb 22 2024 is "2")
#
lazcorp
which suits your multi-posts-per-day posting
#
lazcorp
I think mine would work best with a data points for each month (e.g. "5" for the whole month of February 2024) posts for
#
lazcorp
That would give me ~187 data points to plot
#
lazcorp
which seems like a good figure for a sparkline
#
capjamesg
That's how I do it.
AramZS joined the channel
#
lazcorp
Thank you capjamesg++ [KevinMarks]++ [jamietanna]++
#
Loqi
[jamietanna] has 5 karma in this channel over the last year (6 in all channels)
#
lazcorp
capjamesg++
#
Loqi
capjamesg has 41 karma in this channel over the last year (162 in all channels)
#
lazcorp
[KevinMarks]++
#
Loqi
[KevinMarks] has 18 karma in this channel over the last year (36 in all channels)
#
lazcorp
(now I need to work out how to write a SQL query to retrieve the count-per-month from my blogpost table, but that's a problem for this evening
tPoltergeist joined the channel
#
to2ds
[KevinMarks]++
#
Loqi
[KevinMarks] has 19 karma in this channel over the last year (37 in all channels)
#
to2ds
capjamesg++
#
Loqi
capjamesg has 42 karma in this channel over the last year (163 in all channels)
jacky and gxt_ joined the channel
#
[KevinMarks]
Interesting on the difference of who you are relying on in mastodon vs bluesky https://merveilles.town/@lrhodes/111989082944931829
tPoltergeist, jacky and bterry joined the channel
#
[tantek]
Ugh. Embedded image that doesn't reflow on mobile, didn't read :(
mahboubine joined the channel
#
aaronpk
hahaha that's amazing
#
Loqi
awesome
#
aaronpk
that's a really good demonstration of the problem
#
aaronpk
Tailwind << comparison against semantic CSS https://nuejs.org/blog/tailwind-vs-semantic-css/
#
[Al_Abut]
Hilarious. And definitely my approach to my work. Glosses over the real reasons for the popularity of tailwind though a bit with some strawman arguments of why devs use it now.
#
[Al_Abut]
So most likely preaching to the choir
gRegorLove__ and gRegorLove_ joined the channel
#
[Al_Abut]
With that in mind, the manifesto for the underlying service is worth a read too: https://nuejs.org/blog/perfect-web-framework/
#
[Al_Abut]
This bit describes my life for the last few months: โ€œPopular frameworks like Next.js or Astro are optimized for JavaScript developers with a deep understanding of React, TypeScript, CSS-in-JS, Tailwind, and whatnot.โ€
[schmarty] and immibis joined the channel
#
[Joao_Paulo_Pes]
that's fantastic, love the ambition! will definitely keep an eye on it
#
[Joao_Paulo_Pes]
seems like there's a general feeling that front-end development is unnecessarily complex and straying away from the standards nowadays: https://frankchimero.com/blog/2018/everything-easy/
gRegor, [aciccarello], [jeremycherfas], [Murray], [tantek], IWSlackGateway, [schmarty], [Joao_Paulo_Pes], [KevinMarks] and [Al_Abut] joined the channel
#
[Al_Abut]
```Thatโ€™s a great article. This part hit me hard: โ€œwhile I canโ€™t identify spaghetti code as a designer, I sure as hell know about spaghetti workflows and spaghetti toolchains. It feels like weโ€™re there now on the web.โ€```
#
jacky
def agree that it's become more complex than necessary
#
jacky
something something "money man said no to making it easy"
gRegorLove__, [Paul_Robert_Ll], tryinbrian, [qubyte], gRegorLove_, gRegor, [tantek], jacky, angelo, Test2, jeremycherfas, geoffo and [Al_Abut] joined the channel
#
jacky
how often do folks tend to write longer posts from their phone?
#
jacky
or at least start there and aim to continue elsewhere?
#
jacky
been playing with https://tauri.app/ (versus https://nativescript.org/) to make a lil' Micropub client and wonder if (beyond me) anyone would want such a client
#
jacky
only downside (or upside depending on who you ask): the mobile client _would_ be effectively an app running a system webview on mobile
geoffo, tryinbrian, [capjamesg] and [Joe_Crawford] joined the channel
#
[Joe_Crawford]
When I do I tend to do the draft in an email to myself since I'm always in email. But the mobile (phone) experience on iOS for writing and proofing and particularly for formatting and adding links is tedious in the things I've tried. iPad slightly better but not by much.