Day: December 29, 2021

Posted on

On Yak Shaving and md-block, a new HTML element for Markdown

Category Image 091

Lea Verou made a Web Component for processing Markdown. Looks like there were a couple of others out there already, but I agree with Lea in that this is a good use case for the light DOM (as opposed to the shadow DOM that is normally quite useful for web components), and that’s what Lea’s does. The output is HTML so I can imagine it’s ideal you can style it on the page like any other type rather than have to deal with that shadow DOM. I still feel like the styling stories for shadow DOM all kinda suck.

The story of how it came to be is funny and highly relatable. You just want to build one simple thing and it turns out you have to do 15 other things and it takes the better part of a week.

The demos on the landing page for <md-block> shoot over to CodePen using the prefill API. Figured I’d embed one here too:

To Shared Link — Permalink on CSS-Tricks

Posted on

348: With Jhey

Featured Imgs 23

Jhey Tompkins is one of the most prolific CodePen creators out there! Find him as @jh3y on CodePen and @jh3yy on Twitter. His creations tend to have a twist of whimsey while being beautifully designed as well as pushing the platform in unique ways. You’ll always be surprised at a Jhey Pen! I talk with him about the creative process, problem-solving, and sharing what you learn.

Time Jumps

  • 00:37 Guest introduction
  • 04:57 The origins of the bear pen
  • 06:12 What’s your process?
  • 11:00 Sponsor: Notion
  • 12:46 Do you feel satisfied when a project is finished?
  • 15:04 Incorporating sound
  • 16:02 Working with Kent Dodds
  • 19:43 Starting with problem solving as an interest
  • 21:00 Video and streaming
  • 25:00 Working with Egghead
  • 29:49 Do you try to keep up with all the things?

Sponsor: Notion

For companies of all sizes, Notion provides one central and customizable workspace that can be tailored to fit any team and bring all teams together to get more done and move faster. Notion is an all-in-one team collaboration tool that combines note-taking, document sharing, wikis, project management, and much more into one space that’s simple, powerful, and beautifully designed. Find out how Notion may be the missing piece your team needs to grow, get more done, and delight everyone who uses it in the process.

The post 348: With Jhey appeared first on CodePen Blog.