Design Resources

You must be logged in to view the contents of this board.

Style Guides

Pin
  1. Brand.ai
  2. Marvel
  3. Front-End Style-Guides: Definition, Requirements, Component Checklist

Colours

Pin
  1. Curated Color Palette Masterpieces.
  2. Curated color palette inspiration
  3. HTML Color Codes
  4. iOS Colors
  5. Gradify
  6. Vibrant.js

Sketch Plugins

Pin
  1. Sketch Dynamic Button

Brand guidelines

Pin
  1. SVG PORN
  2. Find Guidelines - The fastest way to brand assets.

SVG

Pin
  1. A Practical Guide
  2. SVG and SVG Sprites
  3. Snap SVG
  4. SVG Path Builder
  5. The 10 Best JavaScript Libraries for SVG Animation

UI Kits

Pin
  1. Landing UI kit
  2. Semantic UI

Social media

Pin
  1. InlineTweet.js
  2. Instafeed.js - a simple Instagram javascript plugin
  3. Twitter Post Fetcher - compiled

Hover & Click effects

Pin
  1. Creative Button Styles
  2. Effeckt.css
  3. Creative Link Effects
  4. CSS Buttons
  5. Hover States / Celebrating great interaction design & frontend development
  6. Caption Hover Effects - Demo 1

Scrolling

Pin
  1. Force.js
  2. ScrollTrigger
  3. Sticky Plugin
  4. ScrollReveal
  5. Space.js – HTML-driven narrative 3D-scrolling
  6. AnimateScroll - jQuery Plugin for Animating Scroll

Environments

Pin
  1. Small Victories
  2. Jekyll
  3. Cactus for Mac
  4. Harp

Icon Fonts

Pin
  1. paymentfont.io
  2. Fontello.com
  3. fontawesome.io

Animation

Pin
  1. CSS quests
  2. Dynamics JS
  3. Animated Headlines
  4. Motion experiments by Michael Villar

CMS

Pin
  1. Forestry.io
  2. Siteleaf
  3. Craft

Responsive

Pin
  1. Flexible Grid System

Favicons

Pin
  1. favico.js
  2. All About Favicons

Wireframing

Pin
  1. OmniGraffle
  2. Popapp

Flexbox

Pin
  1. Flexbox Grid
  2. A Visual Guide to CSS3 Flexbox Properties

Charts

Pin
  1. Chart.js 2.0
  2. Highcharts.js

Grids

Pin
  1. Grid Calculator
  2. The no-nonsense CSS grid
  3. Bourbon Neat
  4. Visible Grid

Carousels

Pin
  1. Smart Slider 3
  2. slick - the last carousel you'll ever need
  3. Hero Slider
  4. Owl Carousel

Prototyping

Pin
  1. Atomic
  2. Pixate
  3. Flinto
  4. Proto.io

Languages

Pin
  1. This is Markdown

Nav

Pin
  1. VPenkov/okayNav
  2. Stretchy Navigation

IE8

Pin
  1. aFarkas/html5shiv
  2. scottjehl/Respond

Stock Images

Pin
  1. Gratisography
  2. StockSnap.io - Beautiful Free Stock Photos
  3. Unsplash | Free High-Resolution Photos

Galleries

Pin
  1. Radial SVG Slider
  2. ademilter/bricklayer
  3. Bricks.js
  4. Pointy Slider
  5. Superbox, the lightbox, reimagined
  6. jQuery CollagePlus - an image gallery plugin by Ed Lea
0 Comment
Comments or thoughts?
Submit
Cancel
or
Email a link to this board
Share this board on Facebook
Share this board on Twitter
Notice label will go here