A list of resources that I compiled to help with web development.

read more 
New (since 2017):

Material design box shadow CSS: https://codepen.io/sdthornton/pen/wBZdXq
For choosing colors: http://paletton.com/#uid=1000u0kuBhkm0piqjlpDAcAO+7t
For choosing large color palettes: http://tools.medialab.sciences-po.fr/iwanthue/
The pink one specifically: https://tympanus.net/Development/CreativeLinkEffects/

Roger Reccommendations

ipage.com
Look at google coupons. 
Google one dollar a month website hosting. 
Something about not pressing submit and how they track emails.

Good designer: http://notsteve.com/
Cool: http://notsteve.com/font-flipper
Cool: http://onesecond.designly.com/

Really nice font: font-family: 'Avenir Next', Verdana,Arial Narrow, helvetica, sans-serif;

Stuff I found: 

https://web.easydns.com/
https://www.myprivacy.ca/

Pretty much the coolest stuff ever for debugging and stuff: 
https://developers.google.com/chrome-developer-tools/


Meausuring how long something takes s

console.time("Array initialize");
var array= new Array(1000000);
for (var i = array.length - 1; i >= 0; i--) {
    array[i] = new Object();
};
console.timeEnd("Array initialize");



htaccess cheatsheet (enable gzip and caching tutorial): 
http://www.thejackol.com/htaccess-cheatsheet/

Exclude your own IP from google analytics: 
https://support.google.com/analytics/answer/1034840?hl=en

Get suggestions on improvements. 
https://developers.google.com/speed/pagespeed/insights

Optimizing images: 
https://developers.google.com/speed/docs/best-practices/payload#CompressImages

Chiraayu's resource for nice backgrounds: 
http://subtlepatterns.com/

Fonts: 
http://www.fontsquirrel.com/fonts

Loading bootstrap from this is apparently faster: 
http://www.bootstrapcdn.com/


IS REALLY COOL: http://builtwith.com/
Next time you make a website, try a framework like http://laravel.com/

Hosting that supports SSH: 

https://www.justhost.com/
http://www.bluehost.com/
I believe hostgator too. 

Dreamhost: 
$50 off order: superdeal50

Great text effects: http://www.midwinter-dg.com/permalink-7-great-css-based-text-effects-using-the-text-shadow-property_2011-03-03.html

Favicon Generator: 
http://www.favicon.cc

Infinite scroll: 
http://imakewebthings.com/jquery-waypoints/shortcuts/infinite-scroll/

Possibly for the cards: 
http://masonry.desandro.com/ or http://isotope.metafizzy.co/

Perhaps for the saved cards page: http://gridster.net/

I like this navbar: http://www.wookmark.com/jquery-plugin

Use this for quick responsiveness? http://yconst.com/web/freetile/. Resizing with viewport: http://fittextjs.com/

Chosen but you don't have to have a list (just press enter): http://textextjs.com/

For mr jenkins' project: http://www.appelsiini.net/projects/jeditable/default.html

Maybe for gen ed count? http://anthonyterrien.com/knob/

Making entering text fun: http://dropthebit.com/demos/fancy_input/fancyInput.html

Cool text effects: http://jschr.github.io/textillate/



DESIGN ASSISTANTS: 

https://kuler.adobe.com/create/color-wheel/
http://www.cssdrive.com/imagepalette/