My interest in design has grown so I decided to view all of these articles to improve my design skills. Feel free to fork this repo and follow along too. I'll be marking these off as I progress.
- THE UX OF VR - http://www.uxofvr.com/
- Hipster Websites - https://httpster.net/2018/jul/
- NISHI - http://heynishi.com/
- SITESEE - https://sitesee.co/
- DESIGN SYSTEMS - https://www.designsystems.com/
- ANIMATION IN DESIGN SYSTEMS - https://24ways.org/2016/animation-in-design-systems/
- DESIGNING FOR LARGE SCREEN SMARTPHONES - http://www.lukew.com/ff/entry.asp?1927=
-
A11Y PROJECT - http://a11yproject.com/
-
WEB ACCESSIBILITY CHECKLIST - http://a11yproject.com/checklist.html
-
COLORABLE - http://jxnblk.com/colorable/demos/text/
-
THE ULTIMATE GUIDE TO WEB CONTENT ACCESSIBILITY - http://blog.invisionapp.com/guide-web-content-accessibility/
-
18F ACCESSIBILITY GUIDE CHECKLIST - https://accessibility.18f.gov/checklist/
-
ETHICAL DILEMMAS IN WEB ACCESSIBILITY - http://www.sitepoint.com/ethical-dilemmas-web-accessibility/
-
EASY CHECKS FOR WEBSITE ACCESSIBILITY - http://www.sitepoint.com/easy-checks-website-accessibility/
-
WAVE - http://wave.webaim.org/
-
INTRODUCTION TO WEB ACCESSIBILITY - https://webaccessibility.withgoogle.com/
-
CONTRAST RATIO - http://leaverou.github.io/contrast-ratio
-
WEB AIM ARTICLES - http://webaim.org/articles/
-
ACCESSIBLE SVG - http://www.sitepoint.com/tips-accessible-svg/
-
THE READABILITY TEST TOOL - http://read-able.com/
-
7 THINGS EVERY DESIGNER NEEDS TO KNOW ABOUT ACCESSIBILITY - https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b
-
DESIGNING FOR COLOUR BLINDNESS - https://sidigital.co/blog/designing-for-colour-blindness
-
A11YCASTS - https://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g
-
HOW TO MAKE WEBSITES USER FRIENDLY AND ACCESSIBLE FOR EVERYBODY - https://hostingfacts.com/website-accessibility-guide/
-
THE ACCESSIBILITY GOLD MINE - https://magenta.as/the-accessibility-gold-mine-50010281f684
-
10 GUIDELINES TO IMPROVE YOUR WEB ACCESSIBILITY - https://aerolab.co/blog/web-accessibility/
-
NAILING ACCESSIBILITY IN DESIGN - https://www.smashingmagazine.com/2017/10/nailing-accessibility-design/
-
INCLUSIVE WEB DESIGN CHECKLIST - https://github.com/Heydon/inclusive-design-checklist
-
ACCESSIBILITY GUIDELINES - http://accessibility.voxmedia.com/
-
A PRIMER TO WEB ACCESSIBILITY FOR DESIGNERS - https://uxplanet.org/a-primer-to-web-accessibility-for-designers-2c548448c612
-
DESIGNING FOR ACCESSIBILITY IS NOT THAT HARD - https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94
-
MISMATCH DESIGN - https://mismatch.design/
-
ACCESSIBILITY FOR TEAMS - https://accessibility.digital.gov/
-
CONTRAST GRID - http://contrast-grid.eightshapes.com/
-
ACCESSIBILITY CHEATSHEET - https://moritzgiessmann.de/accessibility-cheatsheet/
-
INCLUSIVE DESIGN PRINCIPLES - https://inclusivedesignprinciples.org/
-
COLOR REVIEW - https://color.review/
-
JEDI PRINCIPLES OF UI ANIMATION - https://medium.com/@adaptivepath/jedi-principles-of-ui-animation-2b88423b1dac
-
TRANSITIONAL INTERFACES - https://medium.com/@pasql/transitional-interfaces-926eb80d64e3
-
COMMUNICATING ANIMATION - http://alistapart.com/article/communicating-animation
-
DESIGNING INTERFACE ANIMATION - http://alistapart.com/article/designing-interface-animation
-
DESIGNING MEANINGFUL ANIMATIONS - https://designcontentconf.com/2016/09/designing-meaningful-animation-val-head/
-
THE UX IN MOTION MANIFESTO - https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc
-
THE ULTIMATE GUIDE TO PROPER USE OF ANIMATION IN UX - https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9
-
12 BASIC PRINCIPLES OF ANIMATION - http://en.wikipedia.org/wiki/12_basic_principles_of_animation
-
MATERIAL MOTION - https://www.google.com/design/spec/motion/material-motion.html#
-
THE ART OF UI ANIMATIONS - http://markgeyer.com/pres/the-art-of-ui-animations
-
UI ANIMATION AND UX: A NOT-SO-SECRET FRIENDSHIP - http://alistapart.com/article/ui-animation-and-ux-a-not-so-secret-friendship
-
UX ARCHIVE ANIMATED - http://uxarchive.com/animated
-
SMART TRANSITIONS IN USER EXPERIENCE DESIGN - http://www.smashingmagazine.com/2013/10/23/smart-transitions-in-user-experience-design/
-
INVISIBLE ANIMATION - https://medium.com/@stevenfabre/invisible-animation-ffa27d0b77e5
-
ANIMATION PRINCIPLES FOR THE WEB - https://cssanimation.rocks/principles/
-
CREATING USABILITY WITH MOTION: THE UX IN MOTION MANIFESTO - https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc
-
6 ANIMATION GUIDELINES FOR UX DESIGN - https://blog.prototypr.io/6-animation-guidelines-for-ux-design-74c90eb5e47a
-
GOOD TO GREAT UI ANIMATION TIPS - https://uxdesign.cc/good-to-great-ui-animation-tips-7850805c12e5
-
ANIMATION HANDBOOK - https://www.designbetter.co/animation-handbook/
-
UX MYTHS - http://uxmyths.com/
-
BOXES AND ARROWS - http://boxesandarrows.com/
-
NIELSEN NORMAN GROUP - http://www.nngroup.com/
-
DESIGNING FOR PERFORMANCE - http://designingforperformance.com/
-
DESIGN PRINCIPLES FOR REDUCING COGNITIVE LOAD - http://jonyablonski.com/2015/design-principles-for-reducing-cognitive-load/
-
ADAPTING TO INPUT - http://alistapart.com/article/adapting-to-input
-
DESIGNERS GUIDE TO WEB PERFORMANCE OPTIMIZATION - http://jonyablonski.com/2016/designers-guide-to-web-performance-optimization/
-
DEVICE-AGNOSTIC - http://trentwalton.com/2014/03/10/device-agnostic/
-
APPLE UI DESIGN DOS AND DONT'S - https://developer.apple.com/design/tips/
-
DESIGN PRINCIPLES: VISUAL PERCEPTION AND THE PRINCIPLES OF GESTALT - http://www.smashingmagazine.com/2014/03/28/design-principles-visual-perception-and-the-principles-of-gestalt/
-
UX PIN BLOG - http://blog.uxpin.com/
-
10 USABILITY HEURISTICS FOR USER INTERFACE DESIGN - http://www.nngroup.com/articles/ten-usability-heuristics/
-
HOW TO BECOME A UX LEADER - http://www.smashingmagazine.com/2015/04/23/how-to-become-a-ux-leader/
-
A DESIGNER'S GUIDE TO WEARABLES - https://wearablesguide.fjordnet.com/
-
RESPONSE TIMES: THE 3 IMPORTANT LIMITS - http://www.nngroup.com/articles/response-times-3-important-limits/
-
HUMAN INTERFACE GUIDELINES - http://humaninterfaceguidelines.tumblr.com/
-
USABILITY ANNOTATIONS – BEST PRACTICES - https://www.behance.net/gallery/14399439/Usability-Annotations-Best-Practices
-
HOW TO SCROLL - https://bost.ocks.org/mike/scroll/
-
ANDROID UI BEST PRACTICES - http://developer.android.com/training/best-ui.html
-
DESIGN PRINCIPLES - http://learndesignprinciples.com/
-
EFFICIENTLY SIMPLIFYING NAVIGATION - http://www.smashingmagazine.com/2014/05/09/efficiently-simplifying-navigation-systems/
-
TOUCH TARGET SIZES - http://www.lukew.com/ff/entry.asp?1085
-
THE THREE LAWS OF INTERACTION DESIGN - http://uxdiogenes.com/blog/the-three-laws-of-interaction-design
-
UX THOUGHT OF THE DAY - http://ux-thought.tumblr.com/
-
TEN PRINCIPLES FOR GOOD DESIGN - https://www.vitsoe.com/gb/about/good-design
-
ACCORDIONS ON MOBILE - http://www.nngroup.com/articles/mobile-accordions/
-
SIMPLICITY WINS OVER ABUNDANCE OF CHOICE - http://www.nngroup.com/articles/simplicity-vs-choice/
-
COGNITIVE PSYCHOLOGY FOR UX: THE PRINCIPLE OF LEAST EFFORT - https://www.usertesting.com/blog/2015/12/09/principle-of-least-effort//
-
EVERYBODY SCROLLS - http://www.hugeinc.com/ideas/perspective/everybody-scrolls
-
PAGINATION BEST PRACTICES - https://uxplanet.org/pagination-best-practices-76fbd3f5a78d#.jsy5nnwj3
-
THE ROLE OF ENHANCEMENT IN WEB DESIGN - https://www.nngroup.com/articles/enhancement/
-
GOOD UI - http://goodui.org/
-
USABILITY POST - http://usabilitypost.com/
-
TIPS FOR MOBILE DESIGN - https://storify.com/bombayhustle/lukew-tips-for-mobile-design
-
5 LESSONS IN INTERFACE DESIGN - http://www.magneticzero.com/5-lessons-in-ui-design-by-magnetic-zero/#.VGjEtFfF9vo
-
7 RULES FOR CREATING GORGEOUS UI - https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda
-
OBVIOUS ALWAYS WINS - http://www.lukew.com/ff/entry.asp?1945=&utm_campaign=dfc12cbb4e-Inbox_Pixels_Issue_16&utm_medium=email&utm_source=uiGIFs&utm_term=0_30952f7950-dfc12cbb4e-255668893
-
U.S. DIGITAL SERVICES PLAYBOOK - https://playbook.cio.gov/
-
THE YEAR IN DESIGN - http://www.zeldman.com/2015/12/24/the-year-in-design/
-
THE CORE PRINCIPLES OF UI DESIGN - http://blog.invisionapp.com/core-principles-of-ui-design/
-
DESIGN PRACTICES IN VIRTUAL REALITY - https://uxdesign.cc/design-practices-in-virtual-reality-f900f5935826#.yplcvim17
-
STOP THE OVERUSE OF OVERFLOW MENUS - https://medium.freecodecamp.com/stop-the-overuse-of-overflow-menus-5caa4b54e843#.lrgrl9d2o
-
10 RULES FOR EFFICIENT FORM DESIGN - http://babich.biz/10-rules-for-efficient-form-design/
-
THE COMPLETE GUIDE TO OPTIMISING WEB IMAGES - https://robots.thoughtbot.com/the-complete-guide-to-optimising-web-images
-
THE NEW RULES OF FORM DESIGN - http://www.uxbooth.com/articles/the-new-rules-of-form-design/
-
A DESIGNER’S GUIDE TO PERCEIVED PERFORMANCE - https://blog.marvelapp.com/a-designers-guide-to-perceived-performance/
-
BEST PRACTICES FOR LONG SCROLLING - https://uxplanet.org/best-practices-for-long-scrolling-256ffbd7aa12#.pc1fl9b36
-
BEST DESIGN ADVICE NO ONE EVER GAVE ME - https://medium.muz.li/best-design-advice-no-one-ever-gave-me-92acf6b0858a
-
DESIGN PRINCIPLE: CONSISTENCY - https://uxdesign.cc/design-principle-consistency-6b0cf7e7339f
-
SPEAKING VOLUMES - https://design.google/library/speaking-volumes/
-
THE DESIGNER’S AI STUDY GUIDE - http://www.hugeinc.com/ideas/perspective/the-designers-ai-study-guide
-
DROPDOWNS: DESIGN GUIDELINES - https://www.nngroup.com/articles/drop-down-menus/
-
HOW TO AVOID UX BURNOUT - http://boxesandarrows.com/how-to-avoid-ux-burnout/
-
VISUAL SUGAR - https://uxdesign.cc/visual-sugar-f46b47ee04e5
-
ABOVE THE FOLD IS A MYTH - http://abovethefold.fyi/
-
THE STATE OF THE WEB - https://medium.com/@fox/talk-the-state-of-the-web-3e12f8e413b3
-
DESIGN FOR IPHONE X - https://blog.prototypr.io/designing-for-the-iphone-x-4239d5ac736c
-
PLAYBOOK - https://askplaybook.com/
-
THE SUBTLE ART THAT DIFFERENTIATES GOOD DESIGNERS FROM GREAT DESIGNERS - https://uxplanet.org/the-subtle-art-that-differentiates-good-designers-from-great-designers-1ad3557b4c4
-
PRINCIPLES OF USER INTERFACE DESIGN - http://bokardo.com/principles-of-user-interface-design/
-
ANOTHER LENS - https://airbnb.design/anotherlens/
-
A DESIGNER’S CODE OF ETHICS - https://deardesignstudent.com/a-designers-code-of-ethics-f4a88aca9e95
-
THE HIDDEN COST OF TOUCHSCREENS - https://medium.com/@caseorganic/why-do-we-keep-building-cars-with-touchscreens-alt-the-hidden-lives-of-touchscreens-55faf92799bf?ref=uxdesignweekly
-
ETHICS FOR DESIGN - http://ethicsfordesign.com/
-
WHY BAD TECHNOLOGY DOMINATES OUR LIVES - https://www.fastcompany.com/90202172/why-bad-technology-dominates-our-lives-according-to-don-norman
-
ASKING THE RIGHT QUESTIONS DURING USER RESEARCH, INTERVIEWS AND TESTING - https://uxdesign.cc/asking-the-right-questions-on-user-research-interviews-and-testing-427261742a67
-
PRINCIPLES OF CALM TECH - https://calmtech.com/
-
10 COGNITIVE BIASES TO AVOID IN USER RESEARCH - https://uxdesign.cc/10-cognitive-biases-to-avoid-in-user-research-and-how-to-avoid-them-993aa397c8c6
-
MODULAR SCALE - http://modularscale.com/
-
TYPECAST - http://typecast.com/
-
A COMPREHENSIVE GUIDE TO FONT LOADING STRATEGIES - https://www.zachleat.com/web/comprehensive-webfonts/
-
PROFESSIONAL WEB TYPOGRAPHY - https://prowebtype.com/
-
HOW WE READ - http://alistapart.com/article/how-we-read
-
THE STATE OF WEB TYPE - http://stateofwebtype.com/
-
FLUID TYPE - http://trentwalton.com/2012/06/19/fluid-type/
-
STYLE MANUAL - http://stylemanual.org/
-
TYPE SCALE - http://type-scale.com/
-
BRICK WEBFONTS - http://brick.im/
-
FONT PAIR - http://fontpair.co/
-
MATHEMATICAL WEB TYPOGRAPHY - http://jxnblk.com/writing/posts/mathematical-web-typography/
-
POLATE - http://polatejs.com/
-
TRULY FLUID TYPOGRAPHY WITH VH AND VW UNITS - https://www.smashingmagazine.com/2016/05/fluid-typography/
-
BETTER PHOTOSHOP GRID - http://elliotjaystocks.com/blog/a-better-photoshop-grid-for-responsive-web-design/
-
WEB TYPOGRAPHY - http://webtypography.net/toc/
-
FONTSQUIRREL - http://www.fontsquirrel.com/
-
TYPOGRAPHY IMPROVEMENTS - http://www.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typography-in-your-designs/
-
GRIDLOVER - http://www.gridlover.net/
-
100 DAYS OF FONTS - http://100daysoffonts.com/
-
THE NEW WEB TYPOGRAPHY - https://www.robinrendle.com/essays/new-web-typography/
-
TYPOGRAPHY TIPS FOR A BETTER USER EXPERIENCE - https://medium.com/studio-function/typography-tips-for-a-better-user-experience-30a1a48371e6#.mghmq5470
-
TYPOGRAPHY HANDBOOK - http://typographyhandbook.com/
-
ESTABLISHING A GRID - http://www.smashingmagazine.com/2011/11/09/establishing-your-grid-in-photoshop/
-
GOOGLE WEB FONTS - https://www.google.com/fonts
-
CLOUD TYPOGRAPHY - http://www.typography.com/cloud/welcome/
-
TYPEKIT - https://typekit.com/
-
TYPEGENIUS - http://www.typegenius.com/
-
TYPOGRAPHY CHEATSHEET - http://www.typewolf.com/cheatsheet
-
SMART QUOTES FOR SMART PEOPLE - http://smartquotesforsmartpeople.com/
-
GOOGLE WEB FONTS TYPOGRAPHIC PROJECT - http://smartquotesforsmartpeople.com/
-
CHOOSING AND PAIRING TYPEFACES - http://blog.typekit.com/2016/02/12/choosing-and-pairing-typefaces-for-cookbooks/
-
A RESPONSIVE GUIDE TO TYPE SIZING - http://blog.cloudfour.com/responsive-guide-to-type-sizing/
-
DESIGN BY NUMBERS: TYPOGRAPHY - https://medium.com/@dte/design-by-numbers-typography-2e5fd2f262e4#.60h6oayza
-
BUTTERICK'S PRACTICAL TYPOGRAPHY - http://practicaltypography.com/
-
YOUR BODY TEXT IS TOO SMALL - https://medium.com/@xtianmiller/your-body-text-is-too-small-5e02d36dc902#.g49b7yhxh
-
FONT STYLE MATCHER - https://meowni.ca/font-style-matcher/
-
HOW FONTS ARE FUELING THE CULTURE WARS - https://backchannel.com/how-fonts-are-fueling-the-culture-wars-f9d692101fea
-
TYPOGRAPHY CHEATSHEET - https://www.typewolf.com/cheatsheet
-
GRID LOVER - https://www.gridlover.net/try
-
FONTDROP - https://fontdrop.info/
-
VARIABLE FONTS - https://v-fonts.com/
-
WAKAMAIFONDUE - https://wakamaifondue.com/
-
SITEINSPIRE - http://www.siteinspire.com/
-
AWWWARDS - http://www.awwwards.com/
-
DRIBBBLE - https://dribbble.com/
-
CODEPEN DESIGN PATTERNS - http://codepen.io/patterns/
-
FWA - http://www.thefwa.com/
-
ONE PAGE LOVE - http://onepagelove.com/
-
RESPONSIVE PATTERNS - http://bradfrost.github.io/this-is-responsive/patterns.html
-
LITTLE BIG DETAILS - http://littlebigdetails.com/
-
CRAFTED BY LOVE - http://www.craftedbylove.com/
-
WAYS WE WORK - http://www.wayswework.io/
-
DESIGN DETAILS - http://spec.fm/podcasts/design-details
-
BEHANCE - https://www.behance.net/
-
A-Z PROJECT - http://az-project.org/
-
TYPEWOLF - http://www.typewolf.com/
-
PTTRNS - http://www.pttrns.com/
-
USE YOUR INTERFACE - http://useyourinterface.com/
-
CODYHOUSE - http://codyhouse.co/
-
THE GREAT DISCONTENT - https://thegreatdiscontent.com/
-
CODEPEN - http://codepen.io/
-
UX ARCHIVE - http://uxarchive.com/
-
THE FUTURE INTERFACE - https://medium.com/the-future-interface/the-future-interface-design-to-make-technology-human-f4287574ee6b
-
CSS DESIGN AWARDS - http://www.cssdesignawards.com/
-
CSS AWARDS - http://www.cssawds.com/
-
HTTPSTER - http://httpster.net/
-
EMPTY STATES - http://emptystat.es/
-
WHAT COMES NEXT IS THE FUTURE - https://vimeo.com/177267839
-
CASE STUDY CLUB - https://www.casestudy.club/
-
ATTACK THE FRONT - http://attackthefront.com/
-
DESIGNERS:WATCH - http://designers.watch/
-
ATOMIC DESIGN: THE BOOK - http://atomicdesign.bradfrost.com/table-of-contents/
-
HUMANE BY DESIGN - https://humanebydesign.com/
-
A MATTER OF PRINCIPLE - https://medium.com/the-year-of-the-looking-glass/a-matter-of-principle-4f5e6ad076bb
-
FRONTEND DESIGN - http://bradfrost.com/blog/post/frontend-design/
-
DESIGN PRINCIPLES - https://adactio.com/journal/11620
-
A GUIDE TO PERSONAL SIDE PROJECTS - https://www.smashingmagazine.com/2016/05/a-guide-to-personal-side-projects/
-
DESIGN PRINCIPLES FTW - http://www.designprinciplesftw.com/
-
REDUCING DESIGN COMPLEXITY - https://medium.com/@jonyablonski/reducing-design-complexity-26fc4efbe767#.q8afjauin
-
A MINDFUL DESIGN PROCESS - https://headspace.design/a-mindful-design-process-f4a4641ee88f
-
THE MYSTERY OF WORK-LIFE BALANCE - https://medium.com/the-year-of-the-looking-glass/the-mystery-of-work-life-balance-b8cf09c140f8
-
RESILIENT WEB DESIGN - https://resilientwebdesign.com/#Resilient web design
-
DESIGN PRINCIPLES GUIDE - https://design-principles-guide.18f.gov/
-
DESIGN PRINCIPLES - https://principles.design/
-
LAWS OF UX - https://lawsofux.com/
-
THE PSYCHOLOGY OF DESIGN - https://alistapart.com/article/psychology-of-design
-
THE ILLUSION OF CONTROL IN WEB DESIGN - https://alistapart.com/article/the-illusion-of-control-in-web-design
-
MOBILE FIRST - http://www.lukew.com/ff/entry.asp?933
-
CONTENT CHOREOGRAPHY - http://trentwalton.com/2011/07/14/content-choreography/
-
THE AGILE COACH - https://www.atlassian.com/agile/
-
WHAT SEPARATES GREAT DESIGN FROM GOOD DESIGN - http://xtianmiller.com/notes/what-separates-great-design-from-good-design/
-
IBM DESIGN THINKING - http://www.ibm.com/design/thinking/
-
GOOD UX DESIGNERS MUST BE FIGHTERS - https://medium.com/@andrewdoherty/good-ux-designers-must-be-prepared-to-fight-cbf758b10854#.u718gnzfy
-
A DESIGNER'S GUIDE TO COLLABORATION - http://www.designingcollaboration.com/
-
SELLING DESIGN SYSTEMS - http://danielmall.com/articles/selling-design-systems/
-
BRIDGING THE DIVIDE - http://jonyablonski.com/2016/bridging-the-divide/
-
CONTENT-FIRST - https://adactio.com/journal/4523
-
REORGANIZATION - http://trentwalton.com/2013/04/10/reorganization/
-
13 WAYS DESIGNERS SCREW UP CLIENT PRESENTATIONS - https://medium.com/@monteiro/13-ways-designers-screw-up-client-presentations-51aaee11e28c
-
SNOWFLAKES AND SNOWBALLS - https://deardesignstudent.com/snowflakes-and-snowballs-54a0d1e6abdc
-
GOOD DESIGNERS VS GREAT DESIGNERS - https://medium.com/swlh/good-designers-vs-great-designers-e276aa4ad287#.pca7sh7nx
-
GOOD DESIGN - https://medium.com/the-year-of-the-looking-glass/good-design-a89c15136ba6#.sxk153cgq
-
THE FUTURE OF DESIGN IS EMOTIONAL - https://medium.com/swlh/the-future-of-design-is-emotional-5789ccde17aa#.mznca8wsr
-
DESIGN PRINCIPLES - http://principles.adactio.com/
-
THE PRINCIPLES OF UX CHOREOGRAPHY - https://medium.freecodecamp.com/the-principles-of-ux-choreography-69c91c2cbc2a#.360y05yu3
-
GETTING STARTED - http://trentwalton.com/2013/02/07/where-to-start/
-
AGILE METHODOLOGY - http://agilemethodology.org/
-
THE MANY FACES OF 'MOBILE FIRST' - http://bradfrost.com/blog/mobile/the-many-faces-of-mobile-first/
-
PRODUCT STRATEGY MEANS SAYING NO - http://www.productstrategymeanssayingno.com/
-
DESIGN THE BEGINNING - https://medium.com/the-year-of-the-looking-glass/design-the-beginning-b8e61081ce42#.fa970isnc
-
COMPLETE BEGINNER’S GUIDE TO INFORMATION ARCHITECTURE - http://www.uxbooth.com/articles/complete-beginners-guide-to-information-architecture/
-
NEGOTIATION 101 - http://www.fastcodesign.com/3056814/negotiation-101-how-to-sell-design-ideas-to-skeptical-clients
-
ANTICIPATORY DESIGN - https://www.youtube.com/watch?v=zlx_EUpd06w
-
DESIGN THINKING: A MANUAL FOR INNOVATION - https://medium.com/@demianborba/design-thinking-a-manual-for-innovation-e0576b34eff6?mc_cid=24e4ecae9b&mc_eid=cd04f5e7b5#.y6wvmwhs0
-
DESIGNING FUTURE-PROOF UI - https://medium.com/@xtianmiller/designing-future-proof-ui-1fae12e1f552#.ihl18cmgb
-
WHY DESIGN PRINCIPLES SHAPE STRONGER PRODUCTS - https://uxdesign.cc/why-design-principles-shape-stronger-products-ae677bdd831b?ref=hackingui#.jezst76hq
-
GOV.UK DESIGN PRINCIPLES - https://www.gov.uk/design-principles
-
THE PRINCIPLES OF UX CHOREOGRAPHY - https://medium.freecodecamp.com/the-principles-of-ux-choreography-69c91c2cbc2a#.6jcxzs8bn
-
THE CIRCULAR DESIGN GUIDE - https://www.circulardesignguide.com/
-
COOKING WITH DESIGN SYSTEMS - http://danmall.me/articles/cooking-with-design-systems/
-
ANTICIPATORY DESIGN: HOW TO CREATE MAGICAL USER EXPERIENCES - https://uxplanet.org/anticipatory-design-how-to-create-magical-user-experiences-c6107530384c#.xdts6thys
-
THE COMPLETE GUIDE TO THE PRODUCT DESIGN PROCESS - http://www.dtelepathy.com/blog/design/the-complete-product-design-process
-
DESIGN SPRINT KIT - https://designsprintkit.withgoogle.com/
-
EVERYONE IS A DESIGNER. GET OVER IT. - https://library.gv.com/everyone-is-a-designer-get-over-it-501cc9a2f434
-
THOUGHTS ON PRODUCTIVITY - https://medium.com/@jonyablonski/thoughts-on-productivity-679502eecde3
-
25 MINUTE DESIGN SCHOOL - https://medium.muz.li/23-minute-design-school-6c938dd97f2b
-
THE PSYCHOLOGY PRINCIPLES EVERY UI/UX DESIGNER NEEDS TO KNOW - https://blog.marvelapp.com/psychology-principles-every-uiux-designer-needs-know/
-
DESIGNER VS DEVELOPER - https://www.creativereview.co.uk/landing-page/designer-vs-developer/
-
THE BORING DESIGNER - http://blog.capwatkins.com/the-boring-designer
-
FLEXIBLE DESIGN CONSISTENCY - https://medium.com/@jonyablonski/flexible-design-consistency-adaccd733c68
-
UX DESIGN PROCESS - https://www.process.st/checklist/ux-design-process/
-
COGNITIVE UXD - http://cognitiveuxd.com/
-
VOICE GUIDELINES - https://voiceguidelines.clearleft.com/
-
THE RELATIONSHIP BETWEEN DESIGN DELIVERABLES AND PRESENTATION SKILLS - https://uxdesign.cc/the-relationship-between-design-deliverables-and-presentation-skills-56c713694446
-
QUESTIONS UX DESIGNERS SHOULD BE ASKING - https://uxdesign.cc/questions-ux-designers-should-be-asking-bc9a6ba87a34
-
A COMPREHENSIVE OVERVIEW OF UX DESIGN DELIVERABLES - https://medium.com/thinking-design/a-comprehensive-overview-of-ux-design-deliverables-192e7484bb57
-
STYLE GUIDE-DRIVEN DESIGN SYSTEMS - http://bradfrost.com/blog/post/style-guide-driven-design-systems/
-
HOW TO DO A PRODUCT CRITIQUE - https://medium.com/the-year-of-the-looking-glass/how-to-do-a-product-critique-98b657050638
-
UXR FIELDGUIDE - https://uxrfieldguide.com/
-
THE CULT OF THE COMPLEX - http://alistapart.com/article/cult-of-the-complex
-
DESIGNOPS HANDBOOK - https://www.designbetter.co/designops-handbook
-
DESIGN PROCESS FOR PROS - https://www.netguru.co/design-process
-
AN INTRODUCTION TO HUMAN CENTERED DESIGN - https://medium.com/@elizabeth7hoffman/an-introduction-to-human-centered-design-81f0d6c01ec4
-
DIGITAL PSYCHOLOGY - https://digitalpsychology.io/
-
18F METHODS - https://methods.18f.gov/
-
THE ELEMENTS OF UI ENGINEERING - https://overreacted.io/the-elements-of-ui-engineering/
-
CHECKLIST DESIGN - https://www.checklist.design/
-
A LIST APART - http://alistapart.com/
-
SMASHING MAGAZINE - http://www.smashingmagazine.com/
-
UIE ARTICLES - http://www.uie.com/articles/
-
GOOGLE DESIGN - https://design.google/
-
HACKING UI - http://hackingui.com/
-
MEDIUM - https://medium.com/design-ux
-
THE FOUNDATION OF A GREAT UX PORTFOLIO - https://writing.enchant.co/the-foundation-of-a-great-ux-portfolio-7c44faf82c29#.1ekikxhpu
-
SPECKBOY DESIGN MAGAZINE - http://speckyboy.com/
-
UX MOVEMENT - http://uxmovement.com/
-
DESIGNER NEWS - https://www.designernews.co/
-
UX DESIGN WEEKLY - http://uxdesignweekly.com/
-
UX BOOTH - http://www.uxbooth.com/
-
SIDEBAR - http://sidebar.io/
-
CODROPS - http://tympanus.net/codrops/
-
CREATIVE BLOQ - http://www.creativebloq.com/net-magazine
-
UX MAG - http://uxmag.com/
-
UIDEO - https://uideo.net/
-
A GUIDE TO VIRTUAL REALITY FOR WEB DEVELOPERS - https://www.smashingmagazine.com/2017/09/guide-virtual-reality-web-developers/
-
STATE OF UX IN 2018 - https://trends.uxdesign.cc/
-
DESIGN’S LOST GENERATION - https://medium.com/@monteiro/designs-lost-generation-ac7289549017
-
FIELD TRIPS - https://www.fieldtrips.io/
-
UX TOOLS - https://uxtools.co/
-
DEGREELESS.DESIGN - https://www.degreeless.design/
-
THE STATE OF UX IN 2019 - https://trends.uxdesign.cc/2019
-
GOOD MOVES - https://goodmoves.tv/
-
PODCASTS REPO - https://podcasts-repo.surge.sh/
-
WEBSITE STYLE GUIDE RESOURCES - http://styleguides.io/
-
STYLE GUIDE PODCAST - http://styleguides.io/podcast/
-
ADELE - https://adele.uxpin.com/
-
AUSTRALIAN GOVERNMENT DESIGN SYSTEM - https://designsystem.gov.au/
-
DESIGN SYSTEMS - https://www.designsystems.com/
-
MATERIAL - https://material.io/
-
SALESFORCE - http://sfdc-styleguide.herokuapp.com/
-
MAPBOX - https://www.mapbox.com/base/
-
LONELY PLANET - http://rizzo.lonelyplanet.com/styleguide/design-elements/
-
A MAINTAINABLE STYLE GUIDE - http://ianfeather.co.uk/a-maintainable-style-guide/
-
FRONT-END STYLE GUIDES - http://24ways.org/2011/front-end-style-guides/
-
LIGHTNING DESIGN SYSTEM - http://www.lightningdesignsystem.com/
-
WALMART WEB STYLE GUIDE - http://walmartlabs.github.io/web-style-guide/
-
FRONT-END STYLE-GUIDES: DEFINITION, REQUIREMENTS, COMPONENT CHECKLIST - https://www.nngroup.com/articles/front-end-style-guides/
-
SOLID - http://solid.buzzfeed.com/
-
MOZILLA - http://www.mozilla.org/en-US/styleguide/
-
FONTSHOP - http://next.fontshop.com/styleguide/
-
STARBUCKS - http://www.starbucks.com/static/reference/styleguide/
-
DESIGN SYSTEMS: BUILDING FOR THE FUTURE - http://css-tricks.com/design-systems-building-future/
-
IBM DESIGN LANGUAGE - http://www.ibm.com/design/language/
-
MAILCHIMP CONTENT STYLEGUIDE - http://styleguide.mailchimp.com/
-
U.S. WEB DESIGN STANDARDS - https://playbook.cio.gov/designstandards/
-
BEYOND THE STYLE GUIDE - https://24ways.org/2015/beyond-the-style-guide/
-
DESIGNING MODULAR UI SYSTEMS VIA STYLE GUIDE-DRIVEN DEVELOPMENT - https://www.smashingmagazine.com/2016/06/designing-modular-ui-systems-via-style-guide-driven-development/
-
CODE FOR AMERICA - http://style.codeforamerica.org/
-
MAILCHIMP - http://ux.mailchimp.com/patterns/
-
CREATING STYLE GUIDES - http://alistapart.com/article/creating-style-guides
-
ATLASSIAN DESIGN - https://design.atlassian.com/latest/
-
NC.GOV STYLE GUIDE - http://digitalstyle.nc.gov/
-
CODEPEN'S STYLE GUIDE - http://codepen.io/guide
-
UBER BRAND EXPERIENCE - http://brand.uber.com/
-
SHOPIFY POLARIS - https://polaris.shopify.com/
-
CARBON DESIGN SYSTEM - http://carbondesignsystem.com/
-
MARVEL STYLEGUIDE - https://marvelapp.com/styleguide/overview/introduction
-
SOLID WORK - http://www.audi.com/ci/en/renewed-brand.html
-
NACHOS - https://design.trello.com/
-
PHOTON DESIGN SYSTEM - http://design.firefox.com/photon/welcome.html
-
DESIGN SYSTEMS HANDBOOK - https://www.designbetter.co/design-systems-handbook
-
DUOLINGO DESIGN - http://www.duolingo.com/design/
-
BONSAI - http://bonsai.thisalso.com/
-
PLASMA - http://plasma.guide/
-
HUBSPOT CANVAS - https://canvas.hubspot.com/
-
DESIGN SYSTEMS REPO - https://designsystemsrepo.com/
-
VOICE AND TONE - http://voiceandtone.com/
-
SPARK DESIGN SYSTEM - https://sparkdesignsystem.com/
-
PROGRAMMING DESIGN SYSTEMS - https://programmingdesignsystems.com/
-
UNIFORM - http://uniform.hudl.com/
-
SEGMENT - https://evergreen.segment.com/
-
THE NOUN PROJECT - http://thenounproject.com/
-
COOLORS - https://coolors.co/app
-
DESIGN KIT - http://www.designkit.org/
-
GUIDEGUIDE - http://guideguide.me/
-
ADOBE COLOR CC - https://color.adobe.com/
-
PEN & PAPER - http://thenextweb.com/lifehacks/2011/07/17/the-pen-paper-the-most-underrated-creativity-and-productivity-tool/
-
ICONIC - https://useiconic.com/
-
EMBER - http://realmacsoftware.com/ember
-
CONTENT SNIPPETS - http://www.contentsnippets.com/
-
HYPER ISLAND TOOLBOX - http://toolbox.hyperisland.com/
-
COLOR SAFE - http://colorsafe.co/
-
MODULAR GRID PATTERN - http://modulargrid.org/#panel
-
LITTLE IPSUM - http://littleipsum.com/
-
COLOR PALETTE PICKER - http://color.hailpixel.com/
-
SKETCH - http://bohemiancoding.com/sketch/
-
PHOTOSHOPLR - http://madebyvadim.tumblr.com/
-
FOUNDRY - http://thoughtbot.github.io/foundry/
-
GRAPH PAPER - http://konigi.com/tools/graph-paper/
-
DPI LOVE - http://dpi.lv/
-
LIVEVIEW - http://www.zambetti.com/projects/liveview/
-
VIEWPORT RESIZER - http://lab.maltewassermann.com/viewport-resizer/
-
WHATFONT - https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en
-
SNEAKPEEKIT - http://sneakpeekit.com/
-
SUBTLE PATTERNS - http://subtlepatterns.com/
-
SIZE CALCULATOR - http://sizecalc.com/
-
WAYBACK MACHINE - https://archive.org/web/
-
HTML COLOR CODES - http://htmlcolorcodes.com/
-
SVG PORN - http://svgporn.com/
-
REAL FAVICON GENERATOR - http://realfavicongenerator.net/
-
ASPECT RATIO CALCULATOR - http://calculateaspectratio.com/
-
GREYPRINT - https://bjango.com/articles/greyprint/
-
FACEBOOK VR RESOURCES - http://facebook.design/vr
-
COLOR HEX COLOR CODES - http://www.color-hex.com/
-
CSS PEEPER - https://csspeeper.com/
-
MEET THE IPSUMS - http://meettheipsums.com/
-
HERO PATTERNS - http://www.heropatterns.com/
-
COLOR SUPPLY - http://colorsupplyyy.com/app/
-
HEX NAW - https://hexnaw.com/
-
SIMPLE ICONS - https://simpleicons.org/
-
COLORMIND - http://colormind.io/
-
TITLECAP - http://titlecapitalization.com/
-
STYLE GUIDE GUIDE - https://bradfrost.github.io/style-guide-guide/
-
SOUND KIT FOR PROTOTYPES - http://facebook.design/soundkit
-
UX TOOLS - https://uxtools.co/
-
THE STOCKS - http://thestocks.im/
-
SKETCHLAND - http://sketch.land/
-
COLORS - https://klart.co/colors
-
FACEBOOK.DESIGN DEVICES - http://facebook.design/devices
-
SHORTCUTS.DESIGN - http://shortcuts.design/index.html
-
META TAGS - https://megatags.co/
-
LOREM IPSUM - https://loremipsumgenerator.com/
-
COPY PASTE CHARACTER - https://www.copypastecharacter.com/
-
STARK - http://www.getstark.co/
-
CSS GRADIENT GENERATOR - https://cssgradient.io/
-
DEVICE FRAME - https://github.com/c0bra/deviceframe
-
HOWDOESITLOOKONSOCIAL? - https://social.pilcro.com/
-
SKETCH COLOR CONTRAST ANALYSER - https://github.com/getflourish/Sketch-Color-Contrast-Analyser
-
DIGITAL DESIGN TOOLS - https://digitaldesign.tools/
-
HEMINGWAY APP - http://www.hemingwayapp.com/
-
UNDRAW - https://undraw.co/
-
SCALE - https://hihayk.github.io/scale/
-
MAKE MY PERSONA - https://www.hubspot.com/make-my-persona
-
WERNER’S NOMENCLATURE OF COLOURS - https://www.c82.net/werner/
-
COLOR BOX - https://www.colorbox.io/
-
META TAGS - https://metatags.io/
-
PALX - https://palx.jxnblk.com/
-
SQUOOSH - https://squoosh.app/
-
DEVTOOLS FOR DESIGNERS - https://css-tricks.com/devtools-for-designers/
-
DESIGN LIBS - https://www.designlibs.com/about.html
-
REMOVE IMAGE BACKGROUND - https://www.remove.bg/
-
SVG GRADIENT MAP FILTER - https://yoksel.github.io/svg-gradient-map/#/about
-
ANDROID PIXEL CALCULATOR - http://angrytools.com/android/pixelcalc/
-
TINT & SHADE GENERATOR - https://maketintsandshades.com/
-
HUMAAANS - https://www.humaaans.com/
-
SPEAK HUMAN - http://speakhuman.today/
-
COLOR BY CLOUDFLARE DESIGN - https://cloudflare.design/color/
-
MOCK - https://www.mock.video/
-
AWESOME DESIGN TOOLS - https://flawlessapp.io/designtools
-
COPYCHAR - https://copychar.cc/
-
FONT STYLE MATCHER - https://meowni.ca/font-style-matcher/
-
DESIGNERS WEB PERFORMANCE CHECKLIST - http://jonyablonski.com/designers-wpo-checklist/
-
POST-PSD ERA - http://bradfrostweb.com/blog/post/the-post-psd-era/
-
FRONT-END PRINCIPLES FOR DESIGNERS - http://jonyablonski.com/2015/front-end-principles-for-designers/
-
THE NINE STATES OF DESIGN - https://medium.com/swlh/the-nine-states-of-design-5bfe9b3d6d85#.sira5b3er
-
VISUAL INVENTORY - http://danielmall.com/articles/visual-inventory/
-
RESPONSIVE DELIVERABLES - http://daverupert.com/2013/04/responsive-deliverables/
-
RESPONSIVE AGENCY WORKFLOW - http://www.elezea.com/2013/09/responsive-design-agency-workflow/
-
COLLABORATIVE MOODBOARDS - http://www.markboulton.co.uk/journal/collaborativemoodboards
-
RESPONSIVE SKETCHSHEETS - http://zurb.com/playground/responsive-sketchsheets
-
VISUAL DESIGNERS CHECKLIST FOR THE WEB - http://webdesignerschecklist.com/
-
PIXEL PERFECT PRECISION HANDBOOK - http://ustwo.com/ppp/
-
MODERN MINIMALISM IS THE RIGHT CHOICE - https://medium.com/@andrew.burton/modern-minimalism-in-web-design-is-the-right-choice-d91ed888a62b
-
DESIGNING ICONS - https://medium.com/@order_group/designing-icons-a97f8f96b5e
-
DESIGNING BY HAND IN THE DIGITAL AGE - https://threads.tradesy.com/designing-by-hand-in-the-digital-age-ad3e1ed90ce9#.ck052gr6w
-
DESIGN AT 1X—IT’S A FACT - https://medium.com/shyp-design/design-at-1x-its-a-fact-249c5b896536#.36spn44hx
-
PHOTOSHOP ETIQUETTE - http://photoshopetiquette.com/
-
SVG WORKFLOW - http://danielmall.com/articles/svg-workflow-for-designers/
-
MARK BOULTON ON WORKFLOW - http://www.markboulton.co.uk/journal/responsive-summit-workflow
-
STEPHEN HAY ON WORKFLOW - http://www.slideshare.net/stephenhay/mobilism2012
-
DESIGN DELIVERABLES FOR A POST-COMP ERA - http://typecast.com/seminars/post-comp
-
DESIGN GUIDE TO DPI - http://sebastien-gabriel.com/designers-guide-to-dpi/
-
IXD CHECKLIST - http://ixdchecklist.com/
-
CREATE PIXEL-PERFECT ASSETS FOR MULTIPLE SCALE FACTORS - http://www.smashingmagazine.com/2014/10/15/create-assets-for-multiple-scale-factors/
-
BUILD BETTER INTERFACES - https://medium.com/bpxl-craft/build-better-interfaces-9bec2ab2cc47
-
USER TESTING FOR DESIGNERS - http://jonyablonski.com/2015/user-testing-for-designers/
-
THE LITTLE BIG THINGS - http://coryetzkorn.com/blog/the-little-big-things/
-
STYLE TILES - http://styletil.es/
-
RESPONSIVE WORKFLOW - http://viljamis.com/blog/2012/responsive-workflow/
-
VECTOR WORKFLOW - https://medium.com/@janoskoos/my-vector-workflow-dd1357d28d7c
-
COLOUR MANAGEMENT AND UI DESIGN - http://bjango.com/articles/photoshop/
-
UX PROJECT CHECKLIST - http://uxchecklist.github.io/
-
THE DESIGN WORKFLOW AT A DIGITAL AGENCY - https://medium.com/@claudioguglieri/the-design-workflow-at-a-digital-agency-fd55830a14dc
-
MY APP DESIGN WORKFLOW - https://bjango.com/articles/appdesignworkflow/
-
DESIGNING AT 1X - https://medium.com/sketch-app-sources/designing-at-1x-33240842180c
-
HOW I WORK WITH COLOR - https://medium.com/@JustinMezzell/how-i-work-with-color-8439c98ae5ed
-
OPTIMIZING FOR LARGE-SCALE DISPLAYS - https://css-tricks.com/optimizing-large-scale-displays/
-
DESIGNING FOR TELEVISION, PART 1 - https://medium.com/this-also/designing-for-television-part-1-54508432830f#.jhgtiytns
-
THINK LESS. DESIGN BETTER. - https://medium.com/@xtianmiller/think-less-design-better-f812c1617888#.pydglkz82
-
PRACTICAL VR - https://medium.com/@hitsmachines/practical-vr-ce80427e8e9d#.qbpri6yur
-
GETTING STARTED WITH VR INTERFACE DESIGN - https://www.smashingmagazine.com/2017/02/getting-started-with-vr-interface-design/
-
UX RESEARCH CHEAT SHEET - https://www.nngroup.com/articles/ux-research-cheat-sheet/
-
UI COMPONENT PLAYBOOK - https://blog.hichroma.com/ui-component-playbook-fd3022d00590#.n7t4w8hah
-
DESIGNING VOICE EXPERIENCES - https://www.smashingmagazine.com/2017/05/designing-voice-experiences/
-
UX GLOSSARY - https://uxplanet.org/ux-glossary-task-flows-user-flows-flowcharts-and-some-new-ish-stuff-2321044d837d
-
COLOR IN UI DESIGN - https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e
-
DESIGNER’S GUIDE TO FLEXBOX AND GRID - https://medium.com/@jonyablonski/designers-guide-to-flexbox-and-grid-cec6e7e45736
-
THE WHY AND HOW OF EFFECTIVE DESIGN CRITIQUES - https://medium.com/@bbergher/the-why-and-how-of-effective-design-critiques-944313947fe4
-
BEYOND MEDIA QUERIES: AN ANATOMY OF AN ADAPTIVE WEB EXPERIENCE - https://vimeo.com/55076713
-
SKETCH SHORTCUTS - http://sketchshortcuts.com/
-
AN INTRODUCTION TO INTERACTION FLOWS - https://uxplanet.org/an-introduction-to-interaction-flows-a4f783402529
-
A DESIGNER’S GUIDE TO COMPETITOR RESEARCH - https://medium.com/wayfair-design/a-designers-guide-to-competitor-research-914b0deee25a
-
GOOD KICKOFF MEETINGS - http://goodkickoffmeetings.com/
-
LITTLE UI DETAILS - https://codepen.io/tyrellrummage/full/ZJPXgy/
-
7 PRACTICAL TIPS FOR CHEATING AT DESIGN - https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
-
PRIORITY GUIDES: A CONTENT-FIRST ALTERNATIVE TO WIREFRAMES - http://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes
-
UX RESOURCES - https://uxresources.design/
-
UX JOURNEY - https://journey.uxdesign.cc/
-
WHEN TO USE WHICH UX RESEARCH METHOD - https://www.nngroup.com/videos/when-use-which-ux-research-method/
-
PEOPLE + AI GUIDEBOOK - https://pair.withgoogle.com/ BASELINE GRID - https://observablehq.com/@gianordoli/baseline-grid