GRC 338: Readings

Readings


Module 1

When I'm asked to give advice to students, the #1 piece of advice I give is this:

Just because a subject is hard for you (math/science/etc), that doesn't mean you're "not cut out for it." You don't have to be a natural at your chosen subject. It's okay if you have to work hard.

— Katie Mack (@AstroKatie) December 5, 2020


Module 2

Intro to HTML | W3 Schools

HTML text fundamentals | MDN Web Docs

1st day working as a dev: 🤔Let me google that
After 3 years working as a dev: 🤔Let me google that
After 7+ years working as a dev: 🤔Let me google that

Somethings don't change no matter how much experience you gain #CodeNewbie

— Molly Struve 🦄 (@molly_struve) July 29, 2019


Module 3

Intro to CSS | W3 Schools

Pixels vs. relative units in CSS: why it’s still a big deal | Kathleen McMahon, 24 Accessibility


Module 4

Image formats: what’s the difference between JPG, GIF, PNG? | Drew Coffin

HTML img tag | W3 Schools

Photos as web content | Jakob Nielsen

How to deal with images on the web | 1st Web Designer

Usability mistakes to avoid when using photos in your website | Jacob Gube

Say no to 72 dpi

Alternative Text | WebAIM

Alt-texts: the ultimate guide | Daniel Göransson, Axess Lab

Alt vs figcaption | Elaina Natario, Thoughtbot


Module 5

Accepting our lack of control | Susan Robertson

What white space can do for you | John Macpherson

Eight common design mistakes (and how to avoid them) | Christina Wang

Read hex color codes - hexadecimal color | Pluralsight

Should I use a carousel?

Carousels | Brad Frost

The unbearable inaccessibility of slideshows | Gian Wild

Website accessibility standards should be higher to help disabled people | S.E. Smith, Vox

From a colourblind designer to the world: please stop using red and green together | Andrew Wilshere, Baseline

Make it boring | Jeremy Wagner

The quiet death of the major re-launch | Jared M. Spool, Center Centre – UIE


Module 6

HTML div tag | W3 Schools

'Div'ide and conquer | Codecademy

Beyond blue links: Making clickable elements recognizable | Nielsen Norman Group

The best icon is a text label | Thomas Byttebier

Making the switch away from icon fonts to SVG: converting font icons to SVG | Sara Soueidan

HTML Links | W3 Schools

Your health is more important than your deadline.

— Brad Frost (@brad_frost) April 20, 2022

It’s not you. Bad doors are everywhere | Vox (video about the Norman doors)


Module 7

Still the best responsive design advice. Thanks @stephenhay https://t.co/jfpUt4V7nD

— Jason Grigsby 🌻 (@grigs) April 12, 2022

Serial position effect : For the most effective landing pages!

The serial position effect with real life marketing examples

Spectrum: Instantly test your web page with different types of color vision deficiency

Cholorzilla: Get a color reading from any point in your browser, quickly adjust this color and paste it into another program.

What Font: The easiest way to identify fonts on web pages.

Ten underrated free sans-serif typefaces on google fonts | Andrew Wilshere, Baseline


Module 8

On mobile, slow speeds kill | Om Malik

Instantiation | Jeremy Keith

Why I care about accessibility | Brad Frost

Centered logos hurt website navigation | Kathryn Whitenton


Module 9

Obvious always wins | Luke Wroblewski

Trustworthiness in web design: Four credibility factors | Aurora Bedford

Forcing links to open in new windows: an argument that should have ended 15 years ago | Marco Arment


Module 10

How important is natural talent to becoming a great designer? | Jared Spool

Spark your creativity by thinking inside the box | Mark McGuinness