DEV Community

CodePen Radio

#246: Pop Out Previews

Show Description

Klare, Stephen, and Marie talk about the latest feature CodePen launched: grid modal view. How did we build this? Why did we build this? And, more importantly, what do we call it?

Time Jumps

  • 01:25 New feature launch
  • 05:25 Sponsor: Deque Axe
  • 07:46 Details view update
  • 13:50 Built using embed view
  • 16:50 Modals are back baby!
  • 18:32 Sponsor: Jetpack
  • 20:46 How was this built?

Sponsors

Deque Axe

Axe powered by Deque, is an automated accessibility testing tool that helps you quickly identify common accessibility bugs without leaving your browser. You can take your accessibility testing even further with axe Pro which includes 6 intelligent guided question/answer walkthroughs that help you identify bugs that can’t be found from automated tests.

Jetpack

Jetpack brings a wealth of features to your self-hosted WordPress site as one of the best no-brainer plugins for WordPress there is. One feature I just recently used for the first time was the video hosting and video player. I had a video clip that I just wanted to drag and drop into a blog post like I would an image, but it was a little too big. Fortunately I just uploaded it through WordPress.com, it was magically available in the Media dialog on my self-hosted site, and it worked perfectly.

Show Links

CodePen Links

Episode source