Pinboard (garrettc)
https://pinboard.in/u:garrettc/public/
recent bookmarks from garrettcDialogs and popovers seem similar. How are they different?2024-03-22T08:51:43+00:00
https://hidde.blog/dialog-modal-popover-differences/
garrettcwebdevelopment webdesign userinterface userexperience accessibility modal dialoghttps://pinboard.in/u:garrettc/b:a04c4186b15f/Some little ways I’m using CSS :has() in the real world - Piccalilli2024-03-11T10:34:12+00:00
https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/
garrettccss webdesign webdevelopment userexperience userinterface tips trickshttps://pinboard.in/https://pinboard.in/u:garrettc/b:0279543f7a0a/Accessibility Myths2024-03-07T10:26:15+00:00
https://a11ymyths.com/
garrettcaccessibility myths webdevelopment webdesign inclusivity userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:dede3546fb2c/We need to talk about Jakob2024-03-04T13:48:57+00:00
https://buttondown.email/practicaltips/archive/we-need-to-talk-about-jakob/
garrettcaccessibility webdevelopment webdesign userexperience inclusivityhttps://pinboard.in/u:garrettc/b:ebaf4dbefc6f/Names are complex: Displaying initials for an avatar component in a design system2024-02-26T13:13:41+00:00
https://hey.georgie.nu/avatar-initials/
garrettcwebdesign webdevelopment userexperience userinterface avatar designsystemshttps://pinboard.in/https://pinboard.in/u:garrettc/b:cf68c4968350/Accessible light/dark mode theme toggle in JavaScript2024-01-30T09:34:43+00:00
https://dev.to/whitep4nth3r/the-best-lightdark-mode-theme-toggle-in-javascript-368f
garrettcwebdevelopment webdesign userexperience userinterface accessibilityhttps://pinboard.in/u:garrettc/b:9acda0f411cb/Be the browser’s mentor, not its micromanager.2023-12-19T10:14:39+00:00
https://buildexcellentwebsit.es/
garrettcwebdevelopment webdesign bestpractice responsivedesign userexperiencehttps://pinboard.in/u:garrettc/b:ce100607c82c/The UX of delivering parcels2023-12-15T10:13:39+00:00
https://builtformars.com/case-studies/ux-of-parcels
garrettcwebdesign webdevelopment userexperience feedback userinterfacehttps://pinboard.in/https://pinboard.in/u:garrettc/b:1c54320b4b80/Examples of Great URL Design - Jim Nielsen’s Blog2023-12-05T10:43:45+00:00
https://blog.jim-nielsen.com/2023/examples-of-great-urls/
garrettcurl worldwideweb webdesign webdevelopment userexperience userinterfacehttps://pinboard.in/https://pinboard.in/u:garrettc/b:f472a4842f3f/ARIA, the good parts by Hidde de Vries2023-09-28T17:04:12+00:00
https://talks.hiddedevries.nl/hDiDOG/aria-the-good-parts
garrettcaria webdevelopment webdesign userexperience accessibility presentationhttps://pinboard.in/u:garrettc/b:8eae17dbc48c/The ideal viewport doesn’t exist2023-08-22T07:58:17+00:00
https://viewports.fyi/
garrettcviewport reference bestpractice webdesign webdevelopment userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:0ab6ffc4c9fc/Web Testing with Playwright: The Automation Panda's Official Playwright Tutorial2023-08-08T08:46:01+00:00
https://github.com/AutomationPanda/awesome-web-testing-playwright
garrettcwebdevelopment testing playwright tutorial userexperience usertestinghttps://pinboard.in/https://pinboard.in/u:garrettc/b:bd92b1d442f5/Toggles suck!2023-07-31T09:01:55+00:00
https://axesslab.com/toggles-suck/
garrettcaccessibility forms webdevelopment webdesign userinterface userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:ee4f944987c3/Invisible Details of Interaction Design2023-07-25T10:03:56+00:00
https://rauno.me/craft/interaction-design
garrettcinteraction userexperience webdevelopment webdesign appdesign appdevelopment accessibility learninghttps://pinboard.in/u:garrettc/b:bc0bbe2e590c/How To Disable Gutenberg Without Using Plugins2023-07-13T12:08:40+00:00
https://metabox.io/disable-gutenberg-without-using-plugins/
garrettcwordpress performance webdevelopment plugin userexperiencehttps://pinboard.in/u:garrettc/b:b9579e517727/Semantics and the popover attribute: what to use when?2023-06-03T12:35:36+00:00
https://hidde.blog/popover-semantics/
garrettcwebdesign webdevelopment popup modal userexperience referencehttps://pinboard.in/u:garrettc/b:b9da9102e40f/The UIs ChatGPT won't replace2023-05-11T09:01:44+00:00
https://exorva.com/blog/uis-chat-gpt-wont-replace
garrettcchatgpt design designthinking chatbot chatui userinterface userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:41e10336b94a/Why Chatbots Are Not the Future2023-05-11T09:01:01+00:00
https://wattenberger.com/thoughts/boo-chatbots
garrettcchatgpt design designthinking chatbot chatui userinterface userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:721626ef0384/UI design week: a special series from The Verge2023-04-20T08:34:26+00:00
https://www.theverge.com/23632230/designers-week-series-ui-accessibility-vr-interface
garrettcuserexperience userinterface webdesign webdevelopment articlehttps://pinboard.in/https://pinboard.in/u:garrettc/b:e3e8258c3531/The solutions to all our problems may be buried in PDFs that nobody reads2023-04-13T06:41:14+00:00
https://www.washingtonpost.com/news/wonk/wp/2014/05/08/the-solutions-to-all-our-problems-may-be-buried-in-pdfs-that-nobody-reads/
garrettcpdf research userexperience usability datahttps://pinboard.in/u:garrettc/b:02f5c92690dc/Dumb Password Rules2023-03-16T12:06:35+00:00
https://dumbpasswordrules.com/sites/
garrettcpassword userexperience webdevelopment webdesignhttps://pinboard.in/https://pinboard.in/u:garrettc/b:bfefd5413be0/A Guide To Accessible Form Validation2023-03-03T08:19:38+00:00
https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/
garrettcwebdesign webdevelopment userexperience accessibility formshttps://pinboard.in/u:garrettc/b:0d7975b2a399/The Micropedia of Microaggressions – the first encyclopedia of microaggressions.2023-02-14T07:02:40+00:00
https://www.themicropedia.org/
garrettcuserexperience equality inclusivity reference microaggresionhttps://pinboard.in/u:garrettc/b:36bd482b2be5/Inclusive Components: The Book2023-02-10T16:47:05+00:00
https://book.inclusive-components.design/
garrettcwebdevelopment webdesign accessibility inclusivity userexperience tobuy ebook bookhttps://pinboard.in/https://pinboard.in/u:garrettc/b:67c71a7f0f2c/No, pop-ups can't be part of a good UX - ever.2023-02-10T14:14:53+00:00
https://diginomica.com/no-pop-ups-cant-be-part-of-a-good-ux-ever
garrettcmodal webdesign webdevelopment popups userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:8671f3ac7824/Three attributes for better web forms2023-01-20T11:29:56+00:00
https://adactio.com/journal/19842
garrettchtml usability webdevelopment accessibility userexperience formshttps://pinboard.in/https://pinboard.in/u:garrettc/b:d5034c37f5b1/Personalization Pyramid: A Framework for Designing with User Data2022-12-09T10:58:01+00:00
https://alistapart.com/article/personalization-pyramid/
garrettcdata personalisation userexperience webdevelopment appdevelopment privacy securityhttps://pinboard.in/https://pinboard.in/u:garrettc/b:1f8fef922bb3/iodine: A micro JavaScript validation library.2022-11-10T14:40:54+00:00
https://github.com/caneara/iodine
garrettcjavascript library forms webdevelopment userexperience validation datahttps://pinboard.in/https://pinboard.in/u:garrettc/b:3dfcf8609cbf/Google image search is the true search2022-09-07T15:46:40+00:00
https://ftrain.medium.com/google-image-search-is-the-true-search-6b0c3ad16bd2
garrettcsearch google userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:d02919b66dfd/Overlay Fact Sheet2022-07-13T16:31:40+00:00
https://overlayfactsheet.com/
garrettcaccessibility webdevelopment userexperience userinterfacehttps://pinboard.in/u:garrettc/b:fddbff07c5aa/Streets Series' Articles2022-03-30T21:39:58+00:00
https://dev.to/tigt/series/16560
garrettcwebdesign webdevelopment performance optimisation userexperience progressiveenhancementhttps://pinboard.in/u:garrettc/b:8eb984776ea1/One thing per page - Design in government2022-03-30T21:37:47+00:00
https://designnotes.blog.gov.uk/2015/07/03/one-thing-per-page/
garrettcwebdevelopment webdesign userexperience forms bestpracticehttps://pinboard.in/u:garrettc/b:7b384d6b13dc/SVG Loaders2022-03-25T14:42:18+00:00
https://samherbert.net/svg-loaders/
garrettcsvg animation userinterface userexperience opensourcehttps://pinboard.in/https://pinboard.in/u:garrettc/b:8015ce333101/Typing delay experiment2022-02-21T15:47:53+00:00
https://input-delay.glitch.me/
garrettckeyboard input userexperience typinghttps://pinboard.in/https://pinboard.in/u:garrettc/b:b1640a5c6ca0/(mac)OStalgia2021-12-26T12:40:00+00:00
http://swallowmygraphicdesign.com/project/macostalgia
garrettcdesign apple nostalgia macos technology mac history userinterface userexperience appshttps://pinboard.in/u:garrettc/b:43098b730895/Estelle Weyl – “Fast. Simple. Accessible.“ | .concat() 2018 - YouTube2021-12-07T14:31:53+00:00
https://www.youtube.com/watch?v=Zk4X_AmPsoU
garrettcYouTube video presentation usability accessibility inclusivity userexperience webdevelopmenthttps://pinboard.in/u:garrettc/b:4bd1a4f09d10/Pace layers in experience design2021-11-08T18:45:56+00:00
https://duncanstephen.net/pace-layers-in-experience-design-stabilise-innovation-by-understanding-peoples-needs/
garrettcpacelayers innovation webdesign webdevelopment usercentereddesign userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:eabc893dd5f6/When to use target="_blank"2021-10-28T10:12:36+00:00
https://css-tricks.com/use-target_blank/
garrettchtml links usability webdesign userexperience browserhttps://pinboard.in/https://pinboard.in/u:garrettc/b:828f7083d20c/101 Digital Accessibility tips and tricks - DEV Community2021-08-19T09:03:33+00:00
https://dev.to/inhuofficial/101-digital-accessibility-tips-and-tricks-4728
garrettcaccessibility webdevelopment list tips tricks userexperience inclusivityhttps://pinboard.in/https://pinboard.in/u:garrettc/b:aec95cb747d9/Designing an omni-search2021-07-02T08:09:28+00:00
https://uxdesign.cc/designing-an-omni-search-29c6cb6ec3f7
garrettcuserexperience search webdesign webdevelopmenthttps://pinboard.in/u:garrettc/b:6e882ecb60aa/UX Design Articles and Books from the Interaction Design Foundation2021-06-24T10:42:11+00:00
https://www.interaction-design.org/literature
garrettcdesign hci userexperience designthinking resourcehttps://pinboard.in/https://pinboard.in/u:garrettc/b:ea3b5b98aeae/A Complete Guide To Accessibility Tooling2021-06-16T13:51:07+00:00
https://www.smashingmagazine.com/2021/06/complete-guide-accessibility-tooling/
garrettcwebdevelopment webdesign accessibility inclusivity userexperience resourcehttps://pinboard.in/https://pinboard.in/u:garrettc/b:7c0514f00534/inclusive-design-and-development handbook2021-06-08T16:52:16+00:00
https://github.com/inclusive-design-and-development/handbook/tree/main/leadership/bringing_others_along/ingredients_for_case
garrettcwebdevelopment business accessibility userexperiencehttps://pinboard.in/u:garrettc/b:1f066c355ddf/UX Theatre: The Poster2021-06-08T09:39:09+00:00
https://www.spydergrrl.com/2020/05/ux-theatre-poster.html
garrettcwebdevelopment appdevelopment webdesign usercentereddesign userexperience bestpracticehttps://pinboard.in/https://pinboard.in/u:garrettc/b:b44cdbf4ebfd/The right tag for the job: why you should use semantic HTML2021-06-06T14:19:25+00:00
https://localghost.dev/2021/06/the-right-tag-for-the-job-why-you-should-use-semantic-html/
garrettcwebdevelopment accessibility userexperiencehttps://pinboard.in/u:garrettc/b:1d5726441ce4/Let’s talk about failure2021-06-05T18:38:37+00:00
https://styledeficit.tumblr.com/post/652916567691132928
garrettcuserexperience failure webdevelopment webdesign bestpracticehttps://pinboard.in/u:garrettc/b:a631d051261d/Design leadership: How to establish a design-led culture in your organisation2021-05-27T13:03:28+00:00
https://frutostudio.co.uk/blog/establish-design-leadership-organisation
garrettcdesignthinking business webdevelopment webdesign userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:aa6d12305e2e/Convince Your Boss to Care About Speed2021-05-07T09:41:52+00:00
https://calibreapp.com/blog/convince-your-boss-about-performance
garrettcperformance speed webdevelopment userexperience bestpracticehttps://pinboard.in/https://pinboard.in/u:garrettc/b:023e9770cf57/How to Report Errors in Forms: 10 Design Guidelines2021-05-06T09:04:07+00:00
https://www.nngroup.com/articles/errors-forms-design-guidelines/
garrettcwebdesign webdevelopment userexperience forms error bestpractice accessibilityhttps://pinboard.in/https://pinboard.in/u:garrettc/b:ac087d595b35/The Best Place for Error Messages on Forms2021-05-06T09:03:21+00:00
https://uxmovement.com/forms/the-best-place-for-error-messages-on-forms/
garrettcwebdesign webdevelopment userexperience forms error bestpractice accessibilityhttps://pinboard.in/https://pinboard.in/u:garrettc/b:f7f1fb5813e5/The Ultimate UX Design of Form Validation2021-05-06T09:02:08+00:00
https://designmodo.com/ux-form-validation/
garrettcwebdesign webdevelopment userexperience forms error bestpractice accessibilityhttps://pinboard.in/https://pinboard.in/u:garrettc/b:94d8b1ebc1f8/The Almost-Complete Guide to Cumulative Layout Shift2021-04-28T08:06:20+00:00
https://jessbpeck.com/posts/completecls/
garrettcaccessibility performance webdevelopment webdesign userexperience layouthttps://pinboard.in/https://pinboard.in/u:garrettc/b:4f1d941d2088/Don't you forget about me: overlooked breakpoints in responsive design.2021-04-28T07:43:34+00:00
https://polypane.app/blog/overlooked-breakpoints-in-responsive-design/
garrettccss webdesign webdevelopment layout userexperience mobilefirst responsivedesign bestpracticehttps://pinboard.in/https://pinboard.in/u:garrettc/b:25f8f68f2e6e/UX Lexicon2021-04-26T06:34:58+00:00
https://www.curiositytank.com/ux-lexicon
garrettcuserexperience lexicography reference webdevelopment appdevelopmenthttps://pinboard.in/u:garrettc/b:fbe4684e8249/Web Interface Handbook2021-04-22T07:01:54+00:00
https://imperavi.com/books/web-interface-handbook/
garrettcwebdevelopment webdesign userexperience userinterface bookhttps://pinboard.in/u:garrettc/b:c8263e1d03eb/Why the Email Confirmation Field Must Die2021-04-21T15:51:29+00:00
https://uxmovement.com/forms/why-the-email-confirmation-field-must-die/
garrettcuserexperience webdevelopment forms emailhttps://pinboard.in/https://pinboard.in/u:garrettc/b:2afe0337c007/Sticky Headers: 5 Ways to Make Them Better2021-04-14T08:03:44+00:00
https://www.nngroup.com/articles/sticky-headers/
garrettcwebdesign webdevelopment usability userexperience accessibilityhttps://pinboard.in/https://pinboard.in/u:garrettc/b:bb2f2e0a36fe/HTML Design Principles: Priority of Constituencies2021-03-23T08:51:34+00:00
https://www.w3.org/TR/html-design-principles/#priority-of-constituencies
garrettcprinciples html w3c userexperience ethics inclusivityhttps://pinboard.in/https://pinboard.in/u:garrettc/b:739d357aa182/Dark Patterns at Scale: Findings from a Crawl of 11K Shopping Websites2021-02-09T11:59:19+00:00
https://webtransparency.cs.princeton.edu/dark-patterns/
garrettcbusiness webdevelopment webdesign ethics userexperience darkpatternshttps://pinboard.in/https://pinboard.in/u:garrettc/b:efc8abd0c0e9/Applying white space in UI design2021-02-09T09:13:04+00:00
https://uxdesign.cc/whitespace-in-ui-design-44e332c8e4a
garrettcwebdesign webdevelopment userinterface userexperience whitespace appdesign appdevelopmenthttps://pinboard.in/https://pinboard.in/u:garrettc/b:cce30148c23f/How to avoid layout shifts caused by web fonts2021-02-03T12:08:13+00:00
https://simonhearne.com/2021/layout-shifts-webfonts/
garrettccss performance typography webdevelopment webdesign userexperience fontshttps://pinboard.in/https://pinboard.in/u:garrettc/b:d18c90078934/The unreasonable effectiveness of simple HTML2021-01-28T10:35:36+00:00
https://shkspr.mobi/blog/2021/01/the-unreasonable-effectiveness-of-simple-html/
garrettcaccessibility html css progressiveenhancement webdesign webdevelopment userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:81e1f97cf3b9/Add scroll margin to all elements which can be targeted2021-01-28T09:56:51+00:00
https://piccalil.li/quick-tip/add-scroll-margin-to-all-elements-which-can-be-targeted
garrettccss webdesign webdevelopment userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:47b59d6256f5/Web Platform Design Principles2021-01-25T09:15:22+00:00
https://www.w3.org/TR/design-principles/
garrettcw3c worldwideweb technology principles bestpractice http html https userexperience usercentereddesignhttps://pinboard.in/https://pinboard.in/u:garrettc/b:0d4d088a68a5/Falsehoods Programmers Believe About Names – With Examples2020-12-01T16:33:53+00:00
https://shinesolutions.com/2018/01/08/falsehoods-programmers-believe-about-names-with-examples/
garrettcnames programming userexperience database data society inclusionhttps://pinboard.in/https://pinboard.in/u:garrettc/b:8e740ada7b44/The Ultimate Guide to Not F#!@ing Up Push Notifications2020-11-18T09:13:44+00:00
https://stephaniewalter.design/blog/the-ultimate-guide-to-not-fck-up-push-notifications/
garrettcnotifications browser webdevelopment userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:b584dffe9457/Float Labels with CSS2020-08-21T16:10:44+00:00
https://css-tricks.com/float-labels-css/
garrettcwebdesign forms webdevelopment userexperience accessibility css javascripthttps://pinboard.in/https://pinboard.in/u:garrettc/b:eb6661940267/Mobile Form Usability: Never Use Inline Labels2020-08-21T16:06:30+00:00
https://baymard.com/blog/mobile-forms-avoid-inline-labels
garrettcaccessibility forms webdesign webdevelopment userexperiencehttps://pinboard.in/https://pinboard.in/u:garrettc/b:80e76af1a804/Accessibility Testing is like Making Coffee2020-08-19T14:53:54+00:00
https://madalyn.dev/blog/a11y-testing-coffee/
garrettcwebdevelopment accessibility userexperience testing coffeehttps://pinboard.in/https://pinboard.in/u:garrettc/b:5a4779484ab9/Keyframes.app | CSS Toolbox2020-08-11T11:00:40+00:00
https://keyframes.app/animate
garrettcanimation css tool webdesign webdevelopment userexperience userinterfacehttps://pinboard.in/https://pinboard.in/u:garrettc/b:47c0eaf38cd7/