rolle, to opensource
@rolle@mementomori.social avatar

Mastodon Bird UI v1.5.1 released! :neon_skull:

Changelog:

  • Fix server information links not visible after logging in (thanks @fofwisdom!)
  • Fix follow_requests order (thanks @tribela!)

Live demo: https://mementomori.social

Source code: https://github.com/ronilaukkarinen/mastodon-bird-ui

Installation instructions for admins: https://github.com/ronilaukkarinen/mastodon-bird-ui#installation-for-mastodon-instance-admins

Installation instructions for users: https://github.com/ronilaukkarinen/mastodon-bird-ui#installation-for-regular-users-contributing-and-testing

jsit, to programming
@jsit@social.coop avatar

@wikipedia Wikipedia should underline its in-article links. Often these are long noun phrases with two or more links in them, and you can’t know which words are links without hovering.

I know removing underlines has been basically de facto design on the web for the last 20 years, but it is bad for usability.

nmronline, to science
@nmronline@mstdn.science avatar
mattwilcox, to programming
@mattwilcox@mstdn.social avatar

Hey people... Do you know of any good examples of sites that deal with large volumes of page content, but AVOID the "mega menu" UI system - such as the one here https://www.matalan.co.uk/

I'm of the opinion that they're terrible for performance, hard to use (especially hover triggered), hard to design for flexibility and versatility, and should be avoided.

Amazon's "All" sidebar is better; but what other systems have you seen?

Amazon has a "drill down" single column view instead to deal with this huge Table of Content style data.

nosherwan, to programming
@nosherwan@fosstodon.org avatar

🌐
Why you should Invest in
Web Components:

A very well written article, that argues why it is the best time to invest in Web Components rather than anyone else's flavor of the month Front End Framework.

https://blog.bitsrc.io/web-components-are-dead-long-live-web-components-1de76ab4890d




jbzfn, to programming
@jbzfn@mastodon.social avatar

「 I had "separated my concerns", but there was still a very obvious coupling between my CSS and my HTML. Most of the time my CSS was like a mirror for my markup; perfectly reflecting my HTML structure with nested CSS selectors.

My markup wasn't concerned with styling decisions, but my CSS was very concerned with my markup structure.

Maybe my concerns weren't so separated after all 」
— Adam Wathan


https://adamwathan.me/css-utility-classes-and-separation-of-concerns

lukas, to webdev German
@lukas@metalhead.club avatar

Habe vor ein paar Tagen hier gelesen, dass einige Entwickler Gitea nutzen, um öffentliche GitHub Repos zu sichern, da so ein Repo auch mal schnell verschwinden kann. Wird halt ärgerlich, wenn man so Dependencies im Projekt hat.

Leider ist mir eben nur aufgefallen, dass diese Dependencies ja auch wieder Dependencies haben können.

Vielleicht sollte man eher den vendor und node_modules Order regelmäßig sichern.

Könnte auch weiter hoffen, dass so eine Situation nie passiert...

#webdev

pythonbynight, to PyConUS
@pythonbynight@fosstodon.org avatar

I finally got around to posting on my blog (it's been too long), with my retrospective on PyCon, as well as how I somehow (accidentally?) became a co-maintainer of an open source project.

Check it out here:

https://www.pythonbynight.com/blog/awesome-python-htmx

#PyConUS
@PyConUS

pythonbynight,
@pythonbynight@fosstodon.org avatar

The new project is another one of those "awesome" lists.

I'll probably write more about it at a later time, but if you have a passing interest in Python-based web design sans JavaScript, you may want to check it out.

The repo is a curated collection of Python packages using the PyHAT 🐍 🤠 stack (or some variation of it).

PyHAT: Python HTMX ASGI Tailwind

If you're looking for a declarative way of creating web apps, this may be for you!

https://github.com/PyHAT-stack/awesome-python-htmx

#Python
#webdev
#htmx
#tailwind

WebDevGreg, to programming

Just had a go with https://github.com/Juerd/tootpick for adding a mastodon share button to a @getkirby website I am working on as suggested by https://spreadmastodon.org First site using Kirby after years on another CMS and I am loving the way it works. Tootpick looks very professional as well.

larnius, to programming
@larnius@mastodontech.de avatar

Day 39 of is done, and it was again all about the four different kinds of loops in in action. The sheer amount of helper constants is kind of overwhelming for me, and I think I'll have to repeat some of the lectures before moving on. Day 40 up to day 40 are a milestone project, so I will find out quite quickly how well I understood all the control structure stuff...

jaandrle, to programming
@jaandrle@fosstodon.org avatar

🎉📹 Relive the magic of WebExpo 2023 with our collection of videos (https://slideslive.com/webexpo/webexpo-2023), and get a head start on next year's event with presale tickets! 🚀👨‍💻 With limited tickets available, this is your chance to secure your spot and join us for another unforgettable experience! https://webexpo.net/sessions/webexpo-conference-presale/

#webexpo #webexpo2023 #webdev

Linkedin source: https://www.linkedin.com/feed/update/urn:li:activity:7057268529963692032/

jaandrle,
@jaandrle@fosstodon.org avatar
zackery, to programming

npm install looking at my available storage.

#npm #webdev #javascript

nmronline, to science
@nmronline@mstdn.science avatar
itsjoshbruce, to art
@itsjoshbruce@phpc.social avatar

I'm working on an #art site with a gallery and full image views.

Some of the image themes warrant content warnings.

We plan a full-text content warning and alternative thumbnail images in the gallery view.

I'm considering a disclosure element (details) for the "full" image (for those who get sent directly to the page).

  1. As always, I have #Accessibility concerns and curiosities about the experience.
  2. As an art consumer, does this seem like a friendly solution?

#WebDev

chris_hayes, (edited ) to programming
@chris_hayes@fosstodon.org avatar

Finally realized I should be using dictation more for inputting text.
Having previously used Chrome "Speech Recognition" API for voice-to-text in websites. I'm both surprised and disappointed that the accuracy of MacOS's built-in dictate feature is noticeably worse than Chrome's.
What happened to the Apple that broke new ground with a revolutionary voice assistant?
#accessibility #webdev #apple

nmronline, to science
@nmronline@mstdn.science avatar

EVERYTHING TOGETHER & WILL WORK ON THE WEB!

#NMROnline has a growing software library, with titles integrated into seamless and efficient workflows, built with industry standards and best practices.

See you at #Euromar2023!

@bioinformatics @biophysics @chemistry @compchem @nmrchat @physics @strucbio

#biochemistry #bioinformatics #biology #biophysics #chemistry #CompChem #metabolomics #NMR #NMRChat #physics #SoftwareDevelopment #SoftwareEngineering #StructuralBiology #WebDev

fell, to gamedev
@fell@ma.fellr.net avatar

The #performance #profiling tools in a modern #browser like #Firefox or #Chrome are something I can only deam of when doing #gamedev #programming.

Yet, many websites are slow as fuck.

Do you work in #webdev? I want you to order an old phone from ebay right now. Like a Samsung Galaxy S4 or something. Go visit your website with it. Did you have a good experience? Well, 1 in every 10 visitors has that experience. Fix your shit.

rolle, to opensource
@rolle@mementomori.social avatar

Mastodon Bird UI v1.4.9 released! :neon_skull:

Changelog:

  • Fix content warning alignment, should be baseline instead of top
  • Add gap between the cw title and show-button
  • Increase contrast of show button
  • Fix cw button color in notifications
  • Fix hover size of the bookmark icon when in detailed status
  • Fix detailed status bar bookmark icon color on hover
  • Add account header handle to color light purple scope
  • Fix follow button color being different than the rest

Live demo: https://mementomori.social

Source code: https://github.com/ronilaukkarinen/mastodon-bird-ui

Installation instructions for admins: https://github.com/ronilaukkarinen/mastodon-bird-ui#installation-for-mastodon-instance-admins

Installation instructions for users: https://github.com/ronilaukkarinen/mastodon-bird-ui#installation-for-regular-users-contributing-and-testing

#OpenSource #Mastodon #MastodonBirdUI #CSS #UI #WebDev #MastoAdmin

Screenshot of Mastodon Bird UI, profile page view, profile of @rolle, dark theme
Screenshot of Mastodon Bird UI, feed view, dark theme
Screenshot of Mastodon Bird UI, feed view, light theme

hamatti, to programming
@hamatti@mastodon.world avatar

Sometimes we got to build workarounds to get around bugs that are not within our reach to fix (eg. a 3rd party library).

Those workarounds should be as short-lived as possible and to know when something is a workaround and when it's safe to be removed, we need to document it.

I ran into this at work while doing a code review the other day and decided to write a blog post.


https://hamatti.org/posts/how-to-document-a-workaround/

elly, to programming
@elly@front-end.social avatar
notsidney, to programming

I’m so excited to publish my new :
https://sidney.me/?ref=Mastodon

I’ve spent the last few months crafting my own home on the Web, and I wanted to make sure it presented me as a human, not defined solely by my work as a / .

This has also been a great opportunity to finally use & in a project. I love how easy it was to learn and how intuitive it is, as someone who started with vanilla HTML and CSS

james, to programming
@james@bne.social avatar

Pulled all the third-party includes off the Podcast Business Journal website. No more Google Fonts, no more calls to Facebook, no more dynamic forms. Much better for privacy. Next, to shift it all to an Amazon S3 bucket, say goodbye to Wordpress, and start with a new CMS.

schizanon, to programming
wiredprairie, to programming
@wiredprairie@mastodon.social avatar

I'm enjoying the ease of use of the npm package 'postgres'. I'd tried a few other options that were a bit more "ORM" and not had great success.

It's not simple -- but that's good as it's feature set is definitely robust. Also works well with Typescript.

It took me about 45 minutes to swap from Kysely.

https://www.npmjs.com/package/postgres

#NodeJS #JavaScript #Deno #Postgresql #ECMAScript #TypeScript #NPM

wiredprairie,
@wiredprairie@mastodon.social avatar

@nosherwan That looks nice too!

I'm including in my project an abstraction layer for data access so that when I inevitably feel the need to switch to a different library (or database!), the code I'll need to change will be contained.

One option I'd tried was TS first, but couldn't represent all the column/indexing/FK relationships.

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