#Markup

#Design #Development #Introductions
How to draw with SVG code · Learn how SVGs work by creating graphics using only a text editor https://ilo.im/12abmv

_____
#GraphicDesign #WebDesign #WebDevelopment #WebDev #Frontend #Code #SVG #Markup #Drawing #CodeEditor #TextEditor

Choan Gálvez 🐐

I thought the era of putting any imaginable webpage block inside a list was long gone.

I was #wrong, it seems.

#markup, they say. Fucked up, I say.

#Development #Techniques
Fighting inter-component HTML bloat · Ways to deal with an unwanted byproduct in design systems https://ilo.im/11xzob · by @elise

_____
#DesignSystem #Webperformance #WebPerf #WebDevelopment #WebDev #Frontend #HTML #Markup #Accessibility #A11y

Dave Mackey

recent favorite web #discovery: https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference

It's a nice cheat sheet on a lot of #LaTeX / #MathJax #markup for creating #mathematical notation.

I get a strange pleasure from typing in the somewhat arcane markup to create beautiful mathematic formulas.

(I mainly use this when taking notes in #Obisidan)

#TeXLaTeX

Jan :rust: :ferris:

#Markup #OpenSource #TypeSetting #PDF #RustLang

I've recently thought about if there is not an easier to learn alternative to #LaTeX...and maybe even in #Rust!?

My inner voice: Come on, you are a dreamer!

Well...sometimes dreams come true:

#Typst - A new markup-based typesetting system that is powerful and easy to learn.

https://typst.app/

It is in beta and open source:
https://github.com/typst/typst

Marcus "MajorLinux" Summers

#Google #Pixel #Markup #Vulnerability #Redaction #Update #InfoSec #TechNews

The Pixel is not having a good couple of weeks...

Pixel Markup vulnerability lets some screenshots be un-redacted, un-cropped; fixed by March update https://9to5google.com/2023/03/18/pixel-markup-screenshot-vulnerability/

Someone using the crop tool on an image using a Pixel phone.

https://codeberg.org/kitten/app

Did someone say Markdown in components? Yep, you can now do that in Kitten (as of a few minutes ago in main).

Markdown support is now in the core renderer and every Kitten feature is now supported under Markdown as it is under HTML (Kitten conditionals, components, etc.)

Mix and match to your heart’s desire :)

:kitten:💕

#Kitten #SmallWeb #Markdown #markup #html #web #dev

$Screenshot with Helix Editor editing index.page on the left side of the screen and a browser showing the page rendered (it’s a mock blog example with a heading, a figure with my photo and the caption It’s-a me… Mario! Umm… Aral, an example of syntax highlighting in a code listing and a dynamic Comments section. Excerpt of code in editor: if (!db.comments) db.comments = [] const Footer = _ => markdown` <footer class='Footer'> --- Copyright (c) 2023-present, Aral Balkan. Released under [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)](https://creativecommons.org/licenses/by-nc-sa/4.0/) </footer> <style> .Footer { margin-top: 2em; margin-bottom: 3em; } .Footer p { text-align: center; font-size: small; } </style> ` // This is a demonstration of using the markdown tagged template function. export default _ => ({ markup: markdown` # My lovely blog ![Black and white photo (close-up) of a white passing man](https://ar.al/images/aral-432.jpg "It’s-a me… Mario! Umm… Aral.") Lots of interesting things, including code snippets: [code js] function say (message) { console.log(message) } [code] <h2>Comments</h2> <if ${db.comments.length === 0}> <p>No one’s commented yet… be the first?</p> <else> <ul> ${db.comments.map(comment => html`$

Christian Thomas

@stefandumont @resonanzfilter

Ich werfe mal meinen Tipp für den nächsten #RIDE #Review Award in den Ring.

Gut geschrieben, fair, kritisch, methodisch vorbildlich und durchaus innovativ (#TEI-#Markup-Analyse), transparent und sauber gemacht:

Frühwirt/Mayer/Stoxreiter: "Review of 'Theodor #Fontane’s #notebooks A ‘Digital Genetic-Critical and Commented Edition’'." RIDE 16 (2023). doi: 10.18716/ride.a.16.4.(https://ride.i-d-e.de/issues/issue-16/fontane-notebooks/)

#DigitalHumanities #DigitalScholarlyEditions #DHd2023

Dave Mark

https://www.youtube.com/watch?v=xvwafoBFZdA

Apple Support video: 🍿

"How to sign a document with Markup on your iPhone"

Worth watching, worth knowing. 👍🏻

#Apple #AppleSupport #Markup

https://codeberg.org/kitten/app

Right, I just made the end tags for <then> and <else> optional so now you can also write your conditionals like this! :)

#Kitten #SmallWeb #conditionals #markup

Screenshot of code:

<ul id='messages' @htmx:load='${js`
showPlaceholder = false
$el.scrollTop = $el.scrollHeight
`}'>
<if ${db.messages.length === 0}>
<then>
<li id='placeholder' x-show='showPlaceholder'>
No messages yet, why not send one?
</li>
<else>
${db.messages.map(message => html`<${Message} message=${message} />`)}
</if>
</ul>

¹ https://codeberg.org/kitten/app

Trying my best to ensure that the authoring experience with Kitten¹ is going to be delightful… and that includes error messages :)

PS. This one isn‘t in the main branch yet.

PPS. The first two links lead to the respective sections of the HTML spec, the last link leads to https://caninclude.glitch.me/caninclude?child=div&parent=p

#Kitten #SmallWeb #web #html #markup #authoring #design

Screenshot of Error 500 page in browser at URL https://localhost.

There is a minimalist illustration of a cute kitten playing with a ball of violet wool. Error code (500) is in large pink letters. Underneath that is the error mesage in violet:

SyntaxError: Unexpected close tag (p): <p>Moo <div>can’t have a div here</div></p>

(Check you haven’t put flow content where phrasing content is expected (e.g., a <div> inside a <p> tag, etc.)

The words “flow content”, “phrasing content” and “a <div> inside a <p> tag” are hyperlinks.

Under the error message is a Stack trace:

While running htmlSyntaxError in /src/lib/html.js (line 149, column 42)

While running <anonymous> in /src/lib/html.js (line 128, column 11)

While running String.replace in <anonymous>

While running Function.htm in /src/lib/html.js (line 79, column 9)

const firstOperand = Math.ceil(Math.random()*100)

(This is where the stack trace is cut off in the screenshot.)

Screenshot of same error message, scrolled down to show the whole stack trace. The stack frame that was cut off is shown in full:

While running Function.htm in /src/lib/html.js (line 79, column 9)

Source code:
const firstOperand = Math.ceil(Math.random()*100)
const secondOperand = Math.ceil(Math.random()*100)

return html`
<h1>Components</h1>

<p>This example demonstrates use of components.</p>

(There is an error pointing to the start of the html tagged template string, where the error occured.)

The stack trace ends with:

While running PageRoute.default [as _handler] in /index.page (line 8, column 14)
While running PageRoute.lazilyLoadedHandler in /src/routes/PageRoute.js (line 72, column 31)

Devin Prater :blind:

https://blindjournalist.wordpress.com/2023/02/26/how-to-write-a-radio-script-in-fountain/

Post from Robert Kingett: How to write a radio script in Fountain:

#accessibility #Fountain #text #markup #plaintext #blind

Jamie :coffefied:

#Html #CSS #MarkUp #Coding #Programming #WebDesign

Omg TrebEdit for Android is SO nice. ❤️

https://gitlab.com/html-validate/html-validate/-/issues/210

html-validate¹ is an awesome offline HTML validator written in Node.js (with accessibility validation, etc.) I just started looking into it and whipped up a little example to test it out.

In case it helps someone else get started with it, here’s the code:

Enjoy!

¹ https://html-validate.org

#html #validation #markup #web #dev #SmallWeb #accessibility

Also, countless thanks to @developit for the excellent htm and vhtml (https://github.com/developit/vhtml) modules which have made developing Kitten immeasurably easier.

:kitten: 💕

#SmallWeb #Kitten #html #xhtm #htm #vhtml #markup #web #dev

¹ https://codeberg.org/kitten/app

Kitten¹ ❤️ HTML :)

Over the weekend, I migrated Kitten from htm (https://github.com/developit/htm) to xhtm (https://github.com/dy/xhtm).

Among other things, you no longer have to close all your tags (<hr> instead of <hr />).

I want to take the opportunity to thank Dmitry Ivanov for working with me over the weekend and making eight releases over the last four days based on issues I uncovered while testing in #Kitten

#SmallWeb #Kitten #html #xhtm #htm #vhtml #markup #web #dev

iamdtms

8Petros [humanity is teamwork]_

All of Learn HTML! is available
by @rachelandrew https://web.dev/learn-html-available/
#HTML #APIs #semanticweb #markup

#markdown #markup solution needed.
If it comes to text processing, my daily driver is #LibreOffice @ Linux Manjaro and #Nextcloud with Collabora Office via #LibreWolf.
I realized, however, that more and more often I happen to publish texts in markdown-oriented environments, like #WriteFreely, #PeerTube or #LiberaPay to name a few.
Now, is there any EWYSIWYG solution for me? I was looking into LibreOffice extensions – nothing. NextCloud has a “markdown #editor”, which is apparently obsolete, and my instance won't touch it with a long stick.

So, what should I do now?

Feth

:troll: What is a better simple #text #markup language (both are extendable) ?

1) #restructuredtext brings file inclusion
2) #makrdown has public inclusion as it is popular in the striving RoR community

꧁~Rollback-ED-Cea~꧂

@T0xF01AE

Hmm..
I just noticed that koyu.space is flexing its #markup muscles.

#Impressive stuff @koyu

(Unless I'm Stupid_cea again and #mastodon supports it too ? :blobcatadorable: )

Drupad :verified:

@SRLevine Turning off mark up also is an excellent way to speed up your #Word processing overall. Showing #markup always slows down documents when they are a few pages long. #AcademiciansLifeHacks

Zac

#XML #DataTransfer #Markup

This is something that I have been thinking about a bit as of late

https://borretti.me/article/brief-defense-of-xml

Brian Small

🐓Misskey :misskey12_67: 🦅is way ahead of 🥚Twitly 🐣 !

Elon Musk has been promising longer tweets for a while, saying that the company was also working on introducing the ability to add formatting to the posts, such as bolding words or changing the font size.

- Blue Payers

#Misskey #Fediverse #MarkUp #ProprietarySNSs #BirdSite #Formatting

You don't have to pay a rich guy to do fun stuff :ablobcheer:

 "Hello Fediverse!"

Because Money is Stupid.

Ralf Barkow

@t73fde The Power of Plain Text
https://wiki.ralfbarkow.ch/view/the-power-of-plain-text

Wir versuchen, so weit wie möglich ohne #Markup auszukommen. #FederatedWiki #Zettelkasten

Ad Gerrits

After years of using Zim for notes I switched to Obsidian today. Thanks to the usage of markup 2 small renames were sufficient to reuse all notes made with Zim: markup rulez!
#zim #obsidian #markup

Antony "no h" Saba

#yaml #markup #programming #devops

OH: We are in the yaml-engineering era of computing after all

Marcel SIneM(S)US

Pandoc 3.0: freier #Markup-Dokument-Konvertierer erhält umfassendes Update | heise online https://www.heise.de/news/Pandoc-3-0-freier-Markup-Dokument-Konvertierer-erhaelt-umfassendes-Update-7464741.html #OpenSource

Dr Joshua Phillips

Society if oXygen consistently auto-closed open tags #xml #digitalhumanities #markup #nichehumour #TEI

tajpulo

Interested in #DigitalTypesetting? Typst is one of the most recent products.

Typst defines a custom typed markup language and generates PDFs with a rust software stack. Simultaneously, they develop a web editor for their #Markup language.

https://typst.app/

Via HackerNews ( https://news.ycombinator.com/item?id=32209794 https://news.ycombinator.com/item?id=34423590 )

1/2

Jake

Looks like #markup links work on the iOS clients I use (#Mastodon, #Metatext, #Ivory), but not the headings or bold or italics. Interesting. (Or maybe I'm doing something wrong.)

Toshimaru Ogura

Japanese translation
日本語に訳しました。

(Markup)欧州のプライバシーに関する権利章典は、本当に履行さているのだろうか？
https://www.alt-movements.org/no_more_capitalism/hankanshi-info/knowledge-base/markup_will-europes-privacy-bill-of-rights-ever-truly-be-enforced_/
#GDPR #markup

Toshimaru Ogura

Will Europe’s Privacy Bill of Rights Ever Truly Be Enforced?

A conversation with Tanya O’Carroll By Julia Angwin
January 14, 2023 08:00 ET
https://themarkup.org/hello-world/2023/01/14/will-europes-privacy-bill-of-rights-ever-truly-be-enforced

#GDPR #markup

Ready. Write. Web.

#a11y #web #accessibility

There are 8 #HTML #markup #attributes which take as a value the #id value of another #element in the same #document:

The first two are:

- for: Associates a label with a form element

- form: Associates an element with a form

The next six are #ARIA attributes:

- aria-activedescendant

- aria-controls

- aria-describedby

- aria-flowto

- aria-labelledby

- aria-owns

#development #overviews
#internet #semantics #webdevelopment #webdev #webperformance #link #markup #HTML

A theory of web relativity · The HTML ‘rel’ attribute has the potential to take the internet to the next level https://ilo.im/zwemz

“It plays an important role in providing meaning to the links, taking the Internet to the next level semantically, and boosting your site’s performance through the roof.” — Álvaro Montoro

Pete Prodoehl 🍕

Whatever happened to RecipeML?

➡️ http://www.formatdata.com/recipeml/

#food #recipe #markup #xml

Dohány Tamás

https://opensource.com/article/22/12/markup-languages-documentation #markup #documentation #writers

Button 🔘 semantic maxed out:
Buttons and the Baader–Meinhof phenomenon - Manuel Matuzović https://www.matuzo.at/blog/2022/button-baader/
#markup #html5 & #meta

Don Watkins

6 months ago

Our favorite markup languages for documentation | Opensource.com

#webdevelopment #techniques
#accessibility #a11y #ARIA #markup #semanticHTML #HTML

6 months ago

“Reduced usage of ARIA will, ironically, greatly increase accessibility.” — Dennis E. Lembrée https://ilo.im/zhqld

Terry Wallwork

6 months ago

The Alt Text feature for pictures is cool. Haven't tried the scan picture for text detail feature yet but if that works that will be nice.

#alttext #markup #pictures

Karl Voit :emacs: :orgmode:

#publicvoit #LML #markdown #AsciiDoc #Wikitext #reStructuredText #rst #pandoc

#Orgdown (= #OrgMode Syntax) Is One of the Most Reasonable #Markup Languages to Use for Text https://karl-voit.at/2017/09/23/orgmode-as-markup-only/

Wordlake Audio

Karl Voit :emacs: :orgmode:

’Wordlake Audio’ merch! Now available in all good #apple stores! 😉 #tech #markup #doitright #audiobook #book #booklover #audio #reading #war #bookworm #booknerd #fiction #audiobook #bibliophile #audiblebooks #bookish #bookaddict #audiobooknarrator #classics #book #books #booktwitter

#LML #Markdown #orgdown #AsciiDoctor #LaTeX #reStructuredText #rst #HTML

Irreal: A Discussion of #Markup Languages
https://irreal.org/blog/?p=10922

Joachim