Podcasts about heydon pickering

  • 17PODCASTS
  • 19EPISODES
  • 56mAVG DURATION
  • ?INFREQUENT EPISODES
  • May 8, 2024LATEST

POPULARITY

20172018201920202021202220232024


Best podcasts about heydon pickering

Latest podcast episodes about heydon pickering

Podcast proConf
#145 CSS Day 2023 - Все что вы пропустили со времен СSS3 | JS все больше не нужен? | Поповеры

Podcast proConf

Play Episode Listen Later May 8, 2024 116:12


Про конференцию нам помог рассказать Никита Дубко (https://t.me/mefody_dev) Обсуждали: 1. State of the CSS Community - Una Kravets https://youtu.be/dkBeBxs48os 2. Dialog dilemmas and modal mischief: a deep dive into popovers - Hidde de Vries https://youtu.be/XaO2mZnIOzs 3. Liven up your websites with Scroll-Driven Animations - https://youtu.be/nFbuXdEU-oA 4. Why Doesn't CSS Have Scope? - Heydon Pickering https://youtu.be/6S_kXfqH-u4 5. Designing voice interfaces - Léonie Watson https://youtu.be/6X23I9yHqd4 6. This Talk Is Under Construction: A Love Letter to the Personal Website - Sophie Koonin https://youtu.be/H2Ux0hGQcs4 7. Style Recalculation Secrets They Don't Want You To Know - Patrick Brosset https://youtu.be/WRiOWJZoKlw 8. Modern CSS Development: Tooling https://youtu.be/05VOZP-Uo0g 9. That's not how I wrote CSS 3 years ago - Manuel Matuzović https://youtu.be/L668dK6wFcM Нас можно найти: 1. Telegram: https://t.me/proConf 2. Youtube: https://www.youtube.com/c/proconf 3. SoundCloud: https://soundcloud.com/proconf 4. Itunes: https://podcasts.apple.com/by/podcast/podcast-proconf/id1455023466 5. Spotify: https://open.spotify.com/show/77BSWwGavfnMKGIg5TDnLz

DesignOps Island Discs
Heydon Pickering - Being a Design Systems Engineer

DesignOps Island Discs

Play Episode Listen Later Dec 9, 2022 58:10


DesignOps Island Discs is a live-recorded, interactive podcast, looking at what's coming up in the world of designops and design systems. For season three, we're focussing on the roles that make up designops and design systems, from content designers to leads to engineers to accessibility specialists to DPMs. For episode 4, we welcome Heydon Pickering, design and engineering consultant, who has worked with Springer Nature, The Paciello Group, BBC, Smashing Mag, and Bulb. We're going to talk to Heydon about being a front-end engineer on design systems... what the challenges are from an engineering point of view with design systems, what makes a good engineer on design systems, and where we need to be heading.

Greater Than Code
243: Equitable Design: We Don't Know What We Don't Know with Jennifer Strickland

Greater Than Code

Play Episode Listen Later Jul 28, 2021 57:53


02:51 - Jennifer's Superpower: Kindness & Empathy * Complex Post Traumatic Stress Disorder (https://www.verywellmind.com/what-is-complex-ptsd-2797491) (C-PTSD) 07:37 - Equitable Design and Inclusive Design * Section 508 (https://www.section508.gov/) Compliance * Web Content Accessibility Guidelines (https://www.w3.org/WAI/standards-guidelines/wcag/) (WCAG) * HmntyCentrd (https://hmntycntrd.com/) * Creative Reaction Lab (https://www.creativereactionlab.com/) 15:43 - Biases and Prejudices * Self-Awareness * Daniel Kahneman's System 1 & System 2 Thinking (https://www.marketingsociety.com/think-piece/system-1-and-system-2-thinking) * Jennifer Strickland: “You're Killing Your Users!” (https://vimeo.com/506548868) 22:57 - So...What do we do? How do we get people to care? * Caring About People Who Aren't You * Listening * Using Web Standards and Prioritizing Web Accessibility * Designing with Web Standards by Jeffrey Zeldman (https://www.amazon.com/Designing-Web-Standards-Jeffrey-Zeldman/dp/0321616952) * Bulletproof Web Design by Dan Cederholm (https://www.amazon.com/Bulletproof-Web-Design-flexibility-protecting/dp/0321509021) * Progressive Enhancement * Casey's Cheat Sheet (https://moritzgiessmann.de/accessibility-cheatsheet/) * Jennifer Strickland: “Ohana for Digital Service Design” (https://www.youtube.com/watch?v=VfsZlkm59BE) * Self-Care 33:22 - How Ego Plays Into These Things * Actions Impact Others * For, With, and By * Indi Young (https://indiyoung.com/) 44:05 - Empathy and Accessibility * Testability/Writing Tests * Screen Readers * TalkBack (https://support.google.com/accessibility/android/answer/6283677?hl=en) * Microsoft Narrator (https://support.microsoft.com/en-us/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1) * NVDA (https://www.nvaccess.org/about-nvda/) * Jaws (https://www.freedomscientific.com/products/software/jaws/) * Heydon Pickering (https://twitter.com/heydonworks/status/969520320754438144) Reflections: Casey: Animals can have cognitive disabilities too. Damien: Equitable design initiatives and destroying the tenants of white supremacy. Jennifer: Rest is key. This episode was brought to you by @therubyrep (https://twitter.com/therubyrep) of DevReps, LLC (http://www.devreps.com/). To pledge your support and to join our awesome Slack community, visit patreon.com/greaterthancode (https://www.patreon.com/greaterthancode) To make a one-time donation so that we can continue to bring you more content and transcripts like this, please do so at paypal.me/devreps (https://www.paypal.me/devreps). You will also get an invitation to our Slack community this way as well. Transcript: MANDO: Hello, friends! Welcome to Greater Than Code, Episode number 243. My name is Mando Escamilla and I'm here with my wonderful friend, Damien Burke. DAMIEN: Thank you, Mando, and I am here with our wonderful friend, Casey Watts. CASEY: Hi, I'm Casey, and we're all here today with Jennifer Strickland. With more than 25 years of experience across the product lifecycle, Jennifer aims to ensure no one is excluded from products and services. She first heard of Ohana in Disney's Lilo & Stitch, “Ohana means family. Family means no one gets left behind, or forgotten.” People don't know what they don't know and are often unaware of the corners they cut that exclude people. Empathy, compassion, and humility are vital to communication about these issues. That's Jennifer focus in equitable design initiatives. Welcome, Jennifer! JENNIFER: Hi! DAMIEN: You're welcome. MANDO: Hi, Jennifer. So glad you're here. JENNIFER: I'm so intrigued. [laughs] And I'm like 243 and this is the first I'm hearing of it?! DAMIEN: Or you can go back and listen to them all. MANDO: Yeah. CASEY: That must be 5, almost 6 years? JENNIFER: Do you have transcripts of them all? CASEY: Yes. JENNIFER: Great! MANDO: Yeah. I think we do. I think they're all transcribed now. JENNIFER: I'm one of those people [chuckles] that prefers to read things than listen. DAMIEN: I can relate to that. CASEY: I really enjoy Coursera courses. They have this interface where you can listen, watch the video, and there's a transcript that moves and highlights sentence by sentence. I want that for everything. MANDO: Oh, yeah. That's fantastic. It's like closed captioning [laughs] for your audio as well. JENNIFER: You can also choose the speed, which I appreciate. I generally want to speed things up, which yes, now that I'm getting older, I have to realize life is worth slowing down for. But when you're in a life where survival is what you're focused on, because you have a bunch of things that are slowing your roll and survival is the first thing in your mind, you tend to take all the jobs, work all the jobs, do all of the things because it's how you get out of poverty, or whatever your thing is. So I've realized how much I've multitasked and worked and worked and worked and I'm realizing that there is a part of the equality is lost there, but we don't all have the privilege of slowing down. DAMIEN: I can relate to that, too. So I believe every one of our past 243 episodes, we asked our guests the same question. You should know this is coming. Jennifer, what is your superpower and how did you acquire it? JENNIFER: I don't know for sure. People have told me that I'm the kindest person they've ever met, people have said I'm the most empathetic person I've ever met, and I'm willing to bet that they're the same thing. To the people, they just see them differently. I acquired being empathetic and kind because of my dysfunction in my invisible disabilities. I have complex post-traumatic stress disorder from childhood trauma and then repeated life trauma, and the way it manifests itself is trying to anticipate other people's needs, emotions, moods, and all of that and not make people mad. So that's a negative with a golden edge. Life is full of shit; how you respond to it shows who you are and rather than molesting kids, or hurting people, I chose to do what I could to make sure that no one else goes through that and also, to try to minimize it coming at me anymore, too. [chuckles] But there's positive ways of doing it. You don't have to be like the people who were crappy to you and the same goes like, you're in D.C.? Man, they're terrible drivers and it's like, [laughter] everybody's taking their bad day and putting it out on the people they encounter, whether it's in the store, or on the roads. I was like, “Don't do that.” Like, how did it feel when your boss treated you like you were garbage, why would you treat anyone else like garbage? Be the change, so to speak. But we're all where we are and like I said in my bio, “You don't know what you don't know.” I realized earlier this week that it actually comes from Donald Rumsfeld who said, “Unknown unknowns.” I'm like, “Oh my God. Oh my God.” MANDO: You can find good in lots of places, right? [laughs] JENNIFER: If you choose to. MANDO: Absolutely. Yeah. JENNIFER: Look at, what's come out of the horror last year. We talk about shit that we didn't use to talk about. Yeah, it's more exhausting when lots of people, but I think in the long run, it will help move us in the right direction. I hope. MANDO: Yeah. That's absolutely the hope, isn't it? JENNIFER: We don't know what we don't know at this time. My sister was volunteering at the zoo and she worked in the Ape House, which I was super jealous of. There's an orangutan there named Lucy who I love and Lucy loves bags, pouches, and lipstick. So I brought a backpack with a pouch and some old lipstick in it and I asked a volunteer if I could draw on the glass. They gave me permission so I made big motions as I opened the backpack and I opened the pouch and you see Lucy and her eyes are like, she's starting to side-eye me like something's going on. And then she runs over and hops up full-time with her toes on the window cell and she's like right up there. So I'm drawing on the glass with the lipstick and she's loving it, reaches her hand behind, poops into her hand, takes the poop and repeats this little actions on the glass. MANDO: [laughs] Which is amazing. It's hilarious so that's amazing. JENNIFER: It's fantastic. I just think she's the bomb. My sister would always send pictures and tell me about what Lucy got into and stuff. Lucy lived with people who would dress her in people clothing and so, she's the only one of the orangutans that didn't grow up only around orangutans so the other orangutans exclude her and treat her like she's a weirdo and she's also the one who likes to wear clothes. Like my sister gave her an FBI t-shirt so she wears the FBI t-shirt and things like that. She's special in my heart. Like I love the Lucy with all of it. DAMIEN: Well, that's a pretty good display of your super empathetic superpower there. [laughter] And it sounds like it might be really also related to the equitable design initiatives? JENNIFER: Yeah. So I'm really grateful. I currently work at a place that although one would think that it would be a big, scary place because of some of the work that we do. I've found more people who know what equity is and care about what equity is. The place I worked before, I talked about inclusive design because that's everywhere else I've worked, it's common that that's what you're doing these days. But they told me, “Don't say that word, it's activism,” and I was stunned. And then I'm like, “It's all in GSA documents here,” and they were like, “Oh,” and they were the ones that were really bad about like prioritizing accessibility and meeting section 508 compliance and just moving it off to put those issues in the backlog. The client's happy, no one's complained, they think we're doing great work. It's like, you're brushing it all under the rug and you're telling them what you've done and you're dealing with people who don't know what section 508 is either because who does? Very few people really know what it means to be section 508 compliant because it's this mystery container. What is in this? What is this? What is this thing? DAMIEN: So for our listeners who don't know, can you tell us a bit what section 508 is? JENNIFER: Sure. So section 508 means that anything paid for with federal funds must be section 508 compliant, which means it must meet WCAG 2.0 success criteria and WCAG is Web Content Accessibility Guidelines. If you're ever looking for some really complicated, dense, hard to understand reading, I recommend opening up the Web Content Accessibility Guidelines. I think the people that are on the working groups with me would probably agree and that's what we're all working towards trying to improve them. But I think that they make the job harder. So rather than just pointing at them and complaining like a lot of people do on Twitter, or deciding “I'm going to create a business and make money off of making this clear for people,” I decided instead to join and try to make it better. So the Web Content Accessibility Guidelines are based on Perceivable, Operable, Understandable, and Robust, POUR. Pour like this, not poor like me. [laughs] So there's just a bunch of accessibility criteria that you have to meet to make your work section 508 compliant. It's so hard to read and so hard to understand that I feel for everybody like of course, you don't know what section 508 compliance is. It's really, really hard to read. But if somebody who is an accessibility specialist tells you and writes up an issue ticket, you don't argue with them. You don't say, “This isn't a thing,” you say, “Okay, how soon do I need to fix it?” and you listen to them, but that's not what I experienced previously. Where I am now, it's amazing. In the place I worked before here, like just the contracting, they welcomed everything I said to them regarding accessibility. So I just clearly worked at a contractor that was doing a lot of lip service and not talking the talk, not walking the talk, sorry. [laughs] Super frustrating. Because accessibility is only a piece of it. I am older probably than anybody on this call and I'm a woman working in tech and I identify as non-binary. The arguments I've had about they/them all my life have been stupid, but I'm just like, “Why do I have to be female?” It's just, why do I have to be one, or the other? Anyway, everyone has always argued with me so I'm so grateful for the young ones now for pushing all that. I'm Black, Native, Mexican, and white all smushed together and my grandma wouldn't let me in the house because apparently my father was too dark so therefore, I'm too dark. Hello? Look at this! [laughter] Currently, some people are big on the one drop rule and I always say to people, “If you hate me, or want to exclude me so much because somewhere in me you know there is this and how do you feel about so-and-so? I'm done with you and you are bad people and we've got to fight this stupidity.” I have also invisible disabilities. So I'm full of all these intersectional things of exclusion. I personally experience a lot of it and then I have the empathy so I'm always feeling fuzzy people who are excluded. So what am I supposed to do with the fact that I'm smart, relatively able-bodied, and have privilege of being lighter skin so I can be a really good Trojan horse? I have to be an advocate like, what else am I supposed to do with my life? Be a privileged piece of poop that just wants to get rich and famous, like a lot of people in tech? Nope. And I don't want to be virtue signaling and savior complex either and that's where equitable design has been a wonderful thing to learn more about. HmntyCntrd.com and Creative Reaction Lab out in Missouri, those are two places where people can do a lot of learning about equity and truly inclusion, and challenging the tenants of white supremacy in our working ways. I'm still trying to find better ways of saying the tenants of white supremacy because if you say that in the workplace, that sounds real bad, especially a few months back before when someone else was in office. When you say the tenants of white supremacy in the workplace, people are going to get a little rankled because that's not stuff we talk about in the workplace. DAMIEN: Well, it's not just the workplace. JENNIFER: Ah, yes. DAMIEN: They don't like that at sports bars either. Ask me how I know. MANDO: No, they sure don't. [laughter] JENNIFER: We should go to sports bars together. [laughs] Except I'm too scared to go to them right now unless they're outdoors. But when we talk to people about the actual individual tenants about power hoarding, perfectionism, worship of the written word, and things like that, people can really relate and then you watch their faces and they go, “Yeah, I do feel put my place by these things and prevented from succeeding, progressing, all of these things.” These are things that we've all been ingrained to believe are the way we evaluate what's good and what's bad. But we don't have to. We can talk about this stuff when we can reject those things and replace them with other things. But I'm going to be spending the rest of my life trying to dismantle my biases. I'm okay with my prejudices because even since I was a kid, I recognized that we were all prejudice and it's okay. It's our knee jerk first assumption, but you always have to keep an open mind, but that prejudice is there to protect you, but you always have to question it and go, “What is that prejudice? Is that bullshit? Is it right? Is it wrong?” And always looking at yourself, it's always doing that what you call self-awareness stuff, and always be expanding it, changing it, and moving it. But prejudice? Prejudice has a place to protect, speaking as someone who's had guns in her face, knives through her throat, and various other yucky things, I know that when I told myself, “Oh, you're being prejudiced, push yourself out into that vulnerable feeling,” things didn't go very well. So instead, recognize “Okay, what are you thinking in this moment about this situation? Okay, how can you proceed and keep an open mind while being self-protective?” DAMIEN: Yeah, it sounds like you're talking about Daniel Kahneman's System 1 and System 2 Thinking. We have these instinctive reactions to things and a lot of them are learned—I think they're all learned actually. But they're instinctive and they're not things we decide consciously. They're there to protect us because they're way faster, way more efficient than most of what we are as humans as thinking and enacting beings. But then we also have our rational mind where we can use to examine those things and so, it's important to utilize both. It's also important to know where your instinctive responses are harmful and how to modify them so that they're not harmful. And that is the word. JENNIFER: I've never heard of it. Thanks for putting that in there. Power accretion principles is that it? CASEY: Oh, that's something else. JENNIFER: Oh. CASEY: Type 1 and type 2 thinking. JENNIFER: But I know with a lot of my therapy work as a trauma survivor, I have to evaluate a lot of what I think and how I react to things to change them to respond things. But there are parts of having CPTSD that I am not going to be able to do that, too. Like they're things where for example, in that old workplace where there was just this constant invalidation and dismissal of the work, which was very triggering as a rape survivor/incest survivor, that I feel really bad and it made me feel really unsafe all the time. So I felt very emotional in the moment and so, I'd have to breathe through my nose, breathe out to my mouth, feel my tummy, made sure I can feel myself breathing deeply, and try to calmly explain the dire consequences of some of these decisions. People tend to think that the design and development decisions we make when we're building for the web, it's no big deal if you screw it up. It's not like an architect making a mistake in a building and the building falls down. But when you make a mistake, that means a medical locator application doesn't load for an entire minute on a slow 3G connection—when your audience is people who are financially challenged and therefore, unlikely to have always high-speed, or new devices—you are making a design decision that is literally killing people. When you make a design decision, or development decision not to QA your work on mobile, tablet, and desktop, and somebody else has to find out that your Contact Us options don't open on mobile so people in crisis can't reach your crisis line. People are dying. I'm not exaggerating. I have a talk I give called You're Killing Your Users and it got rejected from this conference and one of the reviewers wrote, “The title is sensationalism. No one dies from our decision,” and I was just like, “Oh my God, oh my God.” MANDO: [laughs] Like, that's the point. JENNIFER: What a privileged life you live. What a wonderfully privileged life! There's a difference between actions and thoughts and it's okay for me to think, “I really hope you fall a flight of stairs and wind up with a disability and leave the things that you're now trying to put kibosh on.” But that's not me saying, “I'm going to go push you down a flight of stairs,” or that I really do wish that on someone. It's emotional venting, like how could you possibly close yourself off to even listening to this stuff? That's the thing that like, how do we get to a point in tech where so many people in tech act like the bad stereotype of surgeons who have this God complex, that there are particular entities working in government tech right now that are told, “You're going to save government from itself. You've got the answers. You are the ones that are going to help government shift and make things better for the citizen, or the people that use it.” But the people that they hire don't know what they don't know and they keep doing really horrible things. Like, they don't follow the rules, they don't take the time to learn the rules and so, they put user personal identifying information, personal health information on the public server without realizing it that's a no-no and then it has to be wiped, but it can never really fully be wiped. And then they make decisions like, “Oh, well now we're only worried about the stuff that's public facing. We're not worried about the stuff that's internally facing.” Even though, the internally facing people are all some of the vulnerable people that we're serving. I'm neutralizing a lot of what I'm talking about. [chuckles] MANDO: Of course. [laughter] DAMIEN: Well, convinced me of the problems. It was an easy sell for me. Now, what do we do? JENNIFER: The first thing we do is we all give a fuck about other people. That's the big thing, right? Like, how do I convince you that you should care about people who aren't you? MANDO: Yeah. CASEY: I always think about the spectrum of caring. I don't have a good word for it, but there are active and passive supporters—and you can be vocal, or quiet—like loud, or quiet. I want more people to be going around the circle of it so if they're vocally opposed, just be quiet, quietly opposed, maybe be quietly in support, and if you're quietly in support, maybe speak up about it. I want to nudge people along around this, the four quadrants. A lot of people only focus on getting people who passively care to be more vocal about it. That's a big one. That's a big transition. But I also like to focus on the other two transitions; getting a lot of people to be quiet about a thing that as opposed. Anyway, everywhere along that process is useful. JENNIFER: I think it's important to hear the people who were opposed because otherwise, how are we ever going to help understand and how are we going to understand if maybe where we've got a big blind spot? Like, we have to talk about this stuff in a way that's thoughtful. I come from a place in tech where in the late 90s, I was like, “I want to move from doing print to onscreen and printing environmental to that because it looks like a lot of stuff has gone to this web thing.” I picked up Jeffrey Zeldman's Designing with Web Standards and Dan Cederholm's Bulletproof Web Design and all of them talk about using web standards and web standards means that you prioritize accessibility from the beginning. So the first thing you build is just HTML tagging your content and everyone can use it. It's not going to be fancy, but it's going to be completely usable. And then you layer things on through progressive enhancement to improve the experience for people with fancy phones, or whatever. I don't know why, but that's not how everybody's coming into doing digital work. They're coming in through React out of the box, thinking that React out of the box is – and it's like nope, you have to build in the framework because nobody put the framework in React. React is just a bunch of hinges and loops, but you have to put the quality wood in and the quality glass panes and the handles that everybody can use. I'm not sure if that analogy is even going to work. But one of the things I realized talking with colleagues today is I tend to jump to three steps in when I really need to go back, start at the beginning, and say, “Here are the terms. This is what section 508 is. This is what accessibility is. This is what A11Y is. This is WCAG, this is how it's pronounced, this is what it means, and this is the history of it.” I think understanding history of section 508 and what WCAG is also vital in the first version of WCAG section 508, it adopted part of what was WCAG 1.0, but it wasn't like a one to one for 1.0, it was just some of it and then it updated in 2017, or 2018, I forget. Without my cheat sheet, I can't remember this stuff. Like I got other things to keep in my brain. CASEY: I just pulled up my favorite cheat sheet and I put it in the chat sidebar here. JENNIFER: Oh, thank you. It's in my slides for Ohana for Digital Service Design that I gave at WX Summit and I think I also gave it recently in another thing. Oh, UXPA DC. But the thing is, the changes only recently happened where it went to WCAG 2.0 was 2018, I think it got updated. So all those people that were resisting me in 2018, 2019, 2020 likely never realized that there was a refresh that they need to pay attention to and I kept trying to like say, “No, you don't understand, section 508 means more now.” Technically, the access board that defines what section 508 is talking about moving it to 2.1, or 2.2 and those include these things. So we should get ahead of the ball, ahead of the curve, or whatever you want to call it and we should be doing 2.1 and 2.2 and even beyond thinking about compliance and that sort of stuff. The reason we want to do human beings is that 2.1 and 2.2 are for people who are cognitively fatigued and I don't think there's anyone who's been through the pandemic who is not cognitively fatigued. If you are, you are just a robot. I don't know. I don't know who could not be not cognitive fatigue. And then the other people that also helps are mobile users. So if you look at any site, look at their usage stats, everything moving up and up and up in mobile devices. There's some people who don't have computers that they only have phones. So it just seems silly not to be supporting those folks. But we need, I don't know. I need to think more about how to get there, how to be more effective in helping people care, how to be more effective in teaching people. One of the big pieces I've learned in the last six months is the first step is self-care—sleep, exercise, eat, or maybe those two need to be back and forth. I haven't decided yet because I'm still trying to get the sleep workout. Before I moved to D.C., I was a runner, hiker, I had a sit spot at the local pond where I would hang out with the fishes and the turtles and the frogs and the birds and here, I overlook the Pentagon and there's swarms of helicopters. I grow lots of green things to put between me and it, but it's hard. The running is stuck because I don't feel safe and things like that. I live in an antiseptic neighborhood intentionally because I knew every time I went into D.C. and I saw what I see, I lose hope because I can't not care. It kills me that I have to walk by people who clearly need – this is a messed up world. We talk about the developing world as the place where people are dying on the side of the road. Do you have blinders on like, it's happening here? I don't know what to do. I care too much. So what do we do? What do you think? DAMIEN: Well, I think you have a hint. You've worked at places that are really resistant to accessibility and accessibility to improvements, and you've worked at some that are very welcoming and eager to implement them. So what were the differences? What do you think was the source of that dichotomy? JENNIFER: I think at the place I worked after I left the hellhole; the product owner was an Asian woman and the other designer was from India. Whereas, before the other place was a white woman and a white man and another white man who was in charge. And then the place I work now, it's a lot of people who are very neurodiverse. I work at MITRE, which is an FFRDC, which is a Federally Funded Research and Development Center. It's full of lots of smart people who are very bookish. It's funny when I was a little kid, I was in the gifted and talented kids and so, they would put us into these class sessions where we were to brainstorm and I love brainstorming. I love imagining things. I remember thinking, “I want to work in a think tank and just all I do all the time is brainstorm and we'd figure out a way to use some of those things!” And I feel a little bit like I'm there now, which is cool and they treat one another really well at MITRE, which is nice. Not to say it's perfect there. Nowhere is perfect. But compared to a lot of places, it's better. I think it's the people are taking the time to listen, taking the time to ask questions. The people I work with don't have a lot of ego, generally. At least not the ones I'm working with. I hear that they do exist there, but I haven't run into many of them. Whereas, the other place, there was a lot of virtue signaling and a lot of savior complex. Actually, very little savior conflicts. They didn't really care about saving anyone, sorry. Snark! [laughs] DAMIEN: Can you tell us a little more about ego and how ego plays into these things? JENNIFER: How do you think ego plays into these things? DAMIEN: Well, I think it causes people to one up and turn questions around it on me, that's one way. Ego means a lot of things to a lot of different people, which is why I asked the question. I think it was introduced to English by Freud and I don't want to use a Freudian theory for anything ever. [laughter] And then when I talk to people about death of the ego and [inaudible] and all of these things, it seems really unpleasant. People like their self-identity, people like being themselves, and they don't want to stop being themselves. So I'm not sure how that's related to what you were saying. CASEY: The way I'm hearing you use ego here sounds like self-centered, thinking about your own perspective, not taking the time and effort and energy to think about other people's perspectives. And if you don't have a diverse set of experiences to lean on your own, you're missing out on a lot. JENNIFER: Yeah. I tend to think about, I guess, it's my dysfunction. Once again, it's like, how do my actions impact others? Why are other people thinking about how their actions impact others? When you're out in public and you've got to cut the cheese, are you going to do it when there are a lot of people around? Are you going to take a stinky deuce in a public bathroom that you know other people in there? If you think about the community around you, you would go find a private one if you cared at all. But most people don't care and they think, “I do what I got to do.” I just think we need to think a little bit more about the consequences of our actions and I tweeted yesterday, or this morning about how – oh, it was yesterday. I was watching TV and a new, one of those food delivery commercials came on. This one, they send you a stove, you get a little oven, and you cook all of their meals in this little throwaway dishes. So you have no dishes, nothing. How much are we going to just keep creating crap? When you think about all of this takeout and delivery, there's just so much trash we generate. We should be taxing the bleep out of companies that make these sorts of things like, Amazon should have the bleep taxed out of it because of all the cardboard and I'm just as guilty because I ordered the thing and the box of staples arrives in a box. It has a plastic bubble wrap all around it. Like it's just a box at $2.50 staples, but I couldn't be bothered to go – I don't know if they have them at Walgreens. Like for real, I don't know. We need to do better. We need to think about the consequences of these decisions and not just do it like, that's the thing that tech has been doing is let's make an MVP and see if it has wheels. Let's make a prototype, but do the thing. Okay, let's do the thing. Oh, it's got wheels. Oh, it's growing, it's growing, it's growing, it's growing. Who cares about the consequences of all of it? Who cares? Your kids, your grandkids someday maybe will when the world is gone. We talk about climate change. We talk about 120-degree temperatures in Seattle and Portland, the ocean on fire, the beaches are eroding, like the ice cap—most of the Arctic is having a 100 and some odd degree temperature day. Like we are screwing it up and our legislation isn't keeping pace with the advances in technology that are just drawing things. Where are the people who care in the cycle and how are they interrupting the VCs who just want to like be the next big tech? Everybody wants to be the next Zuckerberg, or Jack, or Bezos, or Gates, or whatever, and nobody has to deal with the consequences of their actions and their consequences of those design and development decisions. That's where I think it's ego, it's self-centeredness, it's wanting to be famous, it's wanting to be rich instead of really, truly wanting to make the world a better place. I know my definition of better. We've got four different visions of what better is going to be and that's hard work. Maybe it is easier to just focus on getting famous and getting rich than it is on doing the hard work of taking four different visions of what good is and trying to find the way forward. DAMIEN: Making the world a better place. The world will be a better place when I'm rich and famous. But that also means – and that's the truth. [laughter] But what else you said was being empathetic and having a diverse – well, marginalized people in charge where you can see that that's why the impact that things are having on other people. It's not just about me being rich and famous, but it's also about things being better for other people, too. JENNIFER: Yeah. I don't necessarily mean marginalized people have to be in charge. DAMIEN: Right. I took that jump based on your description of the places you worked for. I should have specified that. I wasn't clear enough. JENNIFER: I do have to say that in general, when I've worked for people who aren't the status quo, more often than not, they bring a compassionate, empathetic approach. Not always. There have been some that are just clearly driven and power hungry, and I can't fault them either because it's got to take a lot to come up from wherever and fight through the dog-eat-dog world. But in the project work, there's the for, with and by. The general ways that we redesign and build things for people, then the next piece is we design and build things with the people that we're serving, but the newer way of doing things is that we don't design and build the things, the people that we're serving design the things and tell us what they want to design, and then we figure out how to make sure that it's built the way they tell us to. That goes against the Steve Jobs approach where Steve Jobs said people don't know what they want sort of thing. Wasn't that was he said? DAMIEN: Yeah. Well, there was Henry Ford who said, “If you ask people what they wanted, they would've said faster horses.” JENNIFER: Right. D And Steve Jobs kind of did the same thing. JENNIFER: Right. And we, as designers, have to be able to work with that and pull that out and suss it out and make sure that we translate it into something useful and then iterate with to make sure that we get it. Like when I do research, listening sessions with folks, I have to use my experience doing this work to know what are the – like, Indi Young's inner thinking, reactions, and guiding principles. Those are the things that will help guide you on what people are really wanting and needing and what their purpose is. So you make sure that whatever your understanding is closer to what they're really saying, because they don't know what can be built. They don't know what goes on, but they do know what their purpose is and what they need. Maybe they don't even know what they need, but they do know what their purpose is, or you keep validating things. CASEY: I want to amplify, you said Indi Young. I read a lot of her work and she just says so many things that I wish someone would say, and she's been saying them for a while. I just didn't know about her. Indi Young. JENNIFER: It's I-N-D-I and Y-O-U-N-G. I am so grateful that I got to take her courses. I paid for them all myself, except for one class—I let that other place pay for one through my continuing ed, but I wanted to do it so badly that I paid for all myself. The same thing with all the Creative Reaction Lab and HmntyCntrd stuff; I paid for those out of my own money that probably could have gone to a vacation, [chuckles] or buying a car, or something. But contributing to our society in a responsible and productive way, figuring out how to get my language framework better. Like you said earlier, Damien, I'm really good at pointing out what the problems are. I worry about figuring out how we solve them, because I don't really have the ego to think that I know what the answer is, but I'm very interested in working with others to figure out how we solve them. I have some ideas, but how do you tell a React developer that you really have to learn HTML, you have to learn schematic HTML. That's like learning the alphabet. I don't understand. CASEY: Well, I have some ideas around that. Amber is my go-to framework and they have accessibility baked into the introduction tutorial series. They have like 13 condoned add-ons that do accessibility related things. At the conference, there's always a whole bunch of accessibility tracks. Amber is like happy path accessibility right front and center. React probably has things like that. We could have React's onboarding docs grow in that direction, that would be great, and have more React add-ons to do that that are condoned and supported by the community could have the same path. And it could probably even use a lot of the same core code even. The same principles apply. JENNIFER: If you want to work together and come up with some stuff to go to React conferences, or work with the React team, or whatever. 
CASEY: Sounds fun. DAMIEN: Well, one of the things you talked about the way you described it and made it sound like empathy was so much of the core of it. In order to care about accessibility, you have to empathize with people who need that functionality. You have to empathize with people who are on 3G flip phones. That's not a thing, is it? [laughs] But nonetheless, empathizing. JENNIFER: A flat screen phone, a smartphone looking thing and it's still – if anyone's on a slow 3G, it's still going to be a miserable experience. DAMIEN: Yeah, 3G with a 5-year-old Android OS. JENNIFER: But I don't think it's necessarily that people have to empathize. In an ideal world would, but maybe they could be motivated by other things like fast. Like, do you want to fast cumulative layout shift? Do you want like a great core vitals Google score? Do you want a great Google Lighthouse score? Do you want the clear Axe DevTools scan? Like when I get a 100% little person zooming in a wheelchair screen instead of issues found. Especially if I do it the first time and like, I hadn't been scanning all along and I just go to check it for the first time and it's clean, I'm like, “Yes!” [laughs] CASEY: Automation helps a lot. JENNIFER: Yeah. CASEY: When I worked at USCIS, I don't know what this meant, but they said we cannot automate these tests. I think we can and they didn't do it yet, but I've always been of baffled. I think half of it, you can automate tests around and we had none at the time. JENNIFER: Yeah, you catch 30 to 50% of the accessibility issues via the Axe rule set and JSX Alley and all that. You can catch 30 to 50. CASEY: Sounds great. JENNIFER: That's still better than catching none of them. Still not great, but it's still better than nothing. They're not here to tell us why they can't, but adding things into your end-to-end test shouldn't be that hard if you know how to write tests. I don't personally know how to write tests. I want to. I don't know. Like, I have to choose which thing am I going to work on? I'm working on an acquisition project, defining the requirements and the scope and the red tape of what a contract will be and it's such foreign territory for me. There's a lot of pieces there that I never ever thought I would be dealing with and my head hurts all the time. I feel stupid all the time, but that's okay. If you're not doing something you haven't done before, maybe you're not learning, it's growing. I'm growing. I'm definitely growing, but in different ways and I miss the code thing of I have a to-do list where I really want to get good at Docker, now I want to learn few, things like that and I want to get back to learning Python because Python, I think is super cool. CASEY: There's one thing I wanted to mention earlier that I just remembered. One thing that was eye-opening to me for accessibility concerns is when I heard that screen reader has existed, which was several years into my programming career. I didn't know they were a thing at all. I think it's more common now that people know about them today than 10, 15 years ago. But I still haven't seen someone use a screen reader and that would be really important for me as a developer. I'm not developing software lately either so I'm not really coding that. But if anyone hasn't, you should use a screen reader on your computer if you're developing software that might have to be used by one. JENNIFER: So everyone on a Mac has voiceover. Everyone on an iPhone has voiceover. It's really hard on the iPhone, I feel like I can't, oh, it's really hard. I've heard great things about Talkback on Android. And then on Windows, newer versions have Microsoft Narrator, which is a built-in screen reader. You can also download NVDA for free and install it. It depends on how much money you want to spend. There a bunch of different ways to get Jaws, do Jaws, too. Chrome has Chromebox so you can get another screen reader that way. CASEY: So many options. It's kind of overwhelming. If I had to recommend one for a Windows user and one for a Mac user, would you recommend the built-in ones just to start with, to play with something? JENNIFER: So everywhere I've tested, whether it was at the financial institution, or the insurance place, or the government place, we always had to test with Jaws, NVDA, and voiceover. I test with voiceover because it's what I have on my machine, because I'm usually working on a Mac. But the way I look at the screen reader is the number of people who are using screen readers is significantly fewer than the number of people with cognitive considerations. So I try to use good semantic markup, basic web standards so that things will work; things have always been pretty great in screen readers because of that. I try to keep my code from being too complicated, or my UI is from being complicated, which might do some visual designers seem somewhat boring to some of them. [chuckles] CASEY: Do you ever turn off CSS for the test? JENNIFER: Yes, and if it makes sense that way, then I know I'm doing it right and is it still usable without JavaScript. Better yet, Heydon Pickering's way of like, it's not usable unless you turn off the JavaScript, that was fabulous. I pissed off so many people. But to me, I try to focus on other things like how clear is, how clean is it? Can I tab through the whole UI? Can I operate it with just a keyboard? Your keyboard is your best assistive tech tester. You don't skip. If you can tap through anything without getting stuck, excellent. If you don't skip over nav items. CASEY: My biggest pet peeve is when websites don't work when you zoom in, because all of my devices I zoom in not because my vision is bad, but because for my posture. I want to be able to see my screen from a far distance and not lean in and craning my neck over laptop and my phone, both and a lot of websites break. JENNIFER: Yeah. CASEY: You zoom in the text at all, you can't read anything. JENNIFER: Yeah. At the one place I worked before, we required two steps of zoom in and two steps of zoom out, and it still had to be functional. I don't see that in most places; they don't bother to say things like that. CASEY: Yeah. JENNIFER: At the government, too – CASEY: I wonder how common it is if people do that. I do it so I think it's very common, but I don't know the right. [laughter] JENNIFER: But that's how the world is, right? I can tell you that once you hit this old age and your eyes start to turn against you and things are too small, or too light, you suddenly understand the importance of all of these things so much more. So for all of those designers doing your thin gray text on white backgrounds, or thin gray text on gray backgrounds, or your tiny little 12 and under pixels for your legaleas, karma is out to get you. [chuckles] We've all done it. Like there was a time I thought nobody cared about the legaleas. That's not true. Even your footer on your website should be big enough for people to read. Otherwise, they think I'm signing away my soul to zoom because I can't read it. If you can zoom it in, that's great. But some apps disable the zoom. DAMIEN: So we usually end on a series of reflections. How do you feel about moving to that? JENNIFER Sure! DAMIEN: We let our guests go last. Casey, do you have a reflection you want to share with us? CASEY: I'm thinking back to Mando's dog and I thought it was interesting, Jennifer, that you linked your experiences with the dog's experiences. Like, some of the symptoms you have might be similar if a dog has CPTSD, too and I think that's really insightful. I think a lot of animals have that kind of set up, but we don't treat them like we treat humans with those issues even if they're similar. DAMIEN: It was in your bio, equitable design initiatives, I really want it to dig into that because that fascinates me and I guess, if draws that bridge between things that I think are very important, or very important for me, both accessibility, that sort of work, especially in software design, because that's where I'm at. And then destroying the tenants of white supremacy and being able to connect those as things that work together and seeing how they work together. Yeah, that's what I'm going to be reflecting on. JENNIFER: Yeah. Whenever we're doing our work, looking for opportunities to surface and put it out for everyone to look at who has power, if this changes who has power, if this doesn't change who has power, what is motivating the players, are people motivated by making sure that no one's excluded, or are people motivated by making sure that their career moves forward, or they don't get in trouble rather than truly serving? I still am in the mindset of serving the people with a purpose that we're aiming to meet the needs of kind of thing. I still have that mindset. A lot of the prep work, we're still talking about the people we aim to serve and it's still about getting them into the cycle. That is a very big position of power that a designer has and acknowledging that that's power and that I wield that power in a way that I consider responsible, which is to make sure that we are including people who are historically underrepresented, especially in those discussions. I'm really proud of a remote design challenge where all of our research participants were either people of color, or people with disabilities. Man, the findings insights were so juicy. There was so much that we could do with what we got. It was really awesome. So by equitable design initiatives, it's really just thinking about acknowledging the power that we have and trying to make sure we do what we can to share it, transfer it, being really respectful of other perspectives. I've always thought of it as infinite curiosity about others and some people have accused me being nosy and they didn't realize it's not about getting up in their private business. It's just, I want to be gracious and respect others. What I will reflect on was how I really need to rest. I will continue to reflect on how I rest is key. I'm making a conscious decision for the next couple of months to not volunteer because I tend to do too much, as Casey may, or may not know. [chuckles] Yeah, I want to wake up in the morning and feel energized and ready to take full advantage of, which is not the right way to phrase it, but show up as my best self and well-prepared for the work. Especially since I now have found myself a new incredibly compassionate, smart place that genuinely aims to improve equity and social justice, and do things for the environment and how grateful I am. I totally thought this place was just about let's them all and it's so not. [laughs] So there's so many wonderful people. I highly recommend everybody come work with me if you care about things. DAMIEN: That's awesome. Well, thank you so much, Jennifer for being our guest today. It's been a pleasure. The author's affiliation with The MITRE Corporation is provided for identification purposes only, and is not intended to convey or imply MITRE's concurrence with, or support for, thepositions, opinions, or viewpoints expressed by the author. ©2021 The MITRE Corporation. ALL RIGHTS RESERVED. Approved for public release. Distribution unlimited 21-2206. Special Guest: Jennifer Strickland.

Pixel Paranoia the UX Podcast
S01E04 - Nieuwe Tesla UI, Open source design tools van Discord en de meest gebruiksvriendelijke apps van 2020

Pixel Paranoia the UX Podcast

Play Episode Listen Later Jan 11, 2021 83:03


Deze aflevering bespreken Rick en Michele de nieuwe UI update die Tesla uitgebracht heeft, de erg handige Open Source design tools die Discord heeft ontwikkeld en onze meest favoriete en gebruiksvriendelijke apps van 2020 Discord open source design tools: https://blog.discord.com/building-open-source-design-tools-to-improve-discords-design-workflow-9a25c29f9143 12:30 - Tweetbot 5 for Twitter (iOS) 14:50 - Apollo (iOS) 17:40 - Scoupy (Android, iOS) 19:27 - Outlook (Android, iOS) 23:52 - Flitsmeister (Android, iOS) 29:38 - ING (Android, iOS) 33:58 - Delta (Android, iOS) 36:19 - Monument Valley 1 en 2 (Android, iOS) 38:17 - Adobe Lightroom (Android, iOS) 41:35 - Numi (MacOS) 44:50 - Plex TV (Android, iOS, Windows, MacOS, Chromecast, etc.) 51:43 - Revolut (Android, iOS) 55:13 - Telegram (Android, iOS, Windows, MacOS) 57:50 - Corona App (Android, iOS) 59:10 - Instagram (Android, iOS) 62:12 - Amazon Alexa (Android, iOS) 65:09 - Eneco App (Android, iOS) 67:01 - 1password (Android, iOS, Windows, MacOS) 78:29 - briefs.video (by Heydon Pickering) 79:42 - Frontend Guidelines Questionnaire (o.a. door Brad Frost)

React Round Up
RRU 098: Accessibility Made Easy with Brittany Feenstra

React Round Up

Play Episode Listen Later Feb 4, 2020 45:36


Brittany is a software engineer for Formidable Labs. She’s a team lead for some client work and likes to poke around in their open-source stuff in her free time. Last year she gave a talk at ReactConf called ‘Accessibility is a Marathon, Not a Sprint’. She talks about her background and how she came to specialize in accessibility. Brittany believes there are a lot of small things you can do to make your website more accessible, and that following best practices in accessibility makes the website easier to navigate for the able-bodied as well. She emphasizes that having accessibility in mind from the get-go will make your website more organized overall and that making things more accessible is as easy as starting with semantic HTML. Brittany and Charles discuss the moral responsibility for businesses to make their website accessible and whose responsibility it is to enforce accessibility. Brittany feels that accessibility really isn’t that hard, but people just don’t know what it looks like or where to get started. Brittany shares some methods to improve accessibility that take very little extra effort. One of the best things you can do is use semantic HTML. To learn things like what is a header, footer, article tag, etc. is, she advises listeners to consult the documents. She talks about the importance of a good pull request and even enlisting coworkers to help you to remember to use these accessibility-friendly methods. Charles and Brittany talk about using heading outline extensions to help you see what content is getting scraped off your site. Once semantic HTML is in place, they suggest testing to see if your site works with accessibility tools like screen readers, or if you can navigate with just a keyboard. They talk about different extensions that mimic visual impairments to ensure your pages are readable. The show concludes with Brittany talking about how this all ties into React.  Panelist Charles Max Wood Guest Brittany Feenstra Sponsors NxPlaybook.com - Use code ‘NXDEVCHAT’ for 50% off the official https://nx.dev/React Advanced Workspaces course!  Sentry | Use the code “devchat” for $100 credit ____________________________ > "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links Formidable Labs Accessibility is a Marathon, not a Sprint Deaf man sues Pornhub over lack of captions HTML elements reference Eslint-plugin-jsx-a11y-npm headingsMap for Chrome headingsMap for Firefox Marcy Sutton noCoffee Color contrast analyzer Writing Automated Tests for Accessibility Lighthouse Axe by Deque JSJ 344: Inclusive Components with Heydon Pickering Picks Brittany Feenstra Follow Brittany on Twitter Inclusive Components by Hendon Pickering Becoming by Michelle Obama Charles Max Wood The Name of the Wind Group coaching course for finding jobs and staying current devchat.tv/workshops

Devchat.tv Master Feed
RRU 098: Accessibility Made Easy with Brittany Feenstra

Devchat.tv Master Feed

Play Episode Listen Later Feb 4, 2020 45:36


Brittany is a software engineer for Formidable Labs. She’s a team lead for some client work and likes to poke around in their open-source stuff in her free time. Last year she gave a talk at ReactConf called ‘Accessibility is a Marathon, Not a Sprint’. She talks about her background and how she came to specialize in accessibility. Brittany believes there are a lot of small things you can do to make your website more accessible, and that following best practices in accessibility makes the website easier to navigate for the able-bodied as well. She emphasizes that having accessibility in mind from the get-go will make your website more organized overall and that making things more accessible is as easy as starting with semantic HTML. Brittany and Charles discuss the moral responsibility for businesses to make their website accessible and whose responsibility it is to enforce accessibility. Brittany feels that accessibility really isn’t that hard, but people just don’t know what it looks like or where to get started. Brittany shares some methods to improve accessibility that take very little extra effort. One of the best things you can do is use semantic HTML. To learn things like what is a header, footer, article tag, etc. is, she advises listeners to consult the documents. She talks about the importance of a good pull request and even enlisting coworkers to help you to remember to use these accessibility-friendly methods. Charles and Brittany talk about using heading outline extensions to help you see what content is getting scraped off your site. Once semantic HTML is in place, they suggest testing to see if your site works with accessibility tools like screen readers, or if you can navigate with just a keyboard. They talk about different extensions that mimic visual impairments to ensure your pages are readable. The show concludes with Brittany talking about how this all ties into React.  Panelist Charles Max Wood Guest Brittany Feenstra Sponsors NxPlaybook.com - Use code ‘NXDEVCHAT’ for 50% off the official https://nx.dev/React Advanced Workspaces course!  Sentry | Use the code “devchat” for $100 credit ____________________________ > "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links Formidable Labs Accessibility is a Marathon, not a Sprint Deaf man sues Pornhub over lack of captions HTML elements reference Eslint-plugin-jsx-a11y-npm headingsMap for Chrome headingsMap for Firefox Marcy Sutton noCoffee Color contrast analyzer Writing Automated Tests for Accessibility Lighthouse Axe by Deque JSJ 344: Inclusive Components with Heydon Pickering Picks Brittany Feenstra Follow Brittany on Twitter Inclusive Components by Hendon Pickering Becoming by Michelle Obama Charles Max Wood The Name of the Wind Group coaching course for finding jobs and staying current devchat.tv/workshops

Smashing Podcast
What are Inclusive Components? with Heydon Pickering

Smashing Podcast

Play Episode Listen Later Dec 2, 2019 38:35


In this episode we're talking about Inclusive Components. What does it mean to be inclusive, or a component? And what has that got to do with accessibility? We talk to author Hayden Pickering to find out.

That's my JAMstack
Andy Bell on 11ty, static sites, progressive enhancement and more

That's my JAMstack

Play Episode Listen Later Aug 27, 2019 18:49


Quick show notes Our Guest: Andy Bell His current big project: Every Layout His JAMstack Jam: 11ty His musical Jam: Lyre le Temps Transcript Bryan Robinson 0:00 Today we have an awesome guest. He's a web designer and developer. You may know him from his CSS newsletter, Piccalilli, his awesome 11ty the starter theme Hylia, his friendly browser checker, mybrowser. FYI, or just his amazing hot takes on Twitter. Let's go ahead and welcome to the show Andy Bell. Andy, how's it going today? Hey, how you doing? Andy Bell 0:17 Okay. Thanks for having me. I'm pretty good. Bryan Robinson 0:21 So that was my introduction of you. But how would you describe yourself? Are you a designer or developer in your own mind, Andy Bell 0:26 I'll say I'm a hybrid sort of buff. So I tend to call myself a web designer these days because even though it's pretty old school term, it sort of describes what I do perfectly. I tend to see projects start finished. So yeah, web designer, or front end developer is tends to do most of the time these days. Bryan Robinson 0:46 Cool. So So what do you actually do for work and for fun? Andy Bell 0:58 And then other guys a chance to have fun because I've got two young kids. Yeah, fund is whatever, whatever includes those two, but yeah, I remember fun from before that. Bryan Robinson 1:11 I got young the same way I got I got three and a half year old, there's not a lot of fun. Andy Bell 1:15 So, I feel for you there. Bryan Robinson 1:19 Alright, so so what was kind of your entry point into this whole like jam stack philosophy and skill and or static sites or wherever you like to call it? Andy Bell 1:27 So, I started with stack size and with Jekyll, a few years ago, I got into Jekyll. I picked up as a solution for really rough agency project. That was, it was super fluid, the brief was so thin you could smoke it. And I just knew that it was going to be a nightmare from from the start. So I suggested, what do we use Jekyll to build it, because if, if I'm going to things change, it'll be a much easier process so that they're going to be really into it. And obviously it isn't it for our personal blog, and all that but is when 11ty came around, where I really started getting into static site stuff properly, really heavily into it, because it's just such a flexible system. And ever since then, I literally use it for everything now. And so yeah, it's brilliant. Love it. Bryan Robinson 2:25 So as a professional Freelancer using it on like your client projects and stuff like that. Andy Bell 2:30 If you're to list of things that 11tycurrently does for me is if prototyping, visual design. And its power in a book is power in the newsletter. And its power in normal client websites, my website, literally everything is now rolling through 11ty in some way awesome form at the moment. Bryan Robinson 2:56 So So would it be safe to say that that kind of 11ty is kind of your jam in the jam stack? Andy Bell 3:03 Oh, absolutely. Yeah. big thick wad of 11ty jam. Bryan Robinson 3:10 There is there any other technologies or products that you're utilizing in the jam stack right now? Andy Bell 3:14 Yeah, so do a lot of stuff with with Node when I do anything that's got like backends. So, I tend to like So this project, called every layer that I work on with Heydon Pickering. Tha t's all built with 11ty but we use Heroku and Node to do the sort of clever stuff. Which is all going to be well by the time this goes out it actually will be live. And so I tend to use that I but I am a slowly get into the survivalist stuff as well in the Cloud Functions, because Netlify made that really easy. So yeah, but really, I tend to stick around in static site world. Yeah, that's, that's where I hang out. Bryan Robinson 3:56 Cool. So what what kind of what actually made you fall in love with jam stack? Like you talked about, you know, Jekyll being your entry point, obviously. Now it's 11ty that's making it much more, I guess, probably fun to work with. Yeah. But what kind of where did you fall in love with some of the ideas? Andy Bell 4:11 I think it was. It's the empowerment thing. So I'm pretty weak with back end technology. It took me a long time to appreciate that. And you can achieve a lot as a as a sort of designer with the JAMstack. And a lot of power is given to you. And you can do a lot for nothing as well. And that's one thing I really appreciate about is that someone can get an 11ty site or whatever they want to use, and deploy it for free, on Netlify and then they own their own content. So that stuff's really appealing. And then I think is going to be really key in the success of JAMstack as well. Bryan Robinson 4:54 I'm kind of curious, cuz I'm a hybrid to like, I'm a designer developer, and I hate the backend. I hate dealing with servers and all that. But I've been doing HTML, CSS and JavaScript for like a decade. How would you talk to a designer, that's maybe getting into HTML and CSS about static sites and about about that empowerment that you were saying? Andy Bell 5:15 Interesting question. And so soon as I just getting into HTML and CSS, I probably wouldn't, I wouldn't introduce them to this JAMstack, because I think it could create some confusion really early, especially understanding because I think when you learn in HTML it's useful to be able to see the document as a as a whole software experience that uncomfortable about the JavaScript frameworks, as well as that there's a there's a higher level of abstraction, I think, causes a lot of confusion for beginners. So but once they're a bit more comfortable and understood HTML, I probably introduce them to 11ty, and then Nunjucks. And so this is now you cannot take this piece of code that you've written in a partial and then you know, introduce it like that, piece by piece. So keeping it as simple as possible. And that's one thing that's really good about, especially 11ty is that it lets you go from zero to naught point one, you know that you don't have to go all in and fully commit to a light Gatsby or something, you can gradually implement it on an existing setup. So you can actually teach it by doing things slowly, but surely, and people can understand what his role is and where it lives. In the stack. Bryan Robinson 6:30 You mentioned, you mentioned Gatsby, I actually just saw a presentation on Gatsby and just it kind of solidified my personal opinions. It looks you know, super powerful, and all that. And I played with it. But the complete abstraction of everything that's going on, I looked at it and said, I've been doing this a long time. My brain doesn't work like that. I can't imagine anyone else getting into it. Yeah. Andy Bell 6:51 No, no, I did. I did a client project with it earlier in the year and just found myself yearning back for 11ty, this is a bit too much. pretty difficult to do. What web web development, this this doesn't really have a role in my stack, especially a specialist. So yeah, stick stick with it. I think while it gives you I don't think you really need it to be honest. But you know, that's just my opinion. Suppose. Bryan Robinson 7:21 Sure. And then I guess beyond that, you know, talking and talking about, you know, newbies or you know, people who, who are maybe making that that advancement from be able to do that static HTML, CSS, maybe a little JavaScript into more, you know, full stack and putting air quotes, no one can hear the radio, it's been more kind of full stack development. Would you still talk to them about more traditional stuff? Or are you all in static sites JAMstack ideology, Andy Bell 7:55 Progressive enhancement is my is my thing. So whatever, wherever you use, as long as what gets delivered to the front end is HTML, functional HTML by default, so if nothing else arrives down the pipe, you've still got usable website that's acceptable and accessible, then it's all good. And you could, you could use whatever you want to do, like you can use PHP can use Node, I don't really care as long as what arrives, if, if the only thing that rises the HTML, it works, and you can use it, and then everything else on top of that is a bonus so CSS great that works now it looks good, you know, and then JavaScript, it's definitely a sort of an additional sprinkling of functionality rather than the whole thing. You know. That's how I always operate regardless of what project is really, even when I've built like React projects is being SSR (Server Side Rendered) to make sure that if the client fails, which it will, there's not, there's not a sort of might about it, there's, there's a will about it, and then make sure they still work. So that all this stuff, so yeah, definitely. Bryan Robinson 9:06 Do you think that the static sites lend themselves stronger to progressive enhancement? Or is it? Is it just a matter of methodology? Andy Bell 9:15 And yeah, I think, I think they might have made that kind of best point a lot easier. And I think that's, that's probably one thing I really like about them and being able to generate what I want -- which is that HTML output -- it seems to be really easy, I think it's almost easier to generate Well, for me, especially to do that with a static site generator, rather than WordPress style, which, you know, it's what I cut my teeth with WordPress, I think even now, if I was to take on the, air quotes, simple project, before I might sling out a WordPress theme, whereas now sling out on the 11ty site, because I think that's now the quickest way to do it for me. Yeah, Bryan Robinson 10:00 That's actually really, really interesting. So I used to work in an agency for about six years, and we had our own custom content management system and all sorts of stuff. But anytime a client couldn't use that, we were just sling a WordPress theme out there. So you think that that potentially, we're getting to the point where it would just be easier to do a quick static site, instead of going picking out a moderate to decent theme and plugging and playing Andy Bell 10:23 I think, I think one thing that is missing and the other is a couple of marketplaces for themes I was just introduced to this thing called StackBit the other day as well, which I thought was really cool, which has that whole methodology going about it and I think that is going to be the the breaking point and the bit that pushes static sites because like people start with seems a lot in world WordPress world especially and I know Gatsby started doing it themselves, well. And I think that's gonna be the key and I really hope something arrives for all the generators like 11ty and Hugo and stuff. I know there's Jekyll themes stuff that are still going these days as well. So I think that might be that the thing that helps people at least starter kits anyway that do initial setup for people because it can be a daunting, you know, 11ty starts with nothing, there's there's nothing in there. It's empty. So I think people I know Phil Hawksworth he he's created a nice starter kit and then obviously I created the Hylia as well. And it's just the fact that like these little starting points that get people into it. I think that will enable people to create these projects quickly and efficiently. Bryan Robinson 11:42 Now, I mentioned I mentioned earlier Hylia you all do you also I think I read somewhere that you have a starter kit that's like a blank starter kit. Andy Bell 11:56 Yeah, Hebra. You might remember from the the WordPress old days where there's a thing called Stackers by Elliot J Stocks. And this basically that but with 11ty. That's how I got into WordPress was I watch Chris Coyier's digging into WordPress screen casts. And then one of the first things recommended was this Stackers theme. So I got really into that. And I always found it really useful, because it just gave me HTML, nothing else. And then I might as well now want to release Hylia, and they went down really well with everyone. And I thought it'd be nice to also give people the HTML only version of it as well, if they don't want to use all the SASS and all that stuff that I've added in there. So yeah, it seems to be it's not not obviously nowhere near as popular as the other one. But it seems to be helping some people out which is good. Bryan Robinson 12:48 Well, that was that was what you said, you know, that Stacker was was kind of your intro into like WordPress theme that That one wasn't mine. But it was a similar idea where there wasn't, I just got like the loops and stuff like that. And then I could edit that sort of thing, instead of having to write from scratch. Andy Bell 13:03 Exactly. And that was the use case, because one thing I didn't like about WordPress themes is like in design was that had the prescriptive setup. And undoing that was really difficult. So being able to, you know, put actual CSS on that, you know, yourself was a big, big selling point. Bryan Robinson 13:22 Do you think there's any any room for looking at like static HTML themes? Do you think that that's going to be something that can fill that gap for for static sites? Or is it just too much effort at that point, even to convert it over? Andy Bell 13:35 Could be, Yeah, I think I think one thing our industry is lacking big, big time on is knowledge of HTML, especially -- and CSS, but mainly HTML. And there's always been I mean, I wrote a post by the day about it on Monday, where there's this theory that a button that's being created with live React Native, or whatever it is, is more accessible when it might be technically correct. But at the same time, there's a lot of caveats to that statement, and I think within this forum, and I see a lot of documentation, a lot of popular websites and code samples using very poor markup. So there's definitely a space for I'd say, lazy developers, you don't want to learn markup, because it is the founding, you know, is the core thing on the website is HTML, you know, you can't have a website without HTML, I think there's space for someone to just do it for them to put out an accessibility fire as I like to call it just reduce one more opportunity for someone to have a miserable experience with assistive technology is, is to give people our best point, you know, the, the correct markup for an article the correct amount of markup for post list or even for like an e-commerce, you know, something like? Yeah, definitely see space for that. Bryan Robinson 15:01 So I don't want to take up a huge amount of your time. So I'll move into the last last couple things. First and foremost, what's your like, actual jam right now? Like, what are you listening to? What's your favorite song or artists that you've got going on? Andy Bell 15:14 I was looking at Spotify before we started and there's this this is called, going to murder the name but Lyre le Temps, and I'll send you a link, put it in the show notes. And it's it's really funky. It's really it's been been on the constant loop for me recently. And while I've been working and doing a lot of design work recently, so it's really sort of suited to that I need I need music that makes puts me in a good mood when I do design otherwise, I do terrible work. So it doesn't really matter when I do development, I can listen to whatever design is a very specific thing that I need. And, yes, I'll send a link to the album. I've been listening to a lot of his career. It's really cool. Bryan Robinson 15:57 And then you me, you got a lot of things I'm sure you can promote. What do you want to promote on the on the podcast today? Andy Bell 16:06 I think because it's especially when this goes out. Me and Heydon have created this thing called Every Layout, and it's something that's really important to both of us. We're really both really into CSS, as you mentioned, are on a newsletter, about CSS called Picallili, which incidentally, is getting report formed on the JAMstack as we speak. But Every Layout is we're trying to distill CSS layouts and simplify them and teach people to simplify CSS as well. I think we, as a as an industry have overcomplicated CSS and we've thrown far too many heavy frameworks and heavy tools at what are actually simple layout problems. And I think this is all a stigma about the modern layout tooling such as flexbox that Heydon and I are trying to solve, break and teach people how to use them. And yeah, it seems to be going quite well. So yeah, that that'll be ready for purchase. When when this goes out so go on and buy it because when you buy it, it means that we can give it for free to people who need it for free. And that's the whole the whole mantra that we're doing with it is that we're using people's purchase licenses to then subsidize people who really need it for free and been able to give it to them. So yeah. Bryan Robinson 17:26 That's amazing. And, and the stuff I've read online that's in there is also amazing stuff too. So you should definitely go Andy Bell 17:35 Every-layout.dev is the URL Bryan Robinson 17:38 and that'll be in the show notes too. Yeah, it's definitely it's definitely worth checking out. We could do a whole episode about it. Have you and Heydon later on. But uh, yeah, it's amazing stuff. Cool. Well, thanks for for taking the time to talk with us today. Andy Bell 17:55 No worries. It's been good fun. Bryan Robinson 17:57 I really, really appreciate it and we'll go from here.Transcribed by https://otter.aiIntro/outtro music by bensound.com

Working Draft » Podcast Feed
On Tour @ #cssday 2019 1/4 with Heydon Pickering

Working Draft » Podcast Feed

Play Episode Listen Later Aug 7, 2019


This interview is part of our four-part series On Tour @ #cssday. [00:09:31] HEYDON PICKERING: FLEXBOX HOLY ALBATROSS Designing interfaces is not easy. Especially when it comes to accessibility it …

tour on tour heydon pickering
Working Draft » Podcast Feed
On Tour @ #cssday 2019 1/4 with Heydon Pickering

Working Draft » Podcast Feed

Play Episode Listen Later Aug 7, 2019 33:39


This interview is part of our four-part series On Tour @ #cssday. [00:09:31] Heydon Pickering: Flexbox Holy Albatross Designing interfaces is not easy. Especially when it comes to accessibility it is hard to do it „right“. With Heydon we talk about the difficulties we face when designing and coding different types of interfaces like dialogs […]

tour on tour heydon pickering
Civic Tech Chat
33 Maine Ballot

Civic Tech Chat

Play Episode Listen Later Aug 1, 2019 38:45


We are joined by User Experience Designer [Shannon McHarg](https://twitter.com/EfficientIxD) and Content Strategist [Ryan Johnson](https://twitter.com/forestglenroad), who both work at the [Office of Natural Resources Revenue](https://twitter.com/DOIONRR), an agency within the [United States Department of the Interior](https://twitter.com/Interior). We'll talk about an open source project they both contribute to called [Maine Ballot](https://maineballot.org/). ### Resources and Shoutouts: - [Maine Ballot](https://maineballot.org/) - [Don't Make Me Think](https://www.goodreads.com/book/show/18197267-don-t-make-me-think-revisited) - [UK Digital Service](https://www.gov.uk/government/organisations/government-digital-service) - [Digital Transformation at Scale](https://www.andrewgreenway.com/book) - [How to Make Sense of Any Mess](http://www.howtomakesenseofanymess.com/) - [Natural Resources Revenue Data](https://revenuedata.doi.gov/) - [Heydon Pickering](http://www.heydonworks.com/) ##### Music Credit: [Tumbleweeds by Monkey Warhol](http://freemusicarchive.org/music/Monkey_Warhol/Lonely_Hearts_Challenge/Monkey_Warhol_-_Tumbleweeds)

ShopTalk » Podcast Feed
355: Accessibility with Heydon Pickering

ShopTalk » Podcast Feed

Play Episode Listen Later Apr 8, 2019 78:47


Show Description****************We're chatting with Heydon Pickering about accessibility, using pre-built solutions past their best before date, everyone's varying degrees of proficiency, and whether accessibility is becoming second nature to more people. Listen on Website →Links***** Heydonworks.com Inclusive-Components.design YouTube Channel Heydon on Github The Problem with Full Stack The Mutable Gallery Facebook Withdraws React MakeFrontEndShitAgain.party Jenn […]

accessibility heydon pickering
All JavaScript Podcasts by Devchat.tv
JSJ 344: Inclusive Components with Heydon Pickering

All JavaScript Podcasts by Devchat.tv

Play Episode Listen Later Dec 18, 2018 70:37


Panel: Charles Max Wood Aimee Knight Chris Ferdinandi Joe Eames Special Guest: Heydon Pickering In this episode, the panel talks with Heydon Pickering who is a designer and writer. The panel and the guest talk about his new book, which is centered on the topic of today’s show: inclusive components. Check out Heydon’s Twitter, Website, GitHub, and Mastodon social accounts to learn more about him. To purchase the book – go here! Show Topics: 0:00 – Advertisement: KENDO UI 0:38 – Chuck: Aimee, Chris, Joe, and myself – we are today’s panel. My show the DevRev is available online to check it out. 1:30 – Guest: Plain ice cream would be frozen milk and that would be terrible. So I am lemon and candy JavaScript! 2:13 – Chuck: We are talking today about...? 2:22 – Chris: He’s talking about “inclusive components” today! 2:41 – Guest: Traveling is very stressful and I wanted something to do on the plane. I’ve done this book, “Inclusive Design Patterns.” If you don’t want to buy the book you can go to the blog. I have been talking with Smashing Magazine. 5:40 – Panel. 5:47 – Guest: I approached Smashing Magazine initially. They didn’t think there was a market for this content at the time. They were very supportive but we will do it as an eBook so our costs our down. At the time, the editor came back and said that: “it was quite good!” We skimmed it but came back to it now and now the content was more relevant in their eyes. I didn’t want to do the same book but I wanted to do it around “patterns.” Rewriting components is what I do all the time. I use Vanilla JavaScript. Backbone.js is the trendy one. 9:52 – Panel: The hard book did it get published? 10:02 – Guest: We are in the works and it’s all in the final stages right now. It has to go through a different process for the print version. 11:54 – Panel. 11:58 – (Guest continues about the editorial process.) 12:09 – Panel: They probably switched to TFS – it’s Microsoft’s. 12:23 – Guest: There was this argument on Twitter about the different processors. 13:35 – Chris: What are the ways that people are breaking accessibility with their code through JavaScript?  13:59 – Guest: The whole premise is that there aren’t a ton of different components that we use. Generally, speaking. Most things we do through JavaScript – it’s just different ways of doing this/that, and hiding things. I am discounting things with Node or other stuff. Most of what we are doing, with interactive design, is showing and hiding. 18:37 – Chris: I have some specialty friends where they tell me where I’ve screwed up my code. For example Eric Bailey and Scott O’Hara but, of course, in very kind ways. What are some things that I can make sure that my code is going to work for many different people. 19:18 – Guest: You have accessibility and inclusive design. People think of accessibility as a check-list and that’s okay but there could be problems with this. 26:00 – Panel: That’s a great guideline. 26:05 – Chris: You talked about ARIA roles and it can be confusing. One side is: I don’t know when to use these and the other side is: I don’t know when NOT to use these so I’m going to use them for EVERYTHING! I guess both can be detrimental. What’s your advice on this topic? 27:00 – Guest: Scott is great and I would trust him to the end of the Earth about what he says. Guest mentions Léonie Watson and her talks about this topic. 29:26 – (Guest continues.) 29:36 – Advertisement – Sentry.io 30:31 – Chris. 30:40 – Guest: There is a lot of pressure, though, right? People wouldn’t blog about this if it wasn’t worthwhile. It doesn’t matter what the style is or what the syntax is. The guest talks about not throwing ARIA onto everything. 36:34 – Aimee: Is this something that was mentioned in the book: people with disabilities and accessibility. 37:28 – Guest: Yes, of course. I think it’s important to make your interfaces flexible and robust to think and include people with disabilities. 39:00 – Guest mentions larger buttons. 40:52 – Panelists and Guest talk back-and-forth. 42:22 – Chris: It’s an accessibility and inclusivity element. I saw a dropdown menu and worked great on certain devices but not others. I could beat this horse all day long but the whole: what happens of the JavaScript file doesn’t load or just accordion options? 43:50 – Guest: It’s the progressive enhancement element. 44:05 – Guest: I think it’s worth noting. I think these things dovetail really nicely. 46:29 – Chris: Did you do a video interview, Aimee, talking about CSS? Is CSS better than JavaScript in some ways I don’t know if this is related or not? 47:03 – Aimee: When I talk about JavaScript vs. CSS...the browser optimizes those. 47:27 – Aimee: But as someone who loves JavaScript...and then some very talented people taught me that you have to find the right tool for the job. 47:29 – Guest: I am the other way around – interesting. 52:50 – Chuck: Picks! 52:55 – Advertisement – Get A Coder Job! END – Advertisement: CacheFly! Links: JavaScript Backbone.js Microsoft’s TFS Léonie Watson React Elixir Ember.js Vue GO jQuery Node.js Puppeteer Cypress Heydon’s GitHub Heydon’s Mastodon Heydon’s Book Medium Article on Heydon Heydon’s Website Heydon’s Twitter Sponsors: DevLifts Kendo UI Sentry CacheFly Picks: Joe Chris Ferdinandi's Blog Luxur board game Cypress.io Aimee Blog about interviewing Birthday Cake Quest Bar Chris Web Dev Career Guide: https://gomakethings.com/career-guide/ Use FREECAREER at checkout to get it for free Neapolitan Ice Cream  Netflix Web Performance case study Charles Disney Heroes Battle Mode MFCEO Project Podcast Gary Lee Audio Experience Suggestions for JavaScript Jabber Heydon Bruck What is Mastodon and why should I use it?

JavaScript Jabber
JSJ 344: Inclusive Components with Heydon Pickering

JavaScript Jabber

Play Episode Listen Later Dec 17, 2018 70:37


Panel: Charles Max Wood Aimee Knight Chris Ferdinandi Joe Eames Special Guest: Heydon Pickering In this episode, the panel talks with Heydon Pickering who is a designer and writer. The panel and the guest talk about his new book, which is centered on the topic of today’s show: inclusive components. Check out Heydon’s Twitter, Website, GitHub, and Mastodon social accounts to learn more about him. To purchase the book – go here! Show Topics: 0:00 – Advertisement: KENDO UI 0:38 – Chuck: Aimee, Chris, Joe, and myself – we are today’s panel. My show the DevRev is available online to check it out. 1:30 – Guest: Plain ice cream would be frozen milk and that would be terrible. So I am lemon and candy JavaScript! 2:13 – Chuck: We are talking today about...? 2:22 – Chris: He’s talking about “inclusive components” today! 2:41 – Guest: Traveling is very stressful and I wanted something to do on the plane. I’ve done this book, “Inclusive Design Patterns.” If you don’t want to buy the book you can go to the blog. I have been talking with Smashing Magazine. 5:40 – Panel. 5:47 – Guest: I approached Smashing Magazine initially. They didn’t think there was a market for this content at the time. They were very supportive but we will do it as an eBook so our costs our down. At the time, the editor came back and said that: “it was quite good!” We skimmed it but came back to it now and now the content was more relevant in their eyes. I didn’t want to do the same book but I wanted to do it around “patterns.” Rewriting components is what I do all the time. I use Vanilla JavaScript. Backbone.js is the trendy one. 9:52 – Panel: The hard book did it get published? 10:02 – Guest: We are in the works and it’s all in the final stages right now. It has to go through a different process for the print version. 11:54 – Panel. 11:58 – (Guest continues about the editorial process.) 12:09 – Panel: They probably switched to TFS – it’s Microsoft’s. 12:23 – Guest: There was this argument on Twitter about the different processors. 13:35 – Chris: What are the ways that people are breaking accessibility with their code through JavaScript?  13:59 – Guest: The whole premise is that there aren’t a ton of different components that we use. Generally, speaking. Most things we do through JavaScript – it’s just different ways of doing this/that, and hiding things. I am discounting things with Node or other stuff. Most of what we are doing, with interactive design, is showing and hiding. 18:37 – Chris: I have some specialty friends where they tell me where I’ve screwed up my code. For example Eric Bailey and Scott O’Hara but, of course, in very kind ways. What are some things that I can make sure that my code is going to work for many different people. 19:18 – Guest: You have accessibility and inclusive design. People think of accessibility as a check-list and that’s okay but there could be problems with this. 26:00 – Panel: That’s a great guideline. 26:05 – Chris: You talked about ARIA roles and it can be confusing. One side is: I don’t know when to use these and the other side is: I don’t know when NOT to use these so I’m going to use them for EVERYTHING! I guess both can be detrimental. What’s your advice on this topic? 27:00 – Guest: Scott is great and I would trust him to the end of the Earth about what he says. Guest mentions Léonie Watson and her talks about this topic. 29:26 – (Guest continues.) 29:36 – Advertisement – Sentry.io 30:31 – Chris. 30:40 – Guest: There is a lot of pressure, though, right? People wouldn’t blog about this if it wasn’t worthwhile. It doesn’t matter what the style is or what the syntax is. The guest talks about not throwing ARIA onto everything. 36:34 – Aimee: Is this something that was mentioned in the book: people with disabilities and accessibility. 37:28 – Guest: Yes, of course. I think it’s important to make your interfaces flexible and robust to think and include people with disabilities. 39:00 – Guest mentions larger buttons. 40:52 – Panelists and Guest talk back-and-forth. 42:22 – Chris: It’s an accessibility and inclusivity element. I saw a dropdown menu and worked great on certain devices but not others. I could beat this horse all day long but the whole: what happens of the JavaScript file doesn’t load or just accordion options? 43:50 – Guest: It’s the progressive enhancement element. 44:05 – Guest: I think it’s worth noting. I think these things dovetail really nicely. 46:29 – Chris: Did you do a video interview, Aimee, talking about CSS? Is CSS better than JavaScript in some ways I don’t know if this is related or not? 47:03 – Aimee: When I talk about JavaScript vs. CSS...the browser optimizes those. 47:27 – Aimee: But as someone who loves JavaScript...and then some very talented people taught me that you have to find the right tool for the job. 47:29 – Guest: I am the other way around – interesting. 52:50 – Chuck: Picks! 52:55 – Advertisement – Get A Coder Job! END – Advertisement: CacheFly! Links: JavaScript Backbone.js Microsoft’s TFS Léonie Watson React Elixir Ember.js Vue GO jQuery Node.js Puppeteer Cypress Heydon’s GitHub Heydon’s Mastodon Heydon’s Book Medium Article on Heydon Heydon’s Website Heydon’s Twitter Sponsors: DevLifts Kendo UI Sentry CacheFly Picks: Joe Chris Ferdinandi's Blog Luxur board game Cypress.io Aimee Blog about interviewing Birthday Cake Quest Bar Chris Web Dev Career Guide: https://gomakethings.com/career-guide/ Use FREECAREER at checkout to get it for free Neapolitan Ice Cream  Netflix Web Performance case study Charles Disney Heroes Battle Mode MFCEO Project Podcast Gary Lee Audio Experience Suggestions for JavaScript Jabber Heydon Bruck What is Mastodon and why should I use it?

Devchat.tv Master Feed
JSJ 344: Inclusive Components with Heydon Pickering

Devchat.tv Master Feed

Play Episode Listen Later Dec 17, 2018 70:37


Panel: Charles Max Wood Aimee Knight Chris Ferdinandi Joe Eames Special Guest: Heydon Pickering In this episode, the panel talks with Heydon Pickering who is a designer and writer. The panel and the guest talk about his new book, which is centered on the topic of today’s show: inclusive components. Check out Heydon’s Twitter, Website, GitHub, and Mastodon social accounts to learn more about him. To purchase the book – go here! Show Topics: 0:00 – Advertisement: KENDO UI 0:38 – Chuck: Aimee, Chris, Joe, and myself – we are today’s panel. My show the DevRev is available online to check it out. 1:30 – Guest: Plain ice cream would be frozen milk and that would be terrible. So I am lemon and candy JavaScript! 2:13 – Chuck: We are talking today about...? 2:22 – Chris: He’s talking about “inclusive components” today! 2:41 – Guest: Traveling is very stressful and I wanted something to do on the plane. I’ve done this book, “Inclusive Design Patterns.” If you don’t want to buy the book you can go to the blog. I have been talking with Smashing Magazine. 5:40 – Panel. 5:47 – Guest: I approached Smashing Magazine initially. They didn’t think there was a market for this content at the time. They were very supportive but we will do it as an eBook so our costs our down. At the time, the editor came back and said that: “it was quite good!” We skimmed it but came back to it now and now the content was more relevant in their eyes. I didn’t want to do the same book but I wanted to do it around “patterns.” Rewriting components is what I do all the time. I use Vanilla JavaScript. Backbone.js is the trendy one. 9:52 – Panel: The hard book did it get published? 10:02 – Guest: We are in the works and it’s all in the final stages right now. It has to go through a different process for the print version. 11:54 – Panel. 11:58 – (Guest continues about the editorial process.) 12:09 – Panel: They probably switched to TFS – it’s Microsoft’s. 12:23 – Guest: There was this argument on Twitter about the different processors. 13:35 – Chris: What are the ways that people are breaking accessibility with their code through JavaScript?  13:59 – Guest: The whole premise is that there aren’t a ton of different components that we use. Generally, speaking. Most things we do through JavaScript – it’s just different ways of doing this/that, and hiding things. I am discounting things with Node or other stuff. Most of what we are doing, with interactive design, is showing and hiding. 18:37 – Chris: I have some specialty friends where they tell me where I’ve screwed up my code. For example Eric Bailey and Scott O’Hara but, of course, in very kind ways. What are some things that I can make sure that my code is going to work for many different people. 19:18 – Guest: You have accessibility and inclusive design. People think of accessibility as a check-list and that’s okay but there could be problems with this. 26:00 – Panel: That’s a great guideline. 26:05 – Chris: You talked about ARIA roles and it can be confusing. One side is: I don’t know when to use these and the other side is: I don’t know when NOT to use these so I’m going to use them for EVERYTHING! I guess both can be detrimental. What’s your advice on this topic? 27:00 – Guest: Scott is great and I would trust him to the end of the Earth about what he says. Guest mentions Léonie Watson and her talks about this topic. 29:26 – (Guest continues.) 29:36 – Advertisement – Sentry.io 30:31 – Chris. 30:40 – Guest: There is a lot of pressure, though, right? People wouldn’t blog about this if it wasn’t worthwhile. It doesn’t matter what the style is or what the syntax is. The guest talks about not throwing ARIA onto everything. 36:34 – Aimee: Is this something that was mentioned in the book: people with disabilities and accessibility. 37:28 – Guest: Yes, of course. I think it’s important to make your interfaces flexible and robust to think and include people with disabilities. 39:00 – Guest mentions larger buttons. 40:52 – Panelists and Guest talk back-and-forth. 42:22 – Chris: It’s an accessibility and inclusivity element. I saw a dropdown menu and worked great on certain devices but not others. I could beat this horse all day long but the whole: what happens of the JavaScript file doesn’t load or just accordion options? 43:50 – Guest: It’s the progressive enhancement element. 44:05 – Guest: I think it’s worth noting. I think these things dovetail really nicely. 46:29 – Chris: Did you do a video interview, Aimee, talking about CSS? Is CSS better than JavaScript in some ways I don’t know if this is related or not? 47:03 – Aimee: When I talk about JavaScript vs. CSS...the browser optimizes those. 47:27 – Aimee: But as someone who loves JavaScript...and then some very talented people taught me that you have to find the right tool for the job. 47:29 – Guest: I am the other way around – interesting. 52:50 – Chuck: Picks! 52:55 – Advertisement – Get A Coder Job! END – Advertisement: CacheFly! Links: JavaScript Backbone.js Microsoft’s TFS Léonie Watson React Elixir Ember.js Vue GO jQuery Node.js Puppeteer Cypress Heydon’s GitHub Heydon’s Mastodon Heydon’s Book Medium Article on Heydon Heydon’s Website Heydon’s Twitter Sponsors: DevLifts Kendo UI Sentry CacheFly Picks: Joe Chris Ferdinandi's Blog Luxur board game Cypress.io Aimee Blog about interviewing Birthday Cake Quest Bar Chris Web Dev Career Guide: https://gomakethings.com/career-guide/ Use FREECAREER at checkout to get it for free Neapolitan Ice Cream  Netflix Web Performance case study Charles Disney Heroes Battle Mode MFCEO Project Podcast Gary Lee Audio Experience Suggestions for JavaScript Jabber Heydon Bruck What is Mastodon and why should I use it?

Great Grommet Podcast
Episode 4 - Interview with digital accessibility pro Jennison Asuncion

Great Grommet Podcast

Play Episode Listen Later Apr 6, 2016 29:20


In this podcast, we interviewed digital accessibility pro Jennison Asuncion. He provided amazing tips on making your digital projects accessible. Listen to the podcast and tweet @grommetux if you have any questions. Podcast Timeline: 0:00 - 3:45 Grommet updates from Chris Carlozzi 4:00: Interview with Jennison starts with Grommet contributor Alan Souza 4:30: Who are you and what do you do 4:53: Tell us more about CSUN conference 5:30: What are the main issues with navigating the web as a blind user? 8:00: Twitter just released a new feature for accessibility access - alternative access. 9:00: Tell us about your background in digital accessibility. 10:16: What advice do you have for those getting into digital accessibility? 12:00: How have you educated others on accessibility 12:28: Global Accessibility Awareness Day - May 19 16:30: What tools do you recommend to test websites are accessible? 21:03: Why is it important for enterprise apps to be accessible? 24:00: Blogs talking about accessibility to follow 24:50: Where do you see accessibility in 5 to 10 years? Twitter Handles Mentioned During the Podcast: Jennison Asuncion @jennison Jesse Beach @jessebeach Alice Boxhall @sundress Accessibility Jobs Twitter Account @a11yjobs Joe Devon @joedevon Marco Zehe @marcoinenglish Leonie Watson @leoniewatson Sam Ogami @sogami Links Mentioned in the Podcast: Bay Area Accessibility and Inclusive Design Meetup http://www.meetup.com/a11ybay Global Accessibility Awareness Day http://www.globalaccessibilityawarenessday.org Accessibility Camp Bay Area http://www.accessibilitycampbay.org WebAIM http://www.webaim.org Apps For All: Coding Accessible Web Applications by Heydon Pickering @heydonworks https://shop.smashingmagazine.com/products/apps-for-all Practical ARIA Examples http://heydonworks.com/practical_aria_examples/ Accessibility Wins by Marcy Sutton @marcysutton https://a11ywins.tumblr.com/ The Before and After Demo from the W3C's Web Accessibility Initiative https://www.w3.org/WAI/demos/bad/ Web Axe blog and podcast http://www.webaxe.org/ Marco's Accessibility Blog – Helping to make accessibility accessible on the web and elsewhere https://www.marcozehe.de/ Tink - Léonie Watson – On technology, food & life in the digital age http://tink.uk/ The Paciello Group Blog https://www.paciellogroup.com/blog/ SSB BART Group blog http://www.ssbbartgroup.com/blog/ 31st International Technology and Persons with Disabilities Conference (CSUN Conference) www.csunconference.org The Great Big List (presentations, video and other material) from the 2016 CSUN International Technology & Persons with Disabilities Conference http://curbcut.net/events/csun16-disabilities-technology/ List of Accessibility and Inclusive Design Meetups https://www.lireo.com/accessibility-inclusive-design-in-person-groups/ NVDA NonVisual Desktop Access (free Windows screen reader) www.nvda-project.org Thanks to @sogami for the podcast intro and Bensound.com for the music.

The Big Web Show
Episode 140: Progressive Enhancement FTW with Aaron Gustafson

The Big Web Show

Play Episode Listen Later Dec 4, 2015 66:27


Longtime web developer, lecturer, and web standards evangelist Aaron Gustafson and host Jeffrey Zeldman discuss the newly published update to Aaron's best-selling industry classic “love letter to the web,” Adaptive Web Design: Crafting Rich Experiences With Progressive Enhancement, 2nd Edition (New Riders, 2015). Topics covered include: Aaron's superhero origin story as a creator of progressively enhanced websites and applications; "we're not building things we haven't built on the web before;" "creating opportunities for people outside your comfort zone;" development in the world of Node.js; "every interface is a conversation;" "visual design is an enhancement;" "interaction is an enhancement;" nerding out over early web terminal interfaces; Microsoft, Opera, and more. Save 35% off Aaron Gustafson's Adaptive Web Design: Crafting Rich Experiences With Progressive Enhancement, 2nd Edition when you enter discount code AARON35 at checkout. Links for this episode:About Aaron GustafsonAdaptive Web Design Second Edition (“95% new material”)Read the first chapter free (PDF)First Edition, May 2011 (read the entire first edition free) Web Standards SherpaNotebook: Aaron's blogEngagements: Aaron's speaking page, using Quantity Queries"Quantity Queries for CSS" by Heydon Pickering in A List ApartA List Apart: articles by Aaron GustafsonEric Meyer's "CSS Design: Going to Print" in A List ApartWhatsAppBrought to you by: Braintree (To learn more, and for your first $50,000 in transactions fee-free, go to BraintreePayments.com/BigWebShow) DreamHost (Visit the link to sign up and make sure to use the code THEBIGWEBSHOW395 at checkout and you'll get top rated web hosting for just $3.95/month and a free domain name). Thinkful (Learn to build websites & apps in 3 months and get 20% off when you visit Thinkful.com/bigwebshow)

Fronteers Videos
Heydon Pickering | Getting nowhere with CSS best practices [Fronteers 2014]

Fronteers Videos

Play Episode Listen Later Oct 9, 2014 48:23


Broadly speaking, common CSS best practices cover readability, efficiency and modularity. Adopting them purports to make long-running projects more manageable. But do any of them really help, and how many of them actually improve the product that falls into people's hands? Is it possible that CSS best practice can perpetuate or even beget bad design practice? More info at: https://fronteers.nl/congres/2014/sessions/heydon-pickering-getting-nowhere-with-css-best-practices

Fronteers Videos
Heydon Pickering | Getting nowhere with CSS best practices [Fronteers 2014]

Fronteers Videos

Play Episode Listen Later Oct 9, 2014 48:23


Broadly speaking, common CSS best practices cover readability, efficiency and modularity. Adopting them purports to make long-running projects more manageable. But do any of them really help, and how many of them actually improve the product that falls into people's hands? Is it possible that CSS best practice can perpetuate or even beget bad design practice? More info at: https://fronteers.nl/congres/2014/sessions/heydon-pickering-getting-nowhere-with-css-best-practices