Skip to content

Instantly share code, notes, and snippets.

View frkosk's full-sized avatar

František Kocúrik frkosk

  • Lighting Beetle
  • Slovak Republic
View GitHub Profile
@victorximenis
victorximenis / notificationFx.js
Created March 15, 2016 18:21
Notification FX
;( function( window ) {
'use strict';
var docElem = window.document.documentElement,
support = { animations : Modernizr.cssanimations },
animEndEventNames = {
'WebkitAnimation' : 'webkitAnimationEnd',
'OAnimation' : 'oAnimationEnd',
'msAnimation' : 'MSAnimationEnd',
@dylancwood
dylancwood / tree.css
Last active June 23, 2025 06:37
CSS to create a simple tree structure with connecting lines. No images or JS required.
ul.tree, ul.tree ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.tree ul {
margin-left: 10px;
}
ul.tree li {
margin: 0;
@laurisvan
laurisvan / simulate_3g.sh
Last active December 24, 2015 10:19
Simple 3G emulation on OS/X. Remember to reset the IP Firewall after doing this by 'sudo ipfw flush''.
#!/bin/sh
#
# simulate_3g.sh - Simulate a sluggish 3G network with delays & packet loss
# Usage: simulate_3g.sh 8080 8081
# Make sure only root can run our script
if [[ $EUID -ne 0 ]]; then
echo "This script must be run as root" 1>&2
exit 1
fi
@necolas
necolas / snippet.js
Created June 14, 2011 20:36
Optimised async loading of cross-domain scripts
/*
* Updated to use the function-based method described in http://www.phpied.com/social-button-bffs/
* Better handling of scripts without supplied ids.
*
* N.B. Be sure to include Google Analytics's _gaq and Facebook's fbAsyncInit prior to this function.
*/
(function(doc, script) {
var js,
fjs = doc.getElementsByTagName(script)[0],
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Cross-browser kerning-pairs & ligatures</title>
<style>
body { font-family: sans-serif; background: #f4f3f3; color: rgba(40, 30, 0, 1); width: 500px; margin: 80px auto; padding: 0px; }
a { color: rgba(15, 10, 0, 0.8); text-decoration: none; border-bottom: 1px solid; padding: 1px 1px 0px; -webkit-transition: background 1s ease; }
a:hover { background: rgba(0, 220, 220, 0.2); }
p, li { line-height: 1.5; padding: 0em 1em 0em 0em; margin: 0em 0em 0.5em; }