Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
markdown

18 Articles
{
,

}
Direct link to the article Making Mermaid Diagrams in Markdown
charts markdown

Making Mermaid Diagrams in Markdown

Mermaid diagrams and flowcharts have been gaining traction, especially with GitHub’s announcement that they are natively supported in Markdown. Let’s take a look at what they are, how to use them, and just as importantly: why.

Just like you …

Avatar of Paul Esch-Laurent
Paul Esch-Laurent on Apr 18, 2022
Direct link to the article Creating Your Own Bragdoc With Eleventy
eleventy markdown nunjucks

Creating Your Own Bragdoc With Eleventy

No matter what stage you’re at as a developer, the tasks we complete—whether big or small—make a huge impact in our personal and professional growth. Unfortunately, those tasks aren’t always recognized because they can easily get lost in the sea …

Avatar of Emily Leung
Emily Leung on Oct 20, 2021
Direct link to the article Considerations for Using Markdown Writing Apps on Static Sites
markdown

Considerations for Using Markdown Writing Apps on Static Sites

If you run or have recently switched to a static site generator, you might find yourself writing a lot of Markdown. And the more you write it, the more you want the tooling experience to disappear so that …

Avatar of Leon Barnard
Leon Barnard on Oct 6, 2021
Direct link to the article Responsible Markdown in Next.js
markdown next.js

Responsible Markdown in Next.js

Markdown truly is a great format. It’s close enough to plain text so that anyone can quickly learn it, and it’s structured enough that it can be parsed and eventually converted to you name it.

That being said: parsing, processing, …

Avatar of Kitty Giraudel
Kitty Giraudel on Aug 10, 2021 (Updated on Sep 5, 2021)
Direct link to the article Parsing Markdown into an Automated Table of Contents
IntersectionObserver markdown navigation vue animations

Parsing Markdown into an Automated Table of Contents

A table of contents is a list of links that allows you to quickly jump to specific sections of content on the same page. It benefits long-form content because it shows the user a handy overview of what content there …

Avatar of Lisi Linhart
Lisi Linhart on Nov 13, 2020
Direct link to the article xm
includes markdown preprocessors templating

xm

This is a neat little HTML preprocessor from Giuseppe Gurgone. It has very few features, but one of them is HTML includes, which is something I continue to be baffled that HTML doesn’t support natively. There are loads of ways …

Avatar of Chris Coyier
Chris Coyier on Oct 21, 2020 (Updated on Oct 22, 2020)
Direct link to the article Using Markdown and Localization in the WordPress Block Editor
localization markdown WordPress WordPress blocks

Using Markdown and Localization in the WordPress Block Editor

If we need to show documentation to the user directly in the WordPress editor, what is the best way to do it?

Since the block editor is based on React, we may be tempted to use React components and HTML …

Avatar of Leonardo Losoviz
Leonardo Losoviz on Sep 23, 2020
Direct link to the article Working With MDX Custom Elements and Shortcodes
gatsby markdown mdx react

Working With MDX Custom Elements and Shortcodes

MDX is a killer feature for things like blogs, slide decks and component documentation. It allows you to write Markdown without worrying about HTML elements, their formatting and placement while sprinkling in the magic of custom React components when necessary.…

Avatar of Agney Menon
Agney Menon on May 7, 2020
Direct link to the article An Introduction to MDXJS
markdown mdx

An Introduction to MDXJS

Markdown has traditionally been a favorite format for programmers to write documentation. It’s simple enough for almost everyone to learn and adapt to while making it easy to format and style content. It was so popular that commands from Markdown …

Avatar of Agney Menon
Agney Menon on Mar 25, 2020
Direct link to the article Embedded Content in Markdown
gatsby markdown oembed

Embedded Content in Markdown

Markdown supports HTML, so if you need to, say, embed a YouTube video, you can just copy and paste the embed code from them, drop it into a Markdown document, and you should be good to go. With YouTube specifically, …

Avatar of Chris Coyier
Chris Coyier on Dec 30, 2019
Direct link to the article How to Modify Nodes in an Abstract Syntax Tree
markdown node

How to Modify Nodes in an Abstract Syntax Tree

One of the more powerful concepts I’ve stumbled across recently is the idea of abstract syntax trees, or ASTs. If you’ve ever studied alchemy, you may recall that the whole motivation for alchemists was to discover some way to transform …

Avatar of Jason Lengstorf
Jason Lengstorf on Dec 26, 2019 (Updated on Jan 2, 2020)
  • 1
  • 2
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Agency Coaching
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top