Applications

Things to install:

Tools

Prototyping Tools:

Origami

Command Line:

Front End Development

Sam Richard - Presentations

SWIG - Simplified Wrapper and Interface Generation

Front End Developer Interview Questions

Hack Reactor

Write Code Every Day

How HTML Drives SEO

Markdown Table Generator

Fluent Conf Knowledge Share

GitHub:

Using github on multidisciplinary teams

Learn Git - Kevin Suttle

Git Guide

GitHub Issues Tagging Guide

Github Tools:

Waffle.IO - for Issue Managment

Sass Meister

Git Extras

Git Commands:

For every Push:

  1. git add -A
  2. git commit -m “insert message here"
  3. git push

Creating a Remote

Creating a New Branch

Animation:

Animation for Interfaces:

Web-Apps-Deserve-Sexy-Transitions

Smart Transitions in User Expereince Design

Transitional Interfaces

Improve the Payment expereince with Animations

Science of Web Animations: SPA

Codrops Inspiration

Art of UI Animations

Designing with Animation

Developing Animation:

CSS Animation:

CSS Animation for Beginners

CSS Transtions & Keyframes Intro

CSS3 Animations vs Transitions

High Performance Animations

Transition Animations

Animate.CSS

Chrome Animation Controls

Animatable Properties

Page Transitions

SVG Animation:

SVG Animations

SVG - Animated Line

SVG Animation with SMIL vs CSS

SVG Coordinate System

SVG Pocket Guide

Styling & Animating SVG’s with CSS

Snap SVG Learning

Animate SVG Icons with Snap

Intermediate Snap SVG

The Ultimate SVG Animation List

Interactive SVG Coordinate System

SVG Optimization Tools:

SVGO

SVG Now

Timing Functions:

Transition-Timing-Function

Undersatnding CSS Timing Functions

Robert Penner’s Easing Functions

SnapSVG Cubic Bezier Solver

SnapSVG Cubic Bezier Conversion

Trigonometry in Sass

Libraries:

BounceJS

Gifs:

Making Gifs Beautiful

iOS Animation:

QuartzCode

CSS:

Tools:

CSS Ruler

CSS Blending Effects

Codrops - CSS Ref

Flexbox Articles

Flexboxin5

Guide to Flexbox

Attribute Selector

Mastering CSS

SVG Sprites for Icon Fonts

How to Center in CSS

Syntax:

BEM Syntax

BEM with Sass

Web Performance

Improve UX Through Front-End Performance

Keep Users updated during long load times

How to integrate waiting time user expereince

Constructing the Object Model - Performance

Dave Rupert - Responsive Web Design

Automate Front End Performance

Optimizing the Wrong things

UI Patterns

User Flow Patterns

Typographic Patterns

Trend Research

Motion Design Trends For UI

Typography

Icomoon

Javscript

Advanced Javascript

Modernizr Tutorial

Open Source Tools

ThoughtBot’s collection of Open Source Tools

Jekyll - for Github blogging

How to setup Jekyll

Singularity Grid System

Surge

Brand:

Marketers Guide to Developing a Strong Brand

Sublime Text:

Package Control

Keyboard Shortcuts:

Highlight the property you want and Press-D to change all attributes on the page

Emmit

Best SublimeText 3 Features

Sublime Text Packages:

Sublime Text Packages

Sass:

Drying out your Sass Mixins

UX:

UI Animation and UX Friendship

Accessibility

Reframing Accessibility for the web

Psycology witin Design

How Users Really Perceive Interfaces: Psychological and Biological Approach to User Interfaces.

Psycology Web Performance

Neuroscience Page Speed Web Performance

Content Strategy

COPE - Create one, Publish Everywhere

Inspiration

Code:

HTML,CSS,JS nuggets

Codrops

Call me nick

Jupyter

Books:

Learning UX Books:

These are the book I recommend to anyone who is interesting in learning UX processes. They are in order from what I would say is most important to least.

  1. This is Service Design Thinking- This book is a great primer to what service design is and the tools that they use. This taught me a lot about user research and how to design for things that are not tangible.

  2. Designing for the digital age Amazing book very dense and a long read but it was the first book I read about designing for interaction and products. It shows how the product design world is structured.

  3. Designing Interface Goes though everything interface in detail.

  4. How to Make Sense of Any Mess Amazing book about information architecture

  5. Don’t Make me Think Great book about designing intuitive interaction and information design

  6. 101 design methods- Real good methods for design thinking

  7. MicroInteractions - Great quick read about designing very very small interactions.

  8. Service Design- This is another great book about service design. Very similar to the “This is service design thinking”

  9. Human Centered Design- Interesting book about human centered design concept.