Skip to content

Instantly share code, notes, and snippets.

Harry Roberts csswizardry

Block or report user

Report or block csswizardry

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@csswizardry
csswizardry / README.md
Last active Sep 2, 2019
Vim without NERD tree or CtrlP
View README.md

Vim without NERD tree or CtrlP

I used to use NERD tree for quite a while, then switched to CtrlP for something a little more lightweight. My setup now includes zero file browser or tree view, and instead uses native Vim fuzzy search and auto-directory switching.

Fuzzy Search

There is a super sweet feature in Vim whereby you can fuzzy find your files using **/*, e.g.:

:vs **/*<partial file name><Tab>
@csswizardry
csswizardry / SassMeister-input-HTML.html
Created Feb 25, 2016
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div style="width: 2pc; height: 2pc; background: red;"></div>
<div style="width: 32px; height: 32px; background: red;"></div>
@csswizardry
csswizardry / SassMeister-input-HTML.html
Last active Feb 24, 2016
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<ol class="c-item-detail-group">
<li>
<article class="c-item-detail">
<div class="c-item-detail__meta">
<span class="c-text-price">ab CHF <strong>8990.95</strong></span>
</div>
<div class="c-item-detail__main">
@csswizardry
csswizardry / SassMeister-input-HTML.html
Created Feb 24, 2016
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div class="s-prose">
<h1 class="u-color-red c-heading">HTML Ipsum Presents</h1>
</div>
<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
<h2>Header Level 2</h2>
<p>
<a href=#0 class=c-btn>Button</a>
@csswizardry
csswizardry / SassMeister-input-HTML.html
Created Feb 24, 2016
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div class="s-prose">
<h1 class="u-color-red c-heading">HTML Ipsum Presents</h1>
</div>
<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
<h2>Header Level 2</h2>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
@csswizardry
csswizardry / SassMeister-input-HTML.html
Created Feb 24, 2016
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<h1 class="u-color-red">HTML Ipsum Presents</h1>
<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
<h2>Header Level 2</h2>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
</ol>
@csswizardry
csswizardry / SassMeister-input-HTML.html
Created Feb 24, 2016
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<h1>HTML Ipsum Presents</h1>
<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
<h2>Header Level 2</h2>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
</ol>
@csswizardry
csswizardry / SassMeister-input-HTML.html
Created Feb 24, 2016
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<h1>HTML Ipsum Presents</h1>
<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
<h2>Header Level 2</h2>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
</ol>
@csswizardry
csswizardry / SassMeister-input-HTML.html
Created Feb 22, 2016
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div class=foo id=foo>Foo</div>
@csswizardry
csswizardry / SassMeister-input-HTML.html
Created Feb 22, 2016
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div class=header>
<a>Foo</a>
<a class=btn>Foo</a>
</div>
You can’t perform that action at this time.