Skip to content

Instantly share code, notes, and snippets.

View ludviglindblom's full-sized avatar

Ludvig Lindblom ludviglindblom

View GitHub Profile

Keybase proof

I hereby claim:

  • I am ludviglindblom on github.
  • I am ludvig (https://keybase.io/ludvig) on keybase.
  • I have a public key whose fingerprint is 1DC6 BD21 F67D 26D4 5831 3211 A6C3 1847 0D22 1965

To claim this, I am signing this object:

@ludviglindblom
ludviglindblom / detect_full_screen.html
Created May 18, 2011 16:32 — forked from nathansmith/detect_full_screen.html
Detect full-screen mode for desktop browsers.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Detect Full-Screen</title>
<style>
* {
font-family: sans-serif;
line-height: 1.5;
@ludviglindblom
ludviglindblom / ago.js
Created June 2, 2011 20:36 — forked from gf3/ago.js
Super small relative dates
module.exports = (function(){
const MS =
{ seconds: 1000
, minutes: 60 * 1000
, hours: 60 * 60 * 1000
, days: 24 * 60 * 60 * 1000
, weeks: 7 * 24 * 60 * 60 * 1000
, months: 30 * 7 * 24 * 60 * 60 * 1000
, years: 365 * 24 * 60 * 60 * 1000 }
@ludviglindblom
ludviglindblom / dabblet.css
Created December 21, 2011 12:24
CSS3 Ribbon
/**
* CSS3 Ribbon
*/
body{
text-align: center;
}
body a, body a:link, body a:active, body a:visited{
color: #1169C1;
@ludviglindblom
ludviglindblom / dabblet.css
Created January 24, 2012 11:50 — forked from daneden/dabblet.css
Tron loader
/*
* Tron loader
*/
* {
margin: 0;
padding: 0;
}
body {
background: #333;
@ludviglindblom
ludviglindblom / dabblet.css
Created January 24, 2012 13:58 — forked from daneden/dabblet.css
Path icon hover
/**
* Path icon hover
*
* Example of the desired effect (hover over the user avatar) https://path.com/p/5Eplz
*
* Close, but annoying that the animation runs on page load.
* Possible solution could be to fade entire page content in while initial
* animation runs.
*/
/*
* 3D Text
*/
* {
margin: 0;
padding: 0;
}
body {
background: #CCC;
@ludviglindblom
ludviglindblom / dabblet.css
Created February 6, 2012 12:00 — forked from daneden/dabblet.css
Search Suggestions
/*
Search Suggestions
Original design by Visual Idiot - http://dribbble.com/shots/377281-Search-Suggestions
*/
html {
min-height: 100%;
background: -webkit-linear-gradient(#dbddde, #b6babb);
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
@ludviglindblom
ludviglindblom / dabblet.css
Created February 9, 2012 06:25 — forked from LeaVerou/dabblet.css
Move in a circle without wrapper elements
/**
* Move in a circle without wrapper elements
* Idea by Aryeh Gregor, simplified by Lea Verou
*/
@keyframes rot {
from {
transform: rotate(0deg)
translate(-150px)
rotate(0deg);