Why the "Hamburger Menu" is bad UX
The Characteristics of Minimalism in WebDesign
How to do filtering on eCommerce websites right (design patterns)
1 min round-up: Native vs Mobile Web vs Desktop Web
cballou
/ new-csshook-template.js
Created
November 3, 2012 11:19
Creating jQuery CSS3 Vendor Prefix Mixins with $.cssHooks
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function($) { | |
| if ( !$.cssHooks ) { | |
| throw("jQuery 1.4.3+ is needed for this plugin to work"); | |
| return; | |
| } | |
| function styleSupport( prop ) { | |
| var vendorProp, supportedProp, | |
| capProp = prop.charAt(0).toUpperCase() + prop.slice(1), | |
| prefixes = [ "Moz", "Webkit", "O", "ms" ], |
gfranko
/ jquery.ui.widget.js
Created
February 10, 2013 19:44
AMD Compatible jQueryUI Widget Factory
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! jQuery UI - v1.10.0 - 2013-02-10 | |
| * http://jqueryui.com | |
| * Includes: jquery.ui.widget.js | |
| * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */ | |
| ;(function (widgetFactory) { | |
| if (typeof define === "function" && define.amd) { | |
| // AMD. Register as an anonymous module. | |
| define("jquery.ui.widget", ["jquery"], function() { |
drewlesueur
/ qs.js
Last active
June 22, 2016 07:28
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // code taken from visionmedias node-querystring | |
| var qs = (function () { | |
| var qs = {} | |
| /** | |
| * Object#toString() ref for stringify(). | |
| */ | |
| var toString = Object.prototype.toString; | |
| /** |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Mouse Over and Out with Moving Infobox</title> | |
| <script type="text/javascript" src="https://github.com/mbostock/d3/raw/fe671a70e236710412a514fa276e59f875f3c617/d3.js"></script> | |
| <link type="text/css" rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <!-- I've only commented changes relevant to this mouse follow stuff --> | |
| <!-- btw, this is what an html comment looks like --> |
reifman
/ Parse query string via javascript
Last active
February 27, 2017 15:28
Javascript to parse query string variables from URL
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| function getQueryVariable(variable) { | |
| var query = window.location.search.substring(1); | |
| var vars = query.split("&"); | |
| for (var i=0;i<vars.length;i++) { | |
| var pair = vars[i].split("="); | |
| if (pair[0] == variable) { | |
| return pair[1]; | |
| } | |
| } |
you-think-you-are-special
/ Singleton.js
Created
February 18, 2015 10:52
ES6 Singleton example. Use: import Singleton from 'Singleton'; let instance = Singleton.instance;
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| /** | |
| * Created by Alexander Litvinov | |
| * Email: alexander@codeordie.ru | |
| * May be freely distributed under the MIT license | |
| */ | |
| let singleton = Symbol(); | |
| let singletonEnforcer = Symbol(); |
adamjmcintyre
/ gist:3098766
Created
July 12, 2012 15:15
Using CSS keyframe animationend event cross-browser with jQuery
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $('.some-els').bind('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(){ | |
| // Do something! | |
| $(this).removeClass('animation-class'); | |
| }) | |
| .addClass('animation-class'); | |
| // One works, too | |
| $('.some-els').one('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(){ | |
| // Do something once! | |
| console.log('this would show once'); |
This was a very straightforward workaround I used in a project to get things done while the assemble team is working on some serious converter gulp-convert.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Blink for Webkit and others | |
| (Chrome, Safari, Firefox, IE, ...) | |
| */ | |
| @-webkit-keyframes blinker { | |
| from {opacity: 1.0;} | |
| to {opacity: 0.0;} | |
| } | |
| .blink{ | |
| text-decoration: blink; |
OlderNewer