Skip to content

ryanbrownhill/ryanbrownhill.github.io

Repository files navigation

Applications

  • Development:
    • Sublime Text
    • MacDown
    • ImageOptim

Tools

Prototyping Tools:

Origami

Command Line:

GitHub:

Using github on multidisciplinary teams

Github Tools:

Waffle - 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 origin branch-name

Collaborating on a Project:

  • git checkout -b branch-name

    • Makes your own branch for the first push
  • git checkout ryan-branch

    • Change branch in CLI
  • git branch

    • Looks at branch - tells you what branch your own)
  • git pull upstream master

    • Don't remember what this means
  • git push origin branch-name

    • Pushes the local "origin" code to branch
  • git fetch --all

    • Making sure you code is the same as the )
  • Git emojis

Animation:

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

Web Performance

Improve UX Through Front-End Performance

Keep Users updated udring long load times

How to integrate waiting time user expereince

Constructing the Object Model - Performance

UI Patterns

User Flow Patterns

Trend Research

Motion Design Trends For UI

CSS:

Tools:

CSS Ruler

CSS Blending Effects

Animation:

Beginner:

CSS Animation for Beginners

CSS3 Animations vs Transitions

Advanced:

High Performance Animations

Transition Animations

Animate.CSS

Chrome Animation Controls

Animatable Properties

SVG Animations

SVG - Animated Line

Transition-Timing-Function

Undersatnding CSS Timing Functions

Libraries:

BounceJS

Syntax:

BEM Syntax

BEM with Sass

Javscript:

Advanced Javascript

Open Source Tools

ThoughtBot's collection of Open Source Tools

Jekyll - for Github blogging

How to setup Jekyll

Singularity Grid System

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

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

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-] (http://www.amazon.com/Designing-Digital-Age-Human-Centered-Products/dp/0470229101/ref=sr_1_1?s=books&ie=UTF8&qid=1418961284&sr=1-1&keywords=designing+for+the+digital+age&pebp=1418961286348) 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-] (http://www.amazon.com/Dont-Make-Think-Revisited-Usability/dp/0321965515/ref=sr_1_1?s=books&ie=UTF8&qid=1418961361&sr=1-1&keywords=don%27t+make+me+think&pebp=1418961362533) Great book about designing intuitive interaction and information design

  6. [101 design methods-] (http://www.amazon.com/101-Design-Methods-Structured-Organization/dp/1118083466/ref=sr_1_1?s=books&ie=UTF8&qid=1418961312&sr=1-1&keywords=101+design+methods&pebp=1418961313509) 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.

Releases

No releases published

Packages

No packages published