Software Alternatives, Accelerators & Startups

CodePen VS Obsidian.md

Compare CodePen VS Obsidian.md and see what are their differences

CodePen logo CodePen

A front end web development playground.

Obsidian.md logo Obsidian.md

A second brain, for you, forever. Obsidian is a powerful knowledge base that works on top of a local folder of plain text Markdown files.
  • CodePen Landing page
    Landing page //
    2018-09-30
  • Obsidian.md Landing page
    Landing page //
    2023-09-01

CodePen videos

What Is Codepen?

More videos:

  • Review - Learn to use CodePen from a co-founder of CodePen
  • Review - Using CodePen For Inspiration & Learning

Obsidian.md videos

OBSIDIAN: Getting Started, Facts & Pricing

Category Popularity

0-100% (relative to CodePen and Obsidian.md)
Text Editors
100 100%
0% 0
Knowledge Management
0 0%
100% 100
Programming
100 100%
0% 0
Note Taking
0 0%
100% 100

User comments

Share your experience with using CodePen and Obsidian.md. For example, how are they different and which one is better?
Log in or Post with

Reviews

These are some of the external sources and on-site user reviews we've used to compare CodePen and Obsidian.md

CodePen Reviews

8 Best Replit Alternatives & Competitors in 2022 (Free & Paid) - Software Discover
Codepen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn.
Best Online Code Editors For Web Developers
Probably the most popular online code editor. CodePen is fast, easy to use, and allows a web developer to write and share HTML/CSS/JS code online.
Source: techarge.in
Top 25 websites for coding challenge and competition [Updated for 2021]
CodePen is a cool online IDE that allows you to write code in your browser and see the result just as you build it. CodePen challenges is a place for leveling up your skills by building things. Each week, new challenges appear for you to tackle, and the best “Pens” get picked.
6 Coding Playgrounds For Web Developers
Codepen is probably one of the most popular coding playgrounds out there. Chris Coyier of CSS Tricks is a co-founder/co-creator of Codepen, which probably explains why this web app looks grand. Aside from its sleek visuals, Codepen displays live previews of the changes you make in its editor, making it easier to see cause and effect.

Obsidian.md Reviews

  1. The kind of software that may change your life

    Perhaps you know someone who swears by Obsidian, it may seem like a cult of overly devoted people for how passionate they are, but it's not without reason

    I've been using Obsidian for over 3 years, at a point in my life when I felt I had to handle too much information and I felt like grasping water not being able to remember everything I wanted, language learning, programming, accounting, university, daily tasks. A friend recommended it to me next to Notion (of which he is a passionate cultist priest) and I reluctantly picked it and fell in love almost immediately.

    Obsidian seems very simple, like a notepad with folder interface, similar to Sublime Text, but the ability to link files together in a Wiki style allows you to organize ideas in any way you want, one file may lead to a dozen or more ideas that are related

    If you want to do something specific, Obsidian has a plethora of community created plugins that expand the functionality, in my case, I use obsidian to organize my classes both as a teacher and as a student, using local databases, calendars, dictionaries, slides, vector graphic drawings, excel-like tables, Anki connection, podcasts, and more

    🏁 Competitors: Notion, Evernote
    👍 Pros:    Awesome community|Custom plugins|Local hosting|Beautiful themes|Highly customizable|Cloud storage|Becomes more useful over time|Markdown support
    👎 Cons:    Seems complicated/complex at first|Takes time to set up your personal workspace|Overwhelming for first time user
  2. My personal knowledge-base of choice

    I've been using Obsidian for more than a year. It's been great. I think it offer a great balance of control, flexibility and extensibility. What is more, you own your own data, that's been a must-have feature for me. I just can't imagine putting all my knowledge into something that I don't have control over.

    I think two of the most popular alternatives that people consider are Logseq and Roam Research. Although Logseq is a bit different, it's considered compatible with Obsidian. Supposedly, you can use them with a shared database (files. Both use simple text files for storage). I tried that once, a few months ago. It worked, yet it messed up a bit my Obsidian files ¯_(ツ)_/¯.

    🏁 Competitors: Logseq, Roam Research

The 6 best note-taking apps in 2024
One thing to note: Notion bills itself as an Evernote competitor for personal users. It can be—but it's too much for most people, and its offline functionality isn't the best. If you love the idea of Notion, go right ahead and try the free Personal Plan, but for me, it's really best as a team notes app or an AI-powered notes app. Something like Obsidian (which we'll look at...
Source: zapier.com
The best note-taking apps for collecting your thoughts and data
This app is the kind of thing that, if you’re into it, will have you exploring its various ins, outs, and add-ons for days and weeks on end. Obsidian uses the Markdown format for its notes (which means they can be used on a variety of other apps). Your notes and other media are kept locally in a Vault (in other words, a main folder). There are ways to sync between devices...
The best encrypted note taking apps
For a consumer coming from Evernote, Notion, OneNote, or a similar product, we would advise trying Obsidian along another product on this list as it has the largest learning curve. However, if you are an expert with markdown, experts, linking, and graph views, Obsidian could be an excellent choice. Like many other configuration options, Obsidian leaves end-to-end encryption...
Source: www.skiff.com
Supercharge Your Productivity: Three Recommended Tools for Thought
One of my AP Productivity: Cohort mentors has a powerful system pairing Obsidian with OmniFocus. In OmniFocus, he builds his project and task structures, and in Obsidian he develops and organizes the project support materials as well as other relevant information. Because it’s easy to link to an Obsidian note or an OmniFocus project, he can seamlessly navigate back and forth...
Source: medium.com
Logseq vs Roam Research vs Obsidian: which one should you choose?
Block Reference and block embeds: Adding block reference and block embeds in Logseq is simple. You use double-open parentheses (( and type to search the block you want to link. In Obsidian, you have to first add the link to the note and then use # to embed headers and ^ to embed blocks.– Obsidian also makes it hard to see the origin of block references, as they are only...
Source: medium.com

Social recommendations and mentions

Based on our record, Obsidian.md should be more popular than CodePen. It has been mentiond 1459 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

CodePen mentions (489)

  • 5 engineering interview hints
    Previously, you would write solutions on paper or a whiteboard, but now most interviews are remote. The coding and algorithmic sections are usually conducted using online editors with limited syntax highlighting and code suggestions. You must be comfortable writing code in your chosen language, stay fluent, and be able to debug and test your solutions. Practice on platforms like leetcode, CodePen or CodeSandbox to... - Source: dev.to / 3 days ago
  • Top CSS Websites for Developers: Elevate Your Frontend Skills
    CodePen is an online code editor and community for front-end developers. It allows you to write HTML, CSS, and JavaScript code directly in your browser and see the results instantly. CodePen is a fantastic platform for experimenting with CSS, sharing your work, and discovering what other developers are creating. - Source: dev.to / 16 days ago
  • Flems.io
    Flems.io is similar to online editors like CodePen or JSFiddle, but has one unique selling point. You do not need an account or any external memory: Flems.io stores all data in the URL!. This is ideal for short tests and demos provided on dev.to or other online media. - Source: dev.to / 27 days ago
  • Enhance CSS view transitions with Velvette
    See the Pen Todo list transition by david omotayo (@david4473) on CodePen. - Source: dev.to / about 1 month ago
  • Building the Blocks of the Web: A Beginner's Guide to HTML
    The key to mastering HTML is consistent practice. Experiment with different tags, attributes, and layouts to solidify your understanding and gain creative confidence. There are many online playgrounds like CodePen [https://codepen.io/] where you can experiment with HTML, CSS, and JavaScript code. - Source: dev.to / about 1 month ago
View more

Obsidian.md mentions (1459)

  • My 111-Day Experience with The Odin Project
    What do I use to document everything? Obsidian notes. - Source: dev.to / 2 days ago
  • How can I upload images through the API?
    I have written an Obsidian plugin that can publish notes from Obsidian as articles on DEV.to, which also deals with some Obsidian specific stuff, e.g. Converting Obsidian medialinks to markdown links, separating title from content, and convert MathJax syntax to proper {% katex %} expressions; and it can handle subsequent updates, by storing the article id as metadata after the article is created. - Source: dev.to / 2 days ago
  • From Chaos to Clarity: My Journey with Obsidian
    The article definitely assumes you know that 'Obsidian' is a reference to the text editor found at https://obsidian.md/. - Source: Hacker News / 22 days ago
  • How to remember everything for standup
    I've encountered a lot of engineers who keep a journal and pen around, but you could also use a note-taking app like Notes, Obsidian, or Notion. - Source: dev.to / 21 days ago
  • HTTP request from Obsidian notes
    Are you an Obsidian user looking to elevate your note-taking experience with dynamic data integration? Look no further than APIR (api-request) – an Obsidian plugin designed to streamline HTTP requests directly into your notes. - Source: dev.to / about 1 month ago
View more

What are some alternatives?

When comparing CodePen and Obsidian.md, you can also consider the following products

JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

Joplin - Joplin is a free, open source note taking and to-do application, which can handle a large number of notes organised into notebooks. The notes are searchable, tagged and modified either from the applications directly or from your own text editor.

CodeSandbox - Online playground for React

Notion - All-in-one workspace. One tool for your whole team. Write, plan, and get organized.

GitHub - Originally founded as a project to simplify sharing code, GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.

Logseq - Logseq is a local-first, non-linear, outliner notebook for organizing and sharing your personal knowledge base.