CSS
- Using LibGuides CMS for Library WebsitesTraining session videos and resources
- LibGuides: Look & FeelGreat for identifying specific bits of the LibGuides platform you'd like to customize.
Accessibility Tools
Your website, app or video should reasonably accommodate as many kinds of users as possible: people with different types of disabilities, but also people who may have different ages, interests and computer skills.
Appropriate and thorough accessibility testing will ensure that your digital technology gives all users a quality experience.
- WAVE Web Accessibility Evaluation ToolEnter your URL and get customized report.
- WebAIM Color Contrast CheckerEnter a foreground and background color and see if it passes the WCAG test.
Chrome DevTools
Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools can help you diagnose problems quickly, which ultimately helps you build better websites, faster.
- Viewing and changing a page's stylesEvery developer goes through this experience: you code some CSS, and then you view your page and... the styles aren't being applied. Or, they look way different than you expect. This tutorial shows you how to use DevTools to see how the browser is actually applying styles to HTML elements. It also shows you how to change styles from DevTools, which applies the changes immediately without needing to reload the page.
- Analyzing runtime performanceIf your page is slow or janky, you can use DevTools to record everything that happens on the page, and then analyze the results to learn how to optimize the page's performance.
- Device modeUse Chrome DevTools' Device Mode to build mobile-first, fully responsive websites. Emulate your site across different screen sizes and resolutions, including Retina displays.