tutorial

Composer on Mac

by

Composer is a dependency manager for PHP, that lets you manage dependencies by offering install/uninstall and options like creating projects. It manages dependencies for you, big projects like Laravel framework and CMS like Grav use it to manage dependencies. It’s easy to install it on Mac, all you have to do is run this curl … Read more

Homebrew on Mac

by

Homebrew is a package manager written in Ruby for Mac OS X which lets you install and setup packages that are not part of the system or need come from a different source. Homebrew is commonly used by developers of all types to replace outdated system packages or install will lesser or no hassle, Homebrew … Read more

IO.JS on Mac

by

IO.JS is a folk of Node.js that uses the latest build of Google’s V8 Engine and supports ES6, in some performance benchmarks IO.JS is faster than Node.js The performance benchmarks of IO.JS vs Node.js can be found over here. IO.JS is recommended if you are working on a new project, if you are using a … Read more

Emmet for Atom

by

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 must write and increases efficiency and saves precious time.

A simple example.

article>header  

Code language: HTML, XML (xml)

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

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

Code language: HTML, XML (xml)

You can also create the default HTML5 template with:

html:5  
Code language: HTML, XML (xml)

it will be parsed as

<html lang="en">

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

Code language: HTML, XML (xml)

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  
Code language: Bash (bash)

You can install it using the Atom plugin tab by going into the install menu, 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.