Skip to content

Instantly share code, notes, and snippets.

@erkobridee
erkobridee / 01__second-brain-system.md
Last active March 26, 2025 05:14
Second Brain System and productive useful references
@erikflowers
erikflowers / Less Retina Mixin Utility Class
Last active February 22, 2019 00:37
I took this from the retina.js solution and modified it a bit. All credit goes to https://github.com/imulus/retinajs, I just tweaked this for my needs. This mixin includes most of the parameters you need, so you don't need to call them out twice. It can all be done in the mixin.
// the retina mixin. An example goes: .at2x(img/[email protected], 650px, 150px, top, left, no-repeat, scroll)
// Put the size that the image appears on a non-retina, e.g. if it's a 200px x 200px non-retina, that is the effective size. The @2x 400px x 400px is calculated automatically. The order to type it is width then height.
// A modification of the retina.js less mixin - https://github.com/imulus/retinajs
@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
.at2x(@path, @w: auto, @h: auto, @xpos: 0, @ypos: 0, @repeat: no-repeat, @attachment: scroll) {
background-image: url(@path);
background-position: @xpos @ypos;
background-repeat: @repeat;
@kristopherjohnson
kristopherjohnson / mycontent.html
Created June 1, 2012 13:48
Web page with dynamic loading and conversion of Markdown to HTML
<!DOCTYPE html>
<html>
<head>
<title>My Markdown Content</title>
<meta name="viewport" content="width=device-width" >
<style>
#status {