Typora Markdown editor

Typora is a free cross-platform Markdown editor for Mac/Windows/Linux), it currently in beta stage and under active development. You might be thinking not another Markdown editor, with keyboard shortcuts and side panel preview and custom CSS options. Typora is a WYSIWYG (WhatYouSeeIsWhatYouGet) editor, this means you would not have a separate preview panel to the side for preview, this is a great way for writing content, because your source editor is your preview editor, that updates as you are typing, so you have more screen space for writing and focus while typing will be on the same window and not a separate panel. As the video below

It is one of the best Markdown editors I have ever used till date.

It has many other features similar to the other Markdown editors like Mou

  • Custom theme
  • Font customization
  • Window style(how the app should appear)
  • Word count

It is a great editor for a writer who wants to edit and view the preview in the same place and wants to have a larger amount of screen space used for editing area. Thank you for reading, if you have any question feel free to leave a comment below.

Emmet for Atom

Emmet is a plugin available for popular text editors that let you write HTML abbreviations without having to directly write HTML tags, instead use Emmet’s shortcuts.

It reduces the amount of HTML the user has to write and increases efficiency and saves precious time.

A simple example.

article>header  

All you have to do is hit TAB it will be parsed as.

<article>  
  <header></header>
</article>  

You can also create the default HTML5 template with:

html:5  

it will be parsed as

<html lang="en">

  <meta charset="UTF-8">
  <title>Document</title>

As you can see how much easier it is to use Emmet compared to writing HTML directly.

Emmet has officially made their plugin available for Atom editor that can be installed using APM

apm install emmet  

You can install it using the Atom plugin tab by going into the install menu and searching for emmet and installing the plugin by emmetio

Happy Coding!

You can access all the posts over Atom under atom and editor tag.

Have a question? Leave a comment below.

Visual Studio Code on Ubuntu

Microsoft recently announced Visual Studio Code in it’s BUILD conference. Visual Studio Code is a free build of Visual Studio that supports Windows, Mac, and Linux. Visual Studio Code is build mainly for developers who focus on ASP.NET or Node.js. It has Git integration, It’s a really good source/text editor currently in its preview stage and supports a few of these languages JavaScript, C#, C++, PHP, Java, HTML, Markdown, SASS, JSON, Python, Preview stage might have a few bugs as it live in development stage currently.

Installing Visual Studio.

Install ubuntu-make required for installing Visual Studio Code.

Adding the ubuntu-make ppa

sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make  

Updating the local package database.

sudo apt-get update  

Installing ubuntu-make.

sudo apt-get install ubuntu-make  

Downloading Visual Studio Code for Linux here.

Installing Visual Studio Code.

umake web visual-studio-code  

If you have any questions feel free to leave a comment below.

Atom on Debian/Ubuntu

Atom is a free open-source text/source editor for Mac OS X, Linux and Windows written in Node.js/C++/CSS/JavaScript and CoffeeScript with support for plugins written in Node.js and CoffeeScript. Atom offers embedded Git Control, Atom is developed by GitHub. Atom is based on Chromium. Atom can also be used as an IDE.

Atom comes with a build-in package manager APM. APM lets you install/create packages/plugins/themes for Atom. Atom recently added official .deb packages for Debian that can be installed on Debian or Debian based Linux distributions.

Installing

Downloading Atom official .deb package using curl.

curl -# -L -O https://github.com/atom/atom/releases/download/v0.139.0/atom-amd64.deb  

Unpacking and installing Atom on Debian/Ubuntu.

sudo dpkg -i atom-amd64.deb  

You can launch Atom from terminal.

atom  

If you want to launch Atom with a specific directory open as project enter the command below in the prefered directory.

atom .  

Happy Coding

Package Control on Sublime Text 3

What is Package Control?

Package Control is a package manager developed by Will Bond. Package Control can be used for downloading and installing plugins, Color Scheme and extensions developed by third party developers, The Package Control is really very useful because it can be always be used to add more features to Sublime Text.

Installing

The Package Control is written Python which makes it very easy to install and develop packages for it.

  • Go here.

  • Copy the code from the link above.

  • Open Sublime Text 3.

  • The built in Console of Sublime Text 3 by visiting to Menu > Views > Show Console

The Console would look like the image below.

Sublime Text 3 Console

  • Paste the code in the Console that you have copied from the link above.

You may require to restart Sublime Text 3

  • Access you Package Control by visiting Menu > Preferences > Package Control.

You package control must look like this

Sublime Text 3 Package Control

We now have Package Control installed on Sublime Text 3. The Color Scheme used in the screenshot is Solarized (Light).

If you have any problem with the steps above feel free to leave a comment below.