Skip to content

Instantly share code, notes, and snippets.

Avatar

Jitendra Vyas jitendravyas

View GitHub Profile
@jitendravyas
jitendravyas / atomic-vs-oocss.html
Created Nov 7, 2016 — forked from chinchang/atomic-vs-oocss.html
Comparing code for OOCSS and Atomic CSS
View atomic-vs-oocss.html
<!--
Example: A simple list component with each item as a block one below other with some padding and border.
-->
<!-- Atomic CSS -->
<ul class="MB(baseSpacing) Bgc(#0280ae)">
<li class="P(halfBaseSpacing) BdB(1px)"></li>
...
</ul>
@jitendravyas
jitendravyas / keymap.cson
Created Oct 11, 2016 — forked from paulmsmith/keymap.cson
emmet + nunjucks in atom with snippets
View keymap.cson
'atom-text-editor[data-grammar="text html nunjucks"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'
'atom-text-editor[data-grammar="source nunjucks"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'
#https://github.com/atom/autocomplete-plus/issues/86#issuecomment-82661027
'atom-text-editor.autocomplete-active:not([mini])':
'tab': 'autocomplete-plus:confirm'
@jitendravyas
jitendravyas / email.mjml
Created May 10, 2016 — forked from anonymous/email.mjml
Made with MJML App
View email.mjml
<mjml>
<mj-body>
<mj-container background-color="#f8f8f8">
<!-- Company Header -->
<mj-section padding-bottom="0" padding-top="0" padding-bottom="0" padding-left="0">
<mj-column>
<mj-image padding-top="20" padding-left="15" padding-bottom="15" align="left" src="https://s3.eu-central-1.amazonaws.com/airfy-mail-assets/Logo.png" width="62px"/>
@jitendravyas
jitendravyas / email.mjml
Created May 10, 2016 — forked from anonymous/email.mjml
Made with MJML App
View email.mjml
<mjml>
<mj-body>
<mj-container background-color="#f8f8f8">
<!-- Company Header -->
<mj-section padding-bottom="0">
<mj-column width="100%">
<mj-image align="left" src="https://avatars0.githubusercontent.com/u/16115896?v=3&s=200" width="50px"/>
@jitendravyas
jitendravyas / email.mjml
Created May 10, 2016 — forked from anonymous/email.mjml
Made with MJML App
View email.mjml
<mjml>
<mj-body>
<mj-container background-color="#ccc">
<!-- Company Header -->
<mj-section padding-bottom="0" background-color="#fff">
<mj-column width="100%">
<mj-image align="left" src="https://avatars0.githubusercontent.com/u/16115896?v=3&s=200" width="50px"/>
@jitendravyas
jitendravyas / front-end-testing.md
Created Apr 7, 2016 — forked from mrmrs/front-end-testing.md
Thoughts on front-end testing
View front-end-testing.md

UI development as a first-class citizen

The single hardest part of front-end development at scale is making changes to code and understanding all of the visual and behavioral effects that will occur as a result.

When you build a component, tests should be written that expose each state a component can be in. This test should generate a static html file and a corresponding image for every discrete state a component can be in.

View system_ruby_version.markdown

What is the system Ruby?

What version of Ruby shipped by default on Mac OS X?

Default Ruby version * Refers to the fully patched version (e.g. 10.5.8, not 10.5.0). Earlier versions may have shipped with different Ruby patchlevels but the RUBY_VERSION has never changed within major Mac OS X releases.
Mac OS X version* Mac OS X release date
View osx-for-hackers.sh
# OSX for Hackers (Mavericks/Yosemite)
#
# Source: https://gist.github.com/brandonb927/3195465
#!/bin/sh
# Some things taken from here
# https://github.com/mathiasbynens/dotfiles/blob/master/.osx
# Ask for the administrator password upfront
View hack.sh
#!/usr/bin/env sh
##
# This is script with usefull tips taken from:
# https://github.com/mathiasbynens/dotfiles/blob/master/.osx
#
# install it:
# curl -sL https://raw.github.com/gist/2108403/hack.sh | sh
#
View index.html.erb
<%= render :partial=> "fundraise_ideas", :collection=> (1..12).to_a%>