Andrea Edstrom, who runs a CodePen meetup herself, was not the first speaker nor the last, but gave the talk with the most meat. Only a Terry Schubring, pictured at left with Brandon Johnson who namedropped Flutter, was scheduled to speak with Ms. Edstrom, pictured immediately below, and he spoke first and then after Andrea spoke three other peeps in the crowd piped up with impromptu ideas for talks and, yep, gave little talks. Terry's talk gave an exposition of a virtual synthesizer he made (um, with JavaScript) that really can just run on a laptop and be a real synthesizer and cost thousands of dollars less than a traditional synthesizer. This esoteric flavoring was not lost in Andrea's presentation either. She referenced WeCo Accessibility Services, a Minneapolis-based accessibility testing company that actually employs handicapped individuals as testers, but there was also some meat on the plate with the parsley while the other speakers just served parsley. Four things to communicate in creative mockups include, firstly, a delineation between what is a hyperlink from what is a button, as sometimes you might want a hyperlink that looks like a button, etc., and, third on the list, a tab order. Items two and four were sort of sisters. The second item was an accessibility name, communicating to the user and telling the user what an HTML element is, while the fourth was a role jammed inline in a tag like roles="rolename" to tell the reader semantically what a thing is and, yes, items two and four could be wildly different. You could have pseudolinks that behave like buttons. I was making one of these at work just this week and then found myself lying awake at night wondering if that stunk. I guess it doesn't have to smell so bad if I follow Andrea's suggestions. She referred to what I would think of as a carousel as a slider, told us to be wary of text overlaying images, and emphasized using semantic HTML tags such as header, nav, footer, and aside. The aside tag is for a sidebar callout. webaim.org and learnui.design help you make color palettes for mockups in a handoff from creative to coders. Storybook, a11y, Lighthouse, and Deque Axe ("The Axe") were all mentioned in the talk as well.
Jason Webb gave a talk on "space colonization" which showed off lines growing outwards at random in something like fractals if you can imagine that randomness too. There were both 2D and 3D treatments to show off. I guess the underlying algorithms were in JavaScript.
Luke Penna showed us paralex images which are made of many 2D images overlaying each other in such a way that a 3D effect occurs as the foreground and background items move differently when someone scrolls a scrollbar. The images themselves are just kept in a series of div tags.
Harrison Nguyen showed us an application he wrote wherein you punch in a zip code and the app recommends clothes for you to wear based upon the weather at that zip code which is gleamed via an API call. PerSuede is the name of his application. He hopes to eventually link recommended clothes to sites that sell the clothes.
The pizza was an hour late and so a huge line formed for the pizza when it did show up. We broke from the other proceedings midstream for pizza.
It was Domino's I know. Andrea mentioned the Domino's lawsuit due to a lack of accessibility. I think a blind person successfully sued due to an inability to use the website.
The line was kind of random like Jason Webb's lines. It bent back on itself in a U shape I suppose.
No comments:
Post a Comment