Skip to content

Instantly share code, notes, and snippets.

View n0r8-ecomarkup's full-sized avatar

Misha Krit n0r8-ecomarkup

  • htmlexperts.ru
  • Ukraine
View GitHub Profile
@n0r8-ecomarkup
n0r8-ecomarkup / gist:bb5fc1def3ad592ab1c2
Created October 21, 2014 13:19
Fancybox custom shwo and hide effect
$.fancybox.transitions.myZoomIn = function () {
$.fancybox.wrap.addClass('animate');
setTimeout(function () {
$.fancybox._afterZoomIn();
}, $.fancybox.current.openSpeed);
//or transition end event
};
$.fancybox.transitions.myZoomOut = function () {
$.fancybox.wrap.addClass('animateOut');
compass compile --force
sed -i -e "s/^@charset.*$//g" public/stylesheets/*.css
jammit --force
@n0r8-ecomarkup
n0r8-ecomarkup / English
Last active December 15, 2015 12:39
fonts stack
font-family: "Arial Black", Gadget, "Nimbus Sans L", sans-serif;
font-family: Arial, "Nimbus Sans L", Helvetica, sans-serif;
font-family: "Comic Sans MS", Monaco, TSCu_Comic cursive;
font-family: "Courier New", "Nimbus Mono L", Courier, monospace;
font-family: Georgia, "Century Schoolbook L", Serif;
font-family: Impact, Charcoal, Rekha, sans-serif;
font-family: "Lucida Console", Monaco, monospace;
font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
font-family: Tahoma, Geneva, Kalimati, sans-serif;
font-family: "Palatino Linotype", Garuda, Palatino, sans-serif;
@n0r8-ecomarkup
n0r8-ecomarkup / gist:5161938
Created March 14, 2013 14:48
Mobile html and css tips
text
@n0r8-ecomarkup
n0r8-ecomarkup / Email <body>
Last active December 14, 2015 22:58 — forked from dragstarcrowant/EDM <body>
Some rules for creating cross-client email template.
<body style="margin:0; padding:0; background:#ffffff;">
<!-- <table> always with fixed width -->
<!-- in case having problems with different <td> width, <table> "table-layout" must be changed to "fixed", this will "lock" column width and content won't break layout -->
<table style="width:600px; margin:0 auto; border-collapse:collapse; border-spacing: 0; border:none; " cellspacing="0" cellpadding="0" border="0">
<tr style="border-spacing:0; padding:0; margin:0; border:0;">
<!-- <td> must have at least one set dimension: <td style="width:..px;" width=".."> or <td style="height:..px;" height=".."> -->
<!-- <td> can be used like placeholder or spacer(instead of paddings or margins)
<td colspan="" style="border:0; background:#5e9525; text-align:center; margin:0; width:19px; vertical-align: top; padding:0; border:none; height:50px;" width="19" height="50">