amoroso, to retrocomputing
@amoroso@fosstodon.org avatar

This short history of web development is a useful overview for me as I haven't kept close tabs on the field. The post seems to cover all the main frameworks but a notable omission is Tailwind CSS.

https://gebna.gg/blog/brief-history-of-web-development

tommi, to CSS
@tommi@pan.rent avatar

Hey @piccalilli!

I found https://buildexcellentwebsit.es extremely insightful and inspiring! It pushed me to finally completely restructure my personal website’s #CSS, after many years of mess.

I used the awesome https://utopia.fyi to generate the vars, (actually, I am using the SCSS library).

Unfortunately, though, I find the massive use of all those calc() and clamp() functions to be quite heavy in terms of performance… #Lighthouse gave the website a very bad performance score (see screenshot). It even seems that while scrolling the page it lags (😳) even if it’s super simple and built with pure #HTML and CSS!

Do you have any ideas or suggestions? 🤔

Thank you so much for all the interesting things you share! ❤️🚀

(The current unstable development version of my website is at https://dev.tommi.space/, I am using the homepage as reference)

Cc: @j98 + @trys

#WebDesign #WebDev #browser #BuildExcellentWebsites #PersonalWebsite #CSSGrid #PageSpeed

westbrook, to webdev
@westbrook@mastodon.social avatar

#vite would be such a better tool if it wasn't doing some non-platform thing with platform primitives at every turn. Or at least, could it have a "vite, but for people who actually like the web" configuration option?

🤦‍♂️

#webdev

stux, to webdev
@stux@mstdn.social avatar

React Three Fiber Browser Games For Desktop & Mobile

A little while ago I started my adventure in React Three Fiber and I have created some browser based games and flashy sites in the meanwhile.

https://stux.me/web-dev/react-three-fiber-browser-games-for-desktop-mobile/

cferdinandi, to webdev
@cferdinandi@mastodon.social avatar
cheeaun, to til
@cheeaun@mastodon.social avatar

#TIL Intl.NumberFormat with compact notation doesn't work for thousands in German language.

E.g.: 10000 → 10.000 instead of "10 Tsd.". But, 10000000 → "10 Mio."

I guess "Tsd." doesn't really compact it much unlike English's "10K" 🤷‍♂️

Relevant research: https://github.com/dart-lang/i18n/issues/156#issuecomment-1513218006
> "Tsd does not occur in the CLDR data" https://st.unicode.org/cldr-apps/v#/de/Compact_Decimal_Formatting/ff7ca46dee120b1

#JavaScript #Intl #WebDev

cory, to tech
@cory@social.lol avatar

🔗: 'Web components' considered harmful via Mayank https://www.mayank.co/blog/web-components-considered-harmful/

deconspray, to webdev
@deconspray@mastodon.social avatar

Understanding the Role of ARIA Role=alert: Best Practices and Common Issues

https://buff.ly/3UZiFxk

vitriolix, to programming
@vitriolix@mastodon.social avatar

a clock that uses it's own source code as the clock face

https://aem1k.com/qlock/

Crell, to security
@Crell@phpc.social avatar
cferdinandi, to webdev
@cferdinandi@mastodon.social avatar
doefom, to webdev
@doefom@mastodon.social avatar

Recently a friend of mine pointed me towards HTTPie, a currently free Postman alternative which feels quite similar but less bloated. Also, besides the desktop app they've built a CLI client supporting form submissions and what not which is super fun to use. I personally prefer working with UIs in most cases but judging from GitHub with 32k stars as of today there might be some folks that feel a little different about the CLI topic.

Check it out here: https://httpie.io/

#webdev

Jeremiah, to webdev
@Jeremiah@alpaca.gold avatar

Every time I have to code a HTML table I miss Macromedia Dreamweaver a whole fuckin’ lot. Where is the open source version of that?

I wish VS Code had a barebones WYSIWYG editor. I think it would replace most Markdown use cases for me.

#WebDev

josh, to microsoft
@josh@vickerson.me avatar

Parts of #Microsoft #Edge get up to 76% faster by dropping #React in favor of Web Components.

React's days may finally be coming to an end 🤞

https://blogs.windows.com/msedgedev/2024/05/28/an-even-faster-microsoft-edge/
————
#WebDev #WebComponents

cferdinandi, to webdev
@cferdinandi@mastodon.social avatar
dulvui, to CSS
@dulvui@mastodon.social avatar

If you ever wondered how to force clear the browser's cache of your css:
style_1.0.css
style_1.1.css
style_1.2.css
...

Simple but effective.

seaotta, to webdev
@seaotta@toot.cafe avatar

Hey crew - It's a perfect weekend to stock up on technical & educational books this weekend as EVERYTHING is 50% over at Manning Publications!

That means my book "Design for Developers" is 50% off! Snag a physical copy so you get all the pages in color (it makes a difference!)

🔗 https://www.manning.com/books/design-for-developers?utm_source=stimac&utm_medium=affiliate&utm_campaign=book_stimac_design_4_19_22&a_aid=stimac&a_bid=5f6ba095

wez, to webdev
@wez@fosstodon.org avatar

In 2024, for a locally hosted app that should feel fast, are there good reasons to prefer a pagination UX for an html table vs. showing all ~5k rows and just scrolling through them?

FWIW, I dislike the pagination UX, and resent seeing images load lazily on a 10Gbps network.

The underlying query is essentially instant; the bottleneck appears to be the browser, and I can ~solve that by batching DOM updates.

What's the prevailing wisdom here?

#webdev

NeussWave, to webdev German

Ich mag eine #Website machen, möglichst reines #HTML 4, möglichst ohne #Javascript. CSS 3 wenns sein muss, sonst eher 2.

Die Website soll möglichst auf Chrome genauso laufen wie auf Netscape (die Älteren werden sich erinnern...) und auch in Text-Browsern wie Lynx oder w3m.

tl;dr: Die Seite soll auch noch funktionieren, wenn javascript und css ausfallen.

Wie würde ich da denn "Tabs" machen? Oder was wären Alternativen zu tabs?

#Webdev #Programming

doefom, to Laravel
@doefom@mastodon.social avatar

Macros are one thing I enjoy using the most in . It's a way to extend the functionality of many built-in by providing custom callbacks for a specific key.

One production example I use macros for fairly often is what I call the "admin alert". Especially in smaller applications I want to get notified whenever an error or an event occurs the admin (mostly that's me) should know about.

Here's what this might look like.

docalabordage, to webdev French
@docalabordage@mamot.fr avatar

Mastodon ! Une asso dont je suis membre cherche à refaire son site internet, avec un CMS libre tant qu'à faire, plutôt sur SPIP. est ce que vous connaissez des boites qui propose des presta sur SPIP ?

XeroLinux, to foss
@XeroLinux@fosstodon.org avatar

I so much want to use this theme but translating site with Google Translate is making it hard lol. Can anyone here help me with it ?

https://solitude.js.org/

doefom, to webdev
@doefom@mastodon.social avatar

Here's another interesting tag. <mark> lets you highlight certain parts of your text to draw extra attention to it.

One real world example where this can be especially useful is highlighting the parts of your search results that match the search query. Or at least that's where I regularly use it.

Any more ideas on where this might be useful?

image/png

joelanman, to webdev
@joelanman@hachyderm.io avatar

not sure about loading=lazy in html, I'm sure it makes the initial page load quicker but the pop in of images is distracting

WebAxe, to accessibility
@WebAxe@a11y.info avatar

Interested in speaking at WP Accessibility Day? Virtual event October 9. Submit a preso here: https://2024.wpaccessibility.day/speaker-application-2024/

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