Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

CSS 3
CSS 3

3.6K
907
+ 1
0
Markdown
Markdown

5.4K
3.9K
+ 1
966
Add tool

CSS 3 vs Markdown: What are the differences?

What is CSS 3? The latest evolution of the Cascading Style Sheets language. CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. It brings a lot of long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts like multi-columns, flexible box or grid layouts. Experimental parts are vendor-prefixed and should either be avoided in production environments, or used with extreme caution as both their syntax and semantics can change in the future.

What is Markdown? Text-to-HTML conversion tool/syntax for web writers, by John Gruber. Markdown is two things: (1) a plain text formatting syntax; and (2) a software tool, written in Perl, that converts the plain text formatting to HTML.

CSS 3 and Markdown can be categorized as "Languages" tools.

reddit, StackShare, and Asana are some of the popular companies that use Markdown, whereas CSS 3 is used by Simply Business, Ontuitive, and SupplyAI. Markdown has a broader approval, being mentioned in 756 company stacks & 718 developers stacks; compared to CSS 3, which is listed in 100 company stacks and 283 developer stacks.

- No public GitHub repository available -
- No public GitHub repository available -

What is CSS 3?

CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. It brings a lot of long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts like multi-columns, flexible box or grid layouts. Experimental parts are vendor-prefixed and should either be avoided in production environments, or used with extreme caution as both their syntax and semantics can change in the future.

What is Markdown?

Markdown is two things: (1) a plain text formatting syntax; and (2) a software tool, written in Perl, that converts the plain text formatting to HTML.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose CSS 3?
Why do developers choose Markdown?
    Be the first to leave a pro

    Sign up to add, upvote and see more prosMake informed product decisions

      Be the first to leave a con
      What companies use CSS 3?
      What companies use Markdown?

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with CSS 3?
      What tools integrate with Markdown?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      What are some alternatives to CSS 3 and Markdown?
      Sass
      Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
      Bootstrap
      Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
      PHP
      Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.
      JavaScript
      JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
      Python
      Python is a general purpose programming language created by Guido Van Rossum. Python is most praised for its elegant syntax and readable code, if you are just beginning your programming career python suits you best.
      See all alternatives
      Decisions about CSS 3 and Markdown
      Yashu Mittal
      Yashu Mittal
      Founder & CEO at CodeCarrot | 1 upvotes 7.1K views
      atCodeCarrotCodeCarrot
      Markdown
      Markdown
      Ruby
      Ruby
      Jekyll
      Jekyll

      Jekyll is an open source static site generator (SSG) with a Ruby at its core which transform your plain text into static websites and blogs.

      It is simple means no more databases, comment moderation, or pesky updates to install鈥攋ust your content. As said earlier SSG uses Markdown, Liquid, HTML & CSS go in and come out ready for deployment. Lastly it's blog-aware permalinks, categories, pages, posts, and custom layouts are all first-class citizens here.

      See more
      Johnny Bell
      Johnny Bell
      Senior Software Engineer at StackShare | 12 upvotes 204.8K views
      atStackShareStackShare
      styled-components
      styled-components
      Emotion
      Emotion
      Glamorous
      Glamorous
      Showdown
      Showdown
      Ruby
      Ruby
      GraphQL
      GraphQL
      React
      React
      Markdown
      Markdown
      #StackDecisionsLaunch
      #CssInJs
      #Frontend

      For Stack Decisions I needed to add Markdown in the decision composer to give our users access to some general styling when writing their decisions. We used React & GraphQL on the #Frontend and Ruby & GraphQL on the backend.

      Instead of using Showdown or another tool, We decided to parse the Markdown on the backend so we had more control over what we wanted to render in Markdown because we didn't want to enable all Markdown options, we also wanted to limit any malicious code or images to be embedded into the decisions and Markdown was a fairly large to import into our component so it was going to add a lot of kilobytes that we didn't need.

      We also needed to style how the markdown looked, we are currently using Glamorous so I used that but we are planning to update this to Emotion at some stage as it has a fairly easy upgrade path rather than switching over to styled-components or one of the other cssInJs alternatives.

      Also we used React-Mentions for tagging tools and topics in the decisions. Typing @ will let you tag a tool, and typing # will allow you to tag a topic.

      The Markdown options that we chose to support are tags: a, code, u, b, em, pre, ul, ol, li.

      If there are anymore tags you'd love to see added in the composer leave me a comment below and we will look into adding them.

      #StackDecisionsLaunch

      See more
      Jerome Dalbert
      Jerome Dalbert
      Senior Backend Engineer at StackShare | 5 upvotes 10.5K views
      atStackShareStackShare
      Rails
      Rails
      Ruby
      Ruby
      Markdown
      Markdown
      #StackDecisionsLaunch

      I needed to make stack decisions accept a subset of Markdown, similarly to sites like Reddit or Stack Overflow.

      I used the redcarpet Ruby gem for parsing, and Rails' sanitize helper made it very easy to only allow certain tags: links, bold, italics, lists, code blocks, paragraphs.

      Problem solved! #StackDecisionsLaunch

      See more
      Jonathan Pugh
      Jonathan Pugh
      Software Engineer / Project Manager / Technical Architect | 17 upvotes 125.1K views
      Pouchdb
      Pouchdb
      CouchDB
      CouchDB
      Font Awesome
      Font Awesome
      CSS 3
      CSS 3
      Apache Cordova
      Apache Cordova
      PhoneGap
      PhoneGap
      HTML5
      HTML5
      Ruby
      Ruby
      Babel
      Babel
      Webpack
      Webpack
      Visual Studio Code
      Visual Studio Code
      Figma
      Figma
      TypeScript
      TypeScript
      JavaScript
      JavaScript
      Framework7
      Framework7
      #Css
      #CSS3
      #SCSS
      #Sass
      #Less
      #Electron
      #HandleBars
      #Template7
      #Sketch
      #GraphQL
      #HTML5
      #GraphCool

      I needed to choose a full stack of tools for cross platform mobile application design & development. After much research and trying different tools, these are what I came up with that work for me today:

      For the client coding I chose Framework7 because of its performance, easy learning curve, and very well designed, beautiful UI widgets. I think it's perfect for solo development or small teams. I didn't like React Native. It felt heavy to me and rigid. Framework7 allows the use of #CSS3, which I think is the best technology to come out of the #WWW movement. No other tech has been able to allow designers and developers to develop such flexible, high performance, customisable user interface elements that are highly responsive and hardware accelerated before. Now #CSS3 includes variables and flexboxes it is truly a powerful language and there is no longer a need for preprocessors such as #SCSS / #Sass / #less. React Native contains a very limited interpretation of #CSS3 which I found very frustrating after using #CSS3 for some years already and knowing its powerful features. The other very nice feature of Framework7 is that you can even build for the browser if you want your app to be available for desktop web browsers. The latest release also includes the ability to build for #Electron so you can have MacOS, Windows and Linux desktop apps. This is not possible with React Native yet.

      Framework7 runs on top of Apache Cordova. Cordova and webviews have been slated as being slow in the past. Having a game developer background I found the tweeks to make it run as smooth as silk. One of those tweeks is to use WKWebView. Another important one was using srcset on images.

      I use #Template7 for the for the templating system which is a no-nonsense mobile-centric #HandleBars style extensible templating system. It's easy to write custom helpers for, is fast and has a small footprint. I'm not forced into a new paradigm or learning some new syntax. It operates with standard JavaScript, HTML5 and CSS 3. It's written by the developer of Framework7 and so dovetails with it as expected.

      I configured TypeScript to work with the latest version of Framework7. I consider TypeScript to be one of the best creations to come out of Microsoft in some time. They must have an amazing team working on it. It's very powerful and flexible. It helps you catch a lot of bugs and also provides code completion in supporting IDEs. So for my IDE I use Visual Studio Code which is a blazingly fast and silky smooth editor that integrates seamlessly with TypeScript for the ultimate type checking setup (both products are produced by Microsoft).

      I use Webpack and Babel to compile the JavaScript. TypeScript can compile to JavaScript directly but Babel offers a few more options and polyfills so you can use the latest (and even prerelease) JavaScript features today and compile to be backwards compatible with virtually any browser. My favorite recent addition is "optional chaining" which greatly simplifies and increases readability of a number of sections of my code dealing with getting and setting data in nested objects.

      I use some Ruby scripts to process images with ImageMagick and pngquant to optimise for size and even auto insert responsive image code into the HTML5. Ruby is the ultimate cross platform scripting language. Even as your scripts become large, Ruby allows you to refactor your code easily and make it Object Oriented if necessary. I find it the quickest and easiest way to maintain certain aspects of my build process.

      For the user interface design and prototyping I use Figma. Figma has an almost identical user interface to #Sketch but has the added advantage of being cross platform (MacOS and Windows). Its real-time collaboration features are outstanding and I use them a often as I work mostly on remote projects. Clients can collaborate in real-time and see changes I make as I make them. The clickable prototyping features in Figma are also very well designed and mean I can send clickable prototypes to clients to try user interface updates as they are made and get immediate feedback. I'm currently also evaluating the latest version of #AdobeXD as an alternative to Figma as it has the very cool auto-animate feature. It doesn't have real-time collaboration yet, but I heard it is proposed for 2019.

      For the UI icons I use Font Awesome Pro. They have the largest selection and best looking icons you can find on the internet with several variations in styles so you can find most of the icons you want for standard projects.

      For the backend I was using the #GraphCool Framework. As I later found out, #GraphQL still has some way to go in order to provide the full power of a mature graph query language so later in my project I ripped out #GraphCool and replaced it with CouchDB and Pouchdb. Primarily so I could provide good offline app support. CouchDB with Pouchdb is very flexible and efficient combination and overcomes some of the restrictions I found in #GraphQL and hence #GraphCool also. The most impressive and important feature of CouchDB is its replication. You can configure it in various ways for backups, fault tolerance, caching or conditional merging of databases. CouchDB and Pouchdb even supports storing, retrieving and serving binary or image data or other mime types. This removes a level of complexity usually present in database implementations where binary or image data is usually referenced through an #HTML5 link. With CouchDB and Pouchdb apps can operate offline and sync later, very efficiently, when the network connection is good.

      I use PhoneGap when testing the app. It auto-reloads your app when its code is changed and you can also install it on Android phones to preview your app instantly. iOS is a bit more tricky cause of Apple's policies so it's not available on the App Store, but you can build it and install it yourself to your device.

      So that's my latest mobile stack. What tools do you use? Have you tried these ones?

      See more
      Markdown
      Markdown
      Docker
      Docker
      JSON
      JSON
      TypeScript
      TypeScript
      Atom
      Atom
      Visual Studio Code
      Visual Studio Code
      Angular 2
      Angular 2
      #Sass
      #HTML
      #Java
      #Typescript

      More than year ago I was looking for the best editor of Angular 2 application and I've tried Visual Studio Code and Atom. Atom had performance issues that put me off completely to use it again. Visual Studio Code became my main editor #Typescript files (and partly editor of #Java files). I'm happy with Visual Studio Code and I've never look back on Atom. There wasn't any reason to try Atom again, because Visual Studio Code fulfills my requirements very well. I use it for editing of TypeScript, #HTML, #Sass, JSON, Docker and Markdown.

      See more
      JavaScript
      JavaScript
      CSS 3
      CSS 3
      HTML5
      HTML5

      I use HTML5 because it's mandatory. Everyone who isn't a programmer should learn this as their first language because you can instantly get visual feedback for what you did. It's also one of the easiest languages to learn as it's just a markup language to display content. Learning this and then CSS 3 and then JavaScript should be the future of what everyone has to learn.

      See more
      Labinator Team
      Labinator Team
      at Labinator | 13 upvotes 45.6K views
      atLabinatorLabinator
      Debian
      Debian
      Manjaro
      Manjaro
      Visual Studio Code
      Visual Studio Code
      Sublime Text
      Sublime Text
      WordPress
      WordPress
      PHP
      PHP
      Vanilla.JS
      Vanilla.JS
      Sass
      Sass
      CSS 3
      CSS 3
      HTML5
      HTML5

      At labinator.com, we use HTML5, CSS 3, Sass, Vanilla.JS and PHP when building our premium WordPress themes and plugins. When writing our codes, we use Sublime Text and Visual Studio Code depending on the project. We run Manjaro and Debian operating systems in our office. Manjaro is a great desktop operating system for all range of tasks while Debian is a solid choice for servers.

      WordPress became a very popular choice when it comes to content management systems and building websites. It is easy to learn and has a great community behind it. The high number of plugins as well that are available for WordPress allows any user to customize it depending on his/her needs.

      For development, HTML5 with Sass is our go-to choice when building our themes.

      Main Advantages Of Sass:

      • It's CSS syntax friendly
      • It offers variables
      • It uses a nested syntax
      • It includes mixins
      • Great community and online support.
      • Great documentation that is easy to read and follow.

      As for PHP, we always thrive to use PHP 7.3+. After the introduction of PHP 7, the WordPress development process became more stable and reliable than before. If you a developer considering PHP 7.3+ for your project, it would be good to note the following benefits.

      The Benefits Of Using PHP:

      • Open Source.
      • Highly Extendible.
      • Easy to learn and read.
      • Platform independent.
      • Compatible with APACHE.
      • Low development and maintenance cost.
      • Great community and support.
      • Detailed documentation that has everything you need!

      Why PHP 7.3+?

      • Flexible Heredoc & Nowdoc Syntaxes - Two key methods for defining strings within PHP. They also became easier to read and more reliable.
      • A good boost in performance speed which is extremely important when it comes to WordPress development.
      See more
      Helio Junior
      Helio Junior
      CSS 3
      CSS 3
      JavaScript
      JavaScript
      Python
      Python
      #Electron
      #NodeJS
      #UXdesign
      #DataScience

      Python is a excellent tool for #DataScience , but up to now is very poor in #uxdesign . To do some design I'm using JavaScript and #nodejs , #electron stack. The possibility of use CSS 3 to draw interfaces is very awesome and fast. Unfortunatelly Python don't have (yet) a good way to make a #UXdesign .

      See more
      Interest over time
      Reviews of CSS 3 and Markdown
      No reviews found
      How developers use CSS 3 and Markdown
      Avatar of StackShare
      StackShare uses MarkdownMarkdown

      We鈥檙e using Markdown parsers for Reviews, Blog Posts, and Stack Description (the text you鈥檙e reading right now). We鈥檙e using Bootstrap Markdown for content input (except for reviews) and RedCarpet for rendering in certain places.

      Avatar of Wing Tang Wong
      Wing Tang Wong uses MarkdownMarkdown

      Markdown represents a highly portable and lightweight text formatting. I had converted all of my Wordpress posts to Markdown prior to migrating over to Jekyll and eventually to Hugo. The fact that many generators support Markdown means that my content remains portable regardless of the platform/engine I use.

      Avatar of Volkan 脰z莽elik
      Volkan 脰z莽elik uses MarkdownMarkdown

      What you see is not what you get, never it is.

      Documentation is better in Markdown format. You don鈥檛 need anything special to read it.

      It is compact, portable, comparable.

      Markdown is my text file format of choice.

      Avatar of Jeff Flynn
      Jeff Flynn uses MarkdownMarkdown

      Because it is almost an effortless markup language without ever having to write an HTML tag. Of course, you'll want to use it in environments that make it look pretty (GitHub, etc.)

      Avatar of Roger Salomonsson
      Roger Salomonsson uses MarkdownMarkdown

      Using StackEdit to edit markdown files for blog roll and about sections. MD files are stored in Google Drive and pushed to GH pages through StackEdit.

      How much does CSS 3 cost?
      How much does Markdown cost?
      Pricing unavailable
      Pricing unavailable
      News about CSS 3
      More news