Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
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 …

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 …

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 …

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, …

Kitty Giraudel 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 …

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 …

Chris Coyier 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 …

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.…

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 …

Agney Menon on Mar 25, 2020
  • 1
  • 2
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top