Welcome To Our Collection of
creative + code bookmarks
Lets Start

code

“There is no urge so great as for one man to edit another man's work”  Mark Twain

learn
code

edx

W3C's edX

HTML

Learn HTML with song

Learn with Song

HTML

How To Code In HTML

How To Code

HTML
CSS

General Assembly

General Assembly

HTML
CSS

Khan Academy

Khan Academy

HTML
CSS
JAVASCRIPT

Code Academy

Code Academy

HTML
CSS
JAVASCRIPT

Lynda

Lynda

HTML
CSS
JAVASCRIPT

BAVC

BAVC

HTML
CSS
JAVASCRIPT

w3schools home page

W3 School

HTML
CSS
JAVASCRIPT

javascript roadtrip

JavaScript Roadtrip

JAVASCRIPT

snippets
⁄ Tutorial

html5 rocks

HTML5 Rocks

HTML

tizag

tizag

HTML
CSS

tutorials & demos

Fresh Design Web

HTML
CSS

demosthenes

Demos Thenes

HTML
CSS

Find, Create, & Publish Open Source software for free

Source Forge

HTML
CSS

blog

Adobe

HTML
CSS
JAVASCRIPT

web design & development blog

Codrops

HTML
CSS
JAVASCRIPT

css tricks

CSS Tricks

HTML
CSS
JAVASCRIPT

queness

Queness

HTML
CSS
JAVASCRIPT

css menu maker

CSS Menu Maker

HTML
CSS
JAVASCRIPT

Mozilla Developer Network

Mozilla Developer

HTML
CSS
JAVASCRIPT

site chop

Site Chop

HTML
CSS
JAVASCRIPT

html

HTML5 Doctor

HTML5 Doctor

the hows & whys

w3c Cascading Style Sheets home page

Web Platform

read & learn the basics

css

beauty of css design

Zen Garden

css demos

css3

CSS3

diverse style sheets

css3 patterns

Pattern Gallery

patterns
Lea Verou

cubic bezier

Cubic Bezier

ease previewer
Lea Verou

animatable

Animatable

animations
Lea Verou

corner shape

Corner Shape

box shapes
Lea Verou

border-radius builder

Border Radius

builds custom box code

generator

Generator

box element generator

The ultimate CSS tools for web designers

CSS Matic

builds gradient, shadows…

enjoycss

Enjoy CSS

fun generator

Compass

Compass

Authoring Framework using Sass

css portal

CSS Portal

wide range of CSS help

css flow

CSS Flow

Code Snippets
UI Kits

css design awards

CSS Design Awards

holistic web design

JAVASCRIPT

fast, small, & feature-rich JavaScript library

JQuery

JavaScript library

JavaScript Performance Stack

John Resig

components affecting performance

jsbin

JS Bin

JavaScript debugging tool

modernizr

Modernizr

JavaScript library

javascripting

JavaScript
‐ing

libraries & frameworks
Retina

2ality

2ality

web dev & mobile computing

responsive nav

Responsive Nav

no library plugins

toolbox

“Sometimes you just need a bigger hammer.”  G Casaday Sr

Mobile
jquerymobile
JQuery Mobile

Touch Framework

App Icon Template
App Icon Template

clean app templates

Teehan and Lax
Teehan+Lax

Photoshop GUI element template

4 ways to build a mobile app
Smashing Magazine

build a mobile app

Web of Devices
W3C Standards

Mobile Web

w3c Cascading Style Sheets home page
Web Platform

Mobifying
history

Bootstrap
Sleek, intuitive, & powerful front-end framework for faster & easier web development.
Bootstrap

responsive framework development

w3schools home page
W3 School

bootstrap 3 tutorial

open source templates
Shape Bootstrap

open source templates

start bootstrap
Start Bootstrap

Themes & Templates

bootstrap hero
Bootstrap Hero

319 USEFUL RESOURCES

flat‐file
cms
Type and Grids
Type & Grids

Mobile‐First Templates & Flat‐File

get grav
Grav

flat‐file cms

ghost
Ghost

blogging platform

picocms
PICO

flat‐file cms

statamic
Statamic

flat‐file cms

get kirby
Kirby

no more Wordpress
article

sphpblog
Simple PHP Blog

flat‐file cms

retina
towards a retina web
Smashing Magazine

detail breakdown

kyle j larson
Kyle J Larson

overview

mashable
Mashable

4 Ways to Convert Your Site to Retina

dense
Dense

jQuery plugin

retina js
Retina JS

script
article

ios design
iOS Design

apps for Apple iOS devices

svg
images
2222222222
Codrops

how to make embedded SVGs

viget
Viget

small screen logos
part 2

snap svg
snap svg

javascript svg library for the modern web

peter colling ridge
peter colling ridge

various tools

Responsive
Checker
See if your site is responsive
Responsive Design

responsive testing

responsive tool
Victor Coulon

Responsive Testing

Matt Kersley
Matt Kersley

Responsive Testing

browser stack
Browser Stack

Responsive Testing

responsinator
Respons‐
inator

Responsive Testing

Responsive Design Checker
RD Checker

Responsive Testing

malte wassermann
Viewport Resizer

RESPONSIVE BOOKMARKLET

victorcoulon
Responsive Book‐
marklet

ESPONSIVE BOOKMARKLET

Testing
site chop
Site Chop

Speeding Up Your Website

Can I Use
Can I Use

type in css & see what browsers support it

HTTP Status Messages
W3 School

explains error messages

Web Validation
W3 School

validate your html, css, xhtml & xml

check link
W3C tools

Check links, mobile freindly & validate

Detecting device & browser
Web Platform

device detection

Browser testing
Web Platform

browser testing

mobi
Mobi

test mobile performance

misc
mediaqueri
Media Queries

image method

stat counter
Stat Counter

analysis for your website

Slicy
Slicy

quick image export tool

Pixels to Ems
W3 School

pixels to em

reverse image search
Tin Eye

reverse image search

dpi
DPI Love

screen conversions & history

tinypng
Tiny PNG

PNG lossy compression

graphics
W3C Standards

graphic formats

UX UI

“Structure First. Content Always.”  Mark Boulton

work
space

Code Pen

CodePen

front end playground

jsfiddle

JS Fiddle

online environment to fiddle with code

Cloud9

Cloud 9

online code editor with a workspace in the cloud

wireframe

wireframes

I Love Wire Frames

inspiration

style tiles

Style Tiles

moodboard too vague? comp too literal?

slides

slides

create, present & share slide decks

turn any web page into wireframe

Wirify

turn any web page into wireframe

lovelycharts

Lovely Charts

wireframe maker

balsamiq

Balsamiq

another wireframing tool

mock flow

Mock Flow

designers online tool to create & share with

moq ups

Moqups

wireframes, prototypes & share

protype

keynotopia

Keynotopia

converts from keynote & power‐point

Invision App

Invision

prototyping, collaboration & workflow platform

flinto

Flinto

paid png to prototyping service

app cooker

Apple Cooker

Prototyping for apple devises

Marvel App

Marvel App

synced in real‐time from Dropbox

axure

Axure

prototypes of websites & apps, no coding

mockup

Mockups & Demo Videos

Place It

Mockups & Demo Videos

Article
⁄ video

lukew

Luke W

presentations & writings

ux booth

UX Booth

stories by & for user ux professionals

UX/UI comparison

UX is
not UI

article by Erik Flowers

Building websites with science

Code as Craft

use data to inform

Liquid layouts the easy way

Max Design

Liquid layouts

responsive

Responsive Web Design

article & book

Codrops

Codrops

Techniques for Responsive Typography

brolik

Brolik

Responsive Web Design Menu Examples

inspiration

Fresh UI Inspiration in the Era of Google Material & Design Patterns

Awwwards

Fresh UI Inspiration

manual creative

Manual Creative

visual comm studio

111111111111

Guts & Glory

web design & dev

zurb

Zurb

product design
nice layout

krochet kids

Krochet Kids

nice layout

food sense

Food Sense

nice layout

scopino

Mike Scopino

nice layout

starbucks

Starbucks

nice layout

every whereist

The Every‐
whereist

nice layout

tn vacation

Tennessee Vacation

nice layout

ny times

NY Times

nice layout

accessible
design

Web accessibility basics

Web Platform

the basics

Web Accessibility Initiative (WAI)

W3C Standards

strategies, guidelines & resources

accessibility

W3C Standards

accessibility standards

WAI basics

Web AIM

how people with disabilities use the web

bruce lawson

Bruce Lawson

knows Web Standards

Color Blindness

Color Blindness

tests & resoutces
Essentials

usability

Usability

research‐based design guidelines

odd ball

liquid apsive

Liquid Apsive

Adaptive, Resp, Static & Liquid

evolution of the web

evolution Of The Web

a visual representation

top ten reviews

Top Ten Reviews

compare Service & Software

Audio & Video

W3C Standards

audio/video standards

Making Payments Easy on the Web

W3C Standards

payment tsandards

PRIVACY

W3C Standards

privacy standards

Base Camp

Base Camp

finish projects together

design

“Form & function should be one, joined in a spiritual union.”  Frank Lloyd Wright

resource
Site Point
Site Point

developers, designers & programmers

Web Design Crowd
Web Design Crowd

css, psds, bkgrs, vectors…

Designers Tool Box
Designers Tool Box

print & web

resources for design & illustration
Creative Market

handcrafted, mousemade design

Graphic & Web Design Blog
Design Sparkle

Tutorials, Web Development…

build with purpose
Tech & All

Fonts, photos, PSDs & code

for designers & programers
Fearless Flyer

for designers & programers

Web Designer Wall
Web Designer Wall

icons, css & illustrations

Media Loot
Media Loot

fonts, icons, graphics, templates…

apple developer
Apple Developer

tech & programming

Remy Sharp
Remy Sharp

very useful archives

inspiration
tommyrgb
Tommy Noshitsky

mix media artist

stina persson
Stina Persson

killer Watercolour

Kyle Schaeffer
Kyle Schaeffer

makes websites

Claire Lordon
Claire Lordon

illustrator
shop

Veerle blog
Veerle

graphic, web & home design

freelance graphic designer & blogger
Just Creative

designer & blogger

Young House Love
Young House Love

DIY & all things home

Oh Happy Day
Oh Happy Day

Put The “Art” In Parties

backgrounds & accessories you need to make your blog a work of art
Shabby Blogs

bkgrs & accessories

design mom
Design Mom

a very happy site

well medicated
Well Medicated

inspirational findings

designspiration
Designsp Iration

resource, discover & share

Nien Studios
Nien Studios

design & create

DeviantArt
DeviantArt

network for artists & art-centric

Showcase & Discover Creative Work
Behance

Showcase & Discover Creative Work

Digital
mags
pdf-mags
PDF Mags

inspirational pdf magazines

issuu
Issuu

digital pub: an archive & news stand

print
⁄ paper
mr boddington
Mr. Boddington

one of a kind

All About Papercutting
All About Paper‐
cutting

Umm Yum!
other site

dependable letterpress
Dependable Letterpress

printing

Anteism
Anteism

artist books & zines

Apple Print
Apple Print

Turn your photos into keepsakes

eggpress
Egg Press

handcrafted letterpress cards

Packaging
The Die Line
The Die Line

packaging production inspiration

lovely package
Lovely Package

packaging design

misc
photoshop made simple
Pixlr

photoshop made simple

Vintage Ad Browser
Vintage Ad Browser

vintage ads

furniture
Hayneedle

amazing office furniture

artbox

“Sunset is still my favorite color & rainbow is second.”  Mattie Stepanek

place
holders

lipsum text

Iipsum

lorem ipsum
original greek text

motherfucking placeholder for text

Samuel L Ipsum

motherfucking placeholder for text

Meet The Ipsums

Meet The Ipsums

clever words

Hipster Ipsum

Hipster Ipsum

need i say more

Bacon Mock Up

Bacon Mock Up

bacon placeholder
text

Place Hold

Place Hold

generic placeholder

Place Kitten

Place Kitten

kitten placeholder

list of place holders

Hanselman

list of many placeholder sites

font
fun

Should I Use Comic Sans

Should I Use
Comic Sans

yup, that is a legitimate question

Comic Sans Criminal

Comic Sans Criminal

how to use it…

Interrobang

Interrobang

known as quexclamation mark

font
tools

CharacterReference

Character Reference Chart

current list

icon & font toolkit

Font Awesome

icon & font toolkit

icons

Icons8

icons in any format, size & color

flat icon

Flat Icon

database of vector icons

icon generator

Fav Icon .cc

tiny icon maker

Google Fonts

Google Fonts

test your text in a font

Type Cast

Type Cast

semantic designs ‐ good for readability

Extensis

Extensis

font Management

Web Fonts Current Status

W3C Standards

font standards

sky fonts

Sky Fonts

when a font is installed its available on all apps

generic icons

Genericons

webfont designed to be clean

icomoon

Icomoon

custom built & crist icon fonts

color
fun

beyonce palettes

Beyonce Palettes

fun color Palettes

ioxapp a game

IOX App

color game

colorrrs

Colorrrs

full‐screen way to pick colors

color
tools

pantone

Pantone

need i say anything

visibone sheets

Visi Bone

a color pallet in Photoshop

color picker

W3 School

darker/lighter shades of any color

color mixer

W3 School

Mix two colors

common color names

W3 School

140 color names

Color Blindness

Color Blindness

Color Blindness
Essentials

UX Matters

UX Matters

Color Theory
part 2

share colors

Colour Lovers

palettes & trends
pltts

color wheel

Adobe Color CC

easy color picker

sip

Sip

simple color picker

0 to 255

0 To 255

super simple color hunter

Contrast A

Contrast

accessible color combinations

stock
Photos

Free User Interface Kit

Design Modo

Free User Interface Kit

download free photos fonts patterns style…

Free Downloads

Free Photos, Fonts, brushes…

graphic resources

Free Pik

Free graphic resources

pic jumbo

Pic Jumbo

Free for personal & commercial works

gallery

Gallery 4 it

Free photo sharing service

Free images

Pixa Bay

Free for commercial use

Free images

Foter

Free to blogs, forums…

Free images

Split Shire

Free for commercial & personal use

Free images

RGB Stock

Free photos & graphics

Free images

Unsplash

public domain

Free images

Stock Snap

Creative Commons CC0

Free images

Gratis‐
ography

Free for personal & commercial

pictures for your inspiration

Magdeleine

pictures for your inspiration

Free images

Super Famous

Cc Attribution 3.0

Free images

Life of Pix

Free for personal & commercial

Free images

Pickup Image

public domain photos

Free images

Im Creator

Free for personal & commercial

Creative Commons

Creative Commons

official site

misc

subtle patterns

Subtle Patterns

photoshop plugins

Chatter

“A wise man does not chatter with one whose mind is sick.”  Sophocles

big
industry
advancing design as a professional craft, strategic advantage & vital cultural force
AIGA

professional association for design
resources

GAG
Graphic Artists Guild

Pricing & Ethics

commarts
Comm Arts

vis comm inspiration

adage
Ad Age

news, analysis & data

adcglobal
ADC Global

celebrates & awards leaders

Free images
How Design

business, creativity & technology

Type Directors Club
Type Directors Club

excellent typography

ixda
IxDA

interaction & user experience design

color marketing
Color Marketing Group

color design professionals

popular
opinion
Smashing Magazine
Smashing Magazine

for Web designers & developers

news, information & resources for the Connected Generation
Mashable

news, info & resources for the Connected Generation

A List Apart
A List Apart

many topics
Resp
RWD

Web Designer Depot
Web Designer Depot

many topics
neg space
7 lessons

design envy
Design Envy

blog featuring the best in design today

medium
Medium

Designers & Developers
Stocks

fivethirtyeight
Five Thirty Eight

statistical information ‐ political
burrritos

curated articles to designers & front-end developers every Sunday
Hey Designer

designers & front-end developers

Design News Delivered Daily
Design Bump

Design News

wikileaks
WikiLeaks

reveling news & info to the public

Union Square
Union Square

downtown
San francisco

SF Gate
SF Gate

Bay Area news & entertainment

online magazine & resource site for designers & web developers
One Extra Pixel

designers & developers

The Verge
The Verge

technology, science, art & culture

24 ways
24 Ways To Impress Friends

workflow
Colour

designobserver
Design Observer

design, social & criticism

for designers & web designers
Designer

designers & web designers

archdaily
Arch Daily

inspiration, knowledge & tools to architects

Industrial Design
ID SA

INDUSTRIAL DESIGNERS SOCIETY OF AMERICA

educating & inspiring photographers, videographers, & creative professionals
F Stoppers

educating & inspiring photographers & creatives

Talent
Seeker
hired
Hired

for Designers & Product Managers

designer x
Designer X

exclusive recruiting for selected designers

job board
CSS Tricks

front end developers & designers

Creative Group
Creative Group

interactive, design, mktg, adv…

aquent
Aquent

project placement

event
sxsw
SXSW

music, films & emerging technologies

uxweek
UX Week

inspiration & skills building

how conference
How Design Live

inspiration, edu, tech
more

redesign conference
RE:Design

small‐scale discussions with UX⁄UI leaders

big design in dallas
Big D

ux⁄ui, marketers, designers, strategists…

Mobile Web Dev Conference
Mobile Web Dev Conf

mobile & web dev trends

international talks
Typo Talks

some talks are recorded & publicly accessible

adobe
Adobe

events, seminars & conference

pantone colors
Pantone

news, events & trends

an event apart
An Event Apart

web design conference

social conference directory
Lanyrd

social conference directory

sf design week
SF Design Week

over 60 studio tours & 75 events

meetup
Meet Up

neighbors getting together

eventbrite
Eventbrite

find your next experience

w3
W3C

develop Web standards

Side
Note
How to get the most out of conferences
Scott Berkun

get the most out of you conferences

lunch cruit
Lunch Cruit

just lunch with an interesting company

Hope you have enjoyed this massive set of bookmarks!
If you have any messages ‐ drop them here…