Skip to content

Instantly share code, notes, and snippets.

@remybach
remybach / dabblet.css
Created June 25, 2012 15:22 — forked from sirbrad/dabblet.css
Mobile first button abstraction
/**
* Mobile first button abstraction
*/
.btn {
background-color: #ccc;
border: 2px solid rgba(255, 255, 255, 0.8);
box-sizing: border-box;
color: #000;
display: block;
@remybach
remybach / twilight.css
Created July 23, 2012 16:45
Twilight theme for Highlight.js (not extensive or fully complete, mainly CSS, JS, XML, and HTML)
pre {
background:#141414; /* hsl(0, 0%, 8%) */
color:#FFF;
padding:5px;
white-space:pre;
-webkit-border-radius:5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
border-radius:5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
}
pre ::selection {
@remybach
remybach / gist:3303344
Created August 9, 2012 11:15
Photoshop Sliced HTML to Emailer Replacements
1: Replace
==========================================
<html>.*
.*
.*
.*
.*
.*
.*
<table id=".*" width
@remybach
remybach / Preferences.sublime-settings
Created August 22, 2012 08:41
My Sublime Text 2 Preferences
{
"color_scheme": "Packages/Color Scheme - Default/Twilight.tmTheme",
"font_face": "Ubuntu Mono",
"font_size": 14,
"highlight_line": true,
"ignored_packages": [
// "Vintage"
],
"scroll_past_end": true,
"shift_tab_unindent": false,
@remybach
remybach / comment.sublime-snippet
Created September 25, 2012 14:52
Sublime Text Comment Snippet
<snippet>
<content><![CDATA[/*===== $0 =====*/]]></content>
<tabTrigger>/*=</tabTrigger>
</snippet>
@remybach
remybach / sublime-packages.md
Created November 16, 2012 14:41
My Sublime Packages

Just a list of Sublime Packages I generally like to use.

  • AdvancedNewFile

    Create new files by pressing Ctrl/Cmd+alt+n and then typing the location to the file directly (note: won't actually create the file until you hit Ctrl/Cmd+S to save it)

  • Color Highlighter

    Highlights hex code colours when the cursor is positioned on them.

@remybach
remybach / index.html
Created November 17, 2012 17:02
A CodePen by Rémy Bach. 3D CSS icon/label spin effect - Just a really nice way of hiding a label behind an icon/image and then revealing the label on hover.
<div class="container">
<p>Normal speed. Hover to see the final effect</p>
<ul>
<li>
<span class="icon"></span>
<span class="label">item 1</span>
</li>
<li>
<span class="icon"></span>
<span class="label">item 2</span>
@remybach
remybach / index.markdown
Created November 23, 2012 00:35
A CodePen by Rémy Bach. Can't Touch This! - I was reminded of something from way back in the day where there was a button on the screen that dodged your mouse every time you came close to it. After trying to hunt it down, I thought I'd quickly throw my ow
@remybach
remybach / ordinal suffix testing
Created December 20, 2012 12:47
A summary of some testing I did on this jsperf test: http://jsperf.com/ordinal-suffix | Blog post about this here: http://remy.bach.me.uk/2012/12/ordinal-suffix
num = '0'
fastest: `< ternary` slowest: `Regex` by 67%.
num = '1'
fastest: `Regex` slowest: `|| ternary` by 65%
num = '2'
fastest: `< ternary` slowest: `|| ternary` by 64%
num = '3'
@remybach
remybach / konami.js
Last active December 11, 2015 10:19
Making Konami JS (http://snaptortoise.com/konami-js) a RequireJS (http://requirejs.org) compatible module. Simply add the below to the bottom of your konami js file.
// Export this as a module for RequireJS
typeof define === "function" && define([], function() { return Konami; });