Resources for learning web design & front-end development:
ONLINE
Design
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 invert plugin | |
| // by paul irish | |
| // some (bad) code from this css color inverter | |
| // http://plugins.jquery.com/project/invert-color | |
| // some better code via Opera to inverse images via canvas | |
| // http://dev.opera.com/articles/view/html-5-canvas-the-basics/#insertingimages | |
| // and some imagesLoaded stuff from me | |
| // http://gist.github.com/268257 |
paulirish
/ gist:403386
Created
May 17, 2010 04:04
— forked from padolsey/gist:380481
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
| // Idea from http://dbaron.org/log/20100424-any | |
| jQuery.expr[':'].any = function(el, i, match) { | |
| return jQuery.find.matches(match[3], [el]).length > 0; | |
| }; | |
| jQuery('body :any(div, form) p'); // Same as jQuery('body div p, body form p') | |
| jQuery('div:any(.foo,.bar)'); // Same as jQuery('div.foo, div.bar') |
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
| #! /usr/bin/env php | |
| <?php | |
| /*** | |
| * PageSnap | |
| * | |
| * Script for archiving a HTML page (and associated media assets) into a single file. | |
| * | |
| * Requires: | |
| * |
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 selector to match exact text inside an element | |
| * http://wowmotty.blogspot.com/2010/05/jquery-selectors-adding-contains-exact.html | |
| * :containsExact() - case insensitive | |
| * :containsExactCase() - case sensitive | |
| * :containsRegex() - set by user ( use: $(el).find(':containsRegex("/(red|blue|yellow)/gi")') ) | |
| */ | |
| $.extend( $.expr[":"], { | |
| containsExact: $.expr.createPseudo ? | |
| $.expr.createPseudo(function(text) { | |
| return function(elem) { |
paulirish
/ gist:526168
Created
August 16, 2010 00:42
— forked from anonymous/>
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
| <!DOCTYPE html> | |
| <!-- Helpful things to keep in your <head/> | |
| // Brian Blakely, 360i | |
| // http://twitter.com/brianblakely/ | |
| --> | |
| <head> | |
| <!-- According to Heather Champ, former community manager at flickr, | |
| you should not allow search engines to index your "Contact Us" |
scottjehl
/ media query check - media.matchMedium.js
Created
August 30, 2010 19:21
— forked from paulirish/media query check - media.matchMedium.js
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
| /* | |
| * media.matchMedium()- test whether a CSS media type or media query applies | |
| * primary author: Scott Jehl | |
| * Copyright (c) 2010 Filament Group, Inc | |
| * MIT license | |
| * adapted by Paul Irish to use the matchMedium API | |
| * http://www.w3.org/TR/cssom-view/#media | |
| * Doesn't implement media.type as there's no way for crossbrowser property | |
| * getters. instead of media.type == 'tv' just use media.matchMedium('tv') |
cowboy
/ jquery.ba-simplewidget.js
Created
October 28, 2010 19:21
jQuery simpleWidget: a super-simple stateful 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 simpleWidget - v0.1pre - 10/28/2010 | |
| * http://benalman.com/ | |
| * | |
| * Copyright (c) 2010 "Cowboy" Ben Alman | |
| * Dual licensed under the MIT and GPL licenses. | |
| * http://benalman.com/about/license/ | |
| */ | |
| (function($,undefined){ |
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
| meebo.com | |
| ##div#meebo.meebo-00 | |
| @@.deckAd | |
| @@.deckads | |
| @@||decknetwork.net^$third-party | |
| @@daringfireball.net | |
| @@instapaper.com | |
| @@fusionad | |
| @@fusionads.net^$third-party | |
| @@yoggrt |
michaelfox
/ DOM Monster.js
Created
March 5, 2011 15:54
A largely un-curated "dump" of JavaScript Bookmarklets
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
| javascript:(function(){var%20script=document.createElement('script');script.src='http://mir.aculo.us/dom-monster/dommonster.js?'+Math.floor((+new Date)/(864e5));document.body.appendChild(script);})() |
nathansmith
/ web-design-development-learning-resources.md
Last active
April 7, 2024 13:04
Resources for learning web design & front-end development