evan, to webdev
@evan@cosocial.ca avatar

What's the best place to host a single page client-side app in 2023 on one's own domain with SSL?

Is the answer still “GitHub Pages”, or is there something better?

VincentTunru, to webdev
@VincentTunru@fosstodon.org avatar

Question for the @frontend community:

What benefits would you say Web Components have over a framework's components, besides not being tied to a framework?

schizanon, (edited ) to webdev
@schizanon@mas.to avatar

If there was an element that changes it's content when users interact with other elements on the page, what name would it have?

PLEASE NOTE: I am not suggesting that this element needs to exist; I am only asking what it would be called. I'm building a CustomElement, I just want it to have a name that makes sense.

Vote and suggest others in replies. Please boost for reach!

tournesol, to webdev
@tournesol@peculiar.florist avatar

Je suis assez fan du rendu, même si c’est pas parfait, ça fonctionne et ça me satisfait.

Je suis particulièrement fier la façon dont le site change de disposition en fonction de la taille de l’écran ​:meow_puffy_melt:​

J’ai encore pleins de choses à apprendre sur tout pour optimiser le site mais ça reste vachement cool

Site tournesol.me sur écran moyen. La biographie est au sommet et le reste des cartes est empilé sur plusieurs 2 colonnes
Site tournesol.me sur écran de portable. La biographie est au sommet et le reste des cartes est empilé sur une seule colonne

scy, to webdev
@scy@chaos.social avatar

I need to convert #HTML to #Markdown 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)

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

#askFedi :BoostOK:

joelanman, to webdev
@joelanman@hachyderm.io avatar

Campaign to deprecate &lt;a&gt; and rename it &lt;link&gt; or maybe &lt;l&gt;
If you need to link to a position on a page you can use id

5t3ph, to webdev
@5t3ph@front-end.social avatar

📝 New post:
"A Call for Consensus on Semantics"

Partly a rant, minorly educational, mostly a call for help.

https://thinkdobecreate.com/articles/a-call-for-consensus-on-html-semantics/

aardrian, to accessibility
@aardrian@toot.cafe avatar

I have been reading through the State of HTML 2023 results site (https://2023.stateofhtml.com/) and I am so disappointed in the overall #accessibility efforts — both in the questions and in the code.

This may become a blog post.

I filed 3 issues today, have filed 15 since late 2022, and only 2 have been addressed:
https://github.com/Devographics/Monorepo/issues/created_by/aardrian

But these surveys keep pushing problematic info in problematic UIs, giving the wrong impression of… everything.

#a11y #HTML

Edent, (edited ) to webdev
@Edent@mastodon.social avatar

A #SemanticWeb poll for all my
#HTML friends!

Suppose you have comments on your website. They all have a valid <time> element in them.

Comments are displayed in a nested list, with the oldest first.

Should you use:

lazyq2, to webdev

Anyone else feels #html heading ranks (h1 to h6) are meant for documents like MS Word documents/essays and that the HTML spec should have a generic <caption>/<legend> element for UI components like product lists, widgets, article lists, etc.?

In my interpretation <ol><li><a><article><h1>(product name... is the correct structure for a list of product thumbnails #semantics wise, but I doubt this is right for #accessibility in practice. #webdev

jensimmons, to CSS
@jensimmons@front-end.social avatar

Dear people who make websites,

Now that Safari 17.4 is available, what other new web technology — HTML, CSS, JS, Web API, media support, etc — would you like to see supported in Safari next?

What’s most needed?
What will you use it for?
Or how will it help your team serve your users?
Tell me a story…

emmanuelc, to CSS French
@emmanuelc@mamot.fr avatar

Dites, développeuses z'et développeurs, régulièrement, dans mon cercle professionnel direct, j'entends dire que vous n'aimez pas #CSS (voire #HTML).
Question sérieuse et qui n'appelle pas à réveiller quelconque troll ou débat sans fin : pourquoi n'aimez-vous pas ce langage ?
Qu'est-ce qui vous chiffonne, vous rebute ?
D'où vient votre éventuel manque d'intérêt ?
J'ai déjà des éléments de réponse proches de moi, mais je suis curieux d'élargir la question ici.

#dev #webdev #webdesign

fell, (edited ) to programming
@fell@ma.fellr.net avatar
schizanon, (edited ) to webdev
@schizanon@mas.to avatar

Dear

Who are your favorite and who have stopped posting to Twitter? People who support and in the community on the instead of chasing engagement on a hate-site?

I want to them!!!

Luke, to webdev
@Luke@typo.social avatar

Just got totally distracted. Someone slap me out of it!

Also, finally exploring dark and light themes, obv.

#darkMode #lightMode #perfersDark #html #css #panic #nova #webDesign

html css mac classic OS6 light mode

jake4480, to webdev
@jake4480@c.im avatar

HTML, no CSS. In the Blue Thermic HTML Editor, Windows 98.

jake4480, (edited ) to webdev
@jake4480@c.im avatar

Tiny websites have always fascinated me, along with internet web portals (which haven't been a thing for many years-- at least in the way we used to know them). I'm talking a simple HTML page with just a graphic or two, and a bunch of links. Something that might resemble the early days of Yahoo, etc.

The idea for this site I made has been buzzing around in my head for a while now. It is NOT responsive, there is NO JavaScript, and there's just a TINY bit of CSS. The whole site (one HTML page) is only about 9kb!

A simple site like this one might look primitive compared to some of the huge, complicated websites we see as standard on the internet today, but this site is guaranteed to work on any browser or device.

I used links for sites/documents that I frequent or use a lot, and mixed in my own personal projects for fun. It's a super simple page-- mostly for my own usage. But I really love the design of it!

I call it 'Mr Beamer's Old Timey Web Portal' 😂

EDIT: I moved it to Neocities! ⬇️

http://oldtimeywebportal.neocities.org

#html #simplesites #webportal #webportals #htmlmostly #css #bareboneshtml #weirdweb #personalsites #personalwebsites #indieweb

joelanman, to webdev
@joelanman@hachyderm.io avatar

In HTML, don't use type="number" use type="text" inputmode="numeric" instead.

number silently restricts input, inputmode provides the number keyboard on mobile without any of the downsides.

Error messages are far more helpful than input restriction - this goes for maxlength too

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

I have come to understand some people still do not know color-scheme, and that it's a nice way to make dark mode scrollbars without doing the things @eric will tell you is a bad idea :)

So here you go!

https://sarajoy.dev/blog/color-scheme/

codemonkeymike, to php

I'm so tired of VSCode randomly breaking on me. users, I want to join you. Is any Helix user coding in

I just need to get over setting that up. Any tips? Is it just adding languages.toml to my helix directory?

Wernerprise, to webdev German

Hallo Fediverse, hallo Medibubble,

eine kurze Vorstellung:

Ich bin Texter und Online-Redakteur, schreibe auch sonst viel; ich gestalte Websites in HTML, mit WordPress oder anderen CMS, arbeite außerdem gelegentlich als Sprecher, Podcast-Produzent, Sounddesigner – um mal die wesentlichen Dinge genannt zu haben.


aral, to SmallWeb
@aral@mastodon.ar.al avatar

I’m really enjoying the new Streaming HTML workflow in Kitten…

In this 15 second video, I cycle through the options in a selection box using the keyboard and the rest of the interface updates in response.

✨ There’s no custom client-side JavaScript making it happen. ✨

It’s all server side.

The changes stream to the client as HTML and are morphed into place via idiomorph.

So simple and maintainable.

💕

https://vimeo.com/908339606

jake4480, to art
@jake4480@c.im avatar

Updated the old timey web portal a bit and moved it over to Neocities!

https://oldtimeywebportal.neocities.org

jake4480, to webdev
@jake4480@c.im avatar

Trying out GodoRogue tonight. It's great! You can use the keyboard commands or mouse directly to different locations, how you can see in the screenshot - the yellow line. And you can play this one in-browser. It was made in HTML5!

https://itch.io/queue/c/3248131/in-browser?game_id=959783

#roguelike #roguelikes #HTML5 #rogue #Godot #GodoRogue #IndieGames #HTML #ItchGames #DungeonCrawlers

jake4480, (edited ) to internet
@jake4480@c.im avatar

For those who remember MySpace, a dude made a full clone of it that WORKS and looks the same (and is pretty epic) over at https://spacehey.com. Check out some of those profiles! Wild. 🤣

(UPDATE: if you make an account and wanna add me, I'm https://spacehey.com/jake4480)

#SocialMedia #SocialMediaHistory #TechHistory #MySpace #SpaceHey #2000s #00s #aughts #HTML

  • 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