Coder Social home page Coder Social logo

ascii-comment-snippets's Introduction

#ASCII Comment Snippets

This project came about after being inspired by Arley McBlain's post on Sublime Text + Sass + Ascii Art For the Win. I've been typing out comments manually for entirely too long, so I put these comment snippets together.

Example:

When inside a .css/.scss/.less file ccolors(tab) expands into

/* 
 .d8888b.           888                           
d88P  Y88b          888                           
888    888          888                           
888         .d88b.  888  .d88b.  888d888 .d8888b  
888        d88""88b 888 d88""88b 888P"   88K      
888    888 888  888 888 888  888 888     "Y8888b. 
Y88b  d88P Y88..88P 888 Y88..88P 888          X88 
 "Y8888P"   "Y88P"  888  "Y88P"  888      8888P'                                             
*/

I'll be adding more all the time. If you come up with some of your own, pull request me. I'd love to build it out for as many languages as possible!

##Usage

Turning off word wrap is a good idea.

Each snippet begins with "c" for comment, namespacing the snippets a bit. If you're about to write a section of CSS for typography, you can do ctypography, ctypo, cfont or cfonts, then hit tab. As fantastic Ascii comment will be dropped into your code.

##Snippets

These are comment title - snippet trigger

###CSS

  • Typography - ctypography, ctypo, cfont, or cfonts
  • Breadcrumbs - cbreadcrumbs
  • Footer - cfooter
  • General - cgeneral
  • Global - cglobal
  • Grid - cgrid
  • Header -cheader
  • Layout - clayout
  • Lists - clists
  • Base - cbase
  • Media Queries - cmediaqueries
  • Modules - cmodules, cmods
  • State - cstate
  • Touch Styles - ctouch
  • Theme - ctheme
  • Colors - ccolors or ccolor

ascii-comment-snippets's People

Contributors

dgrebb avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

ascii-comment-snippets's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.