Figma
Figma
Out of context: Reply #74
- Started
- Last post
- 78 Responses
- mort_3
Chuffed with all the updates but just looking at the generated markup from some of the Figma sites templates and it's far from semantic. Everything is a div.
view-source:https://insert-quilt...
- class="css-654654 css-2352467 css-3463
css-346345 css-8424" empty divs are the beststed - Do we still need semantic?grafician
- I’ve never cared about code for a site when visiting. Nor should I.monospaced
- Semantic markup must be important for AI chatbots search suggestion right?mort_
- exactly.. why should u care how sth.
works... useless..neverscared - Semantic is important if the content's worthwhile and to be shared, redistributed direct from HTML or needs to be parsed by some sort of screen-reader.Nairn
- But sure, fuck blind and deaf people.Nairn
- this type of source code: takes more time to load, makes more traffic, and that costs money. lol the entire text is in aria label, this stuff generates junksted
- Ooooof div div div div div div divprophetone
- nested afprophetone
- The templates are fairly sluggish alright.mort_
- It's weird because the have all the semantic elements for dev mode in Figma. Maybe just a beta thing and they'll improve it.mort_
- "Div soup" was common with Web 1.0 WYSIWYG editors — and extremely problematic with SEO, load time (esp. then), etc.; This won't be good.evilpeacock
- oof... ugly :/PonyBoy
- DESIGN TO HTML only works, worth using daily if html/css follows expected semantic structure/logic, frontend devs can’t output, unspagetti traffic accident htmlprophetone
- I have to assume this is beta output logic and they’re going to incorporate a step in render that beautifies the code, it’s the base requirement hereprophetone
- Or maybe they are more focused on the code never leaving their ecosystem as the cms will no doubt be a subscription, cannot be localizedprophetone
- Just found an "accessibility" panel in the right menu when you select an element in sites. It allows you to assign a tag to the element.mort_
- Pretty tedious way to go about it.mort_
- LOL go open a Facebook or Instagram page and check out the source code
< this is acceptable compared to spaghetti code from Metagrafician - Facebook and Instagram are walled gardens, not part of the open hyperlinked web so you're comparing apples and orangesmort_
- uhm Meta must have even MORE accesibile websites and apps than most...
But sure, visit google, cnn, any other major website and look at code for a huge messgrafician - Semantic web sounds like a good idea, but nobody codes websites in Notepad for decades...grafician
- I guess you mean you haven't, I use Zed which is basically Notepadprophetone
- If the point is to 'take over' the dev stage here, which it is, clean and semantic is only way to share efficiently across devs, teams, the planetprophetone
- Let's get real they are intending to make this a one stop shop, designer to output useable code product, it has to be useable and open, not proprietary garbageprophetone
- I don't have 45 META dev's hunched over their laptops sobbing and praying for the end in a dark basement because their job is to de-bug their insane code 24/7prophetone
- @sted: you must _adore_ Tailwind, eh?Continuity
- You can do a LOT with Readymag lol
https://readymag.com…grafician - Not to mention Cargow...grafician
- This should be fun.palimpsest
- Dreamweaver vibesKrassy
- Dreamweaver actually wrote decent html and css compared to these junkyardssted
- If you want to compare it to something that this is the equivalent of MS Frontpagested
- *thensted
- @sted - yeah, it's kind funny to compare the worst excesses of 'bad era' Dreamweaver code for what passes muster these days. We've seriously regressed.Nairn
- which is to say, even the first iterations of DW spat out way more comprehensible code than... <this pile of dog shit, shat, eaten up and sicked out again.Nairn
- class="css-654654 css-2352467 css-3463