6 Open Source Presentation Tools
As a software developer, PowerPoint, Keynote, or Google Sheets quickly become boring for presentations. You want something different, you want to create the presentation with Markdown files, HTML, or JavaScript. There are some open source solutions for that, like reveal.js, mdx-deck, Spectacle, remark, webslides or impress.js. Each solution allows you to create presentations yourself in minutes, push them to GitHub, and share them with your audience.
Personally, I have tried mdx-deck and Impress.js in the past. Which one do you use?
โ Links of the Week
- Last week I told you about ScrollMagic. This week I have another similar tool for you: lax.js. With lax.js you can also make great animations when the user scrolls too. Vaibhav Khulbe describes in his article "Create a crazy input interaction with lax.js. ๐คช" how you can also use lax.js when the visitor fills in an input field.
- I am a very big admirer of CSS-Art. I admire the patience, precision, and attention to detail that the artists invest. Among the CSS artists is Kass. Her Ring camera looks deceptively real, doesn't it?
- With React Icons it's a breeze to add Bootstrap, Feather, Font Awesome, Hero-, VS Code, css.gg, and more popular icons to your React app.
- Wouldn't it be great if you didn't have to change anything in your Docker container image and could still shrink it by a factor of up to 30x? That's what docker-slim promises!
- Static site generators are becoming more and more popular. Eleventy, a JavaScript alternative to Jekyll, promises to be another simple solution.
- While we're on the topic of static site generators, Speedlify lets you quickly and easily create a web performance and accessibility benchmark. Here are some Eleventy benchmarks.
- At work the other day we were discussing if and how it is possible to keep multiple React mini-apps in sync with Redux in one document. Here is a clear example that shows how it works. It's easier than you might think.
- When I started streaming, I also looked into the topic of "virtual-cams". Not because I use it with OBS, but because I wondered if I could use OBS' output in Skype, Slack, and other apps. And lo and behold, it's actually possible on macOS as well. Thanks to the open-source solution of John Boiles and the other contributors.
๐บ My latest Video
๐ฆ Tweets of the Week
๐ฅ New #JavaScript library.
Can't believe how fast I've built this.
Take a peek ๐
github.com/telmogoncalvesโฆ21:48 PM - 04 Mar 2020
Jhey ๐ป๐@jh3yy
You can also create glitchy text reveals with CSS ๐
Quite a neat effect for revealing text ๐ช
๐ dev.to/jh3y/css-glitcโฆ (3-minute read)
๐ codepen.io/jh3y/pen/mdyymโฆ via @CodePen17:12 PM - 12 Dec 2020
Jhey ๐ป๐@jh3yy๐ข CSS Tip!
DO NOT use <div> for progress bars! โ ๏ธ
Use the <progress> element ๐๐
You can style it up with CSS variables and some pseudo selectors ๐ช
๐ codepen.io/jh3y/pen/JjRbjโฆ via @CodePen13:31 PM - 10 Dec 2020
Say hello to VSCode Tinder aka VSinder:
stop swiping on bodies and start swiping on code :)15:15 PM - 09 Dec 2020
๐Julia Evans๐@b0rkbash cheat sheet: what (), {}, $(()), $(), ${}, [], [[]] mean
permalink: wizardzines.com/comics/bracketโฆ02:02 AM - 04 Oct 2020
๐ Special thanks to these inspiring people
Rajbir Singh@wohi_rajThe Stefan Natter @natterstefan followed me back... ๐คฉ๐คฉ๐คฉ07:24 AM - 04 Dec 2020
Baran@brnbbrWell, my Monday has just gotten way better. Big thank you to two of the OGโs @catalinmpit and @natterstefan for the follows!
Pressure is on now ๐20:57 PM - 07 Dec 2020
Francesco Ciulla@francescociull4๐งโโ๏ธPREDICTED! See ya in 1 year!
@eligarlo:1
@shookcodes :1
@natterstefan:24
@shrutibalasa:283
@albertkoz:26
@SeemaSaharan5:970
@JavaScriptCoff1:104
@igorasilveira:123
@DentedCode:265
@themarcba:316
@james_r_perkins:786
@Codeanddream:1640
@SimonHoiberg:1490
@catalinmpit:2200
๐งต๐17:08 PM - 07 Dec 2020
See you next week - thank you. ๐๐ป
Stefan
If you like my articles, you probably like my tweets and newsletter too. Let's stay connected on Twitter, LinkedIn, and GitHub.
This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article.
Top comments (1)
How exactly do you usually embed slides? IFrame?