Resources
Tools and information I reference on the regular.
Design Inspiration
Dribbble.com - Show and tell for designers.
Behance.net - Portfolios of designers across multiple disciplines.
Themeforest.net - Browse WordPress themes for ideas.
Collectui.com - UI archive updated daily.
screenlane.com - UI examples you can filter by feature.
Typography
Typewolf - Font recommendations and lists, examples of fonts in use.
Fontpair - Free suggestions for pairing Google fonts.
Typetester - Select and compare fonts for your projects.
Google fonts - Free fonts that are easy to include in Service Portal.
fontsquirrel - My favorite free font source.
Serviceportal.io - Nathan Firth’s guide to adding custom fonts in Service Portal.
Design Principles + Heuristics
Lawsofux.com - Learn the principles that guide good user experience design.
Don’t Make Me Think by Steve Krug - User experience, testing tactics, and more.
Interaction Design Foundation: User Experience (UX) - Articles on User experience.
USWDS: The United States Web Design System - A design system used for the federal government. Contains rules and guides for implementing different site features.
The color system - Material Design - Google’s open source design system with code and guidelines to help your front-end projects.
Color
Coolors.co - My favorite site for establishing color palettes.
Coschedule.com - I love this article on color psychology.
Paletton - The Color Scheme Designer - Pop in your main brand color and get a suggested color palette.
CSS + SCSS
Csstricks.com - CSS-Trick’s Guide to Flexbox. Why are you not using Flexbox yet?!
Csstricks.com - I’ve found this to be the best site for information on CSS that is easy to find and easy to digest.
Bootstrap SASS on Github - All those secret bootstrap SASS variables they use in portal. Use these in your theme to override SN defaults.
SN Community CSS Guide - A pretty comprehensive guide to CSS on the ServiceNow community.
CodeCreative.io - Great article to help you understand how CSS is compiled for Service Portal. Travis also has a great guide to get you started on Service Portal.
Sass: sass:color - A guide to all the fun things SASS can do with colors.
Flexbox Froggy - A fun game to help you get the hang of Flexbox.
Accessibility
Colbis - Color blindness simulator.
UXdesign.cc - Designing for Accessibility is Not That Hard
Icons + Images
Font Awesome 4.7 - FontAwesome as used in Service Portal.
Flaticon.com - Royalty-free icons. Attribute as requested!
Heropatterns - Banish boring backgrounds with these free SVG patterns you can tailor to your portal’s brand colors.
Undraw.co - Free SVG illustrations. Give your projects a human touch.
Pexels - Royalty-free stock photography.