• The Intersection of Performance and Accessibility

    NEW START TIME: Doors will open at 6:45, with the talk starting at 7:15. FOOD AND DRINK: We are looking for a sponsor to cover alcohol costs. Pizza will still be served. Accessibility is a practice that touches on many aspects of good web design and development, including performance. This talk will highlight opportunities and techniques to improve your website or web app's performance by embracing an accessible, inclusive mindset. General details: - Doors open at 6:45pm for food and conversation, sponsored by thoughtbot (https://thoughtbot.com/boston). - We are looking for sponsorship for alcohol for this event. - The talk will start at 7:15pm. - The venue is wheelchair accessible via elevator. Other accommodations can be made with advance notice. - The event will be recorded and posted to our YouTube channel afterwards (https://www.youtube.com/channel/UCB-Q0Af4p8A23QTnUxg-fgg). About our speaker: Eric is a designer at thoughtbot who is passionate about accessibility and inclusive design. He's also the Boston CSS co-organizer charged with creating this event, making this bio a little awkward to write.

  • Responsive Design 2.0

    thoughtbot offices

    For the first time in the history of the web, CSS is graced with tools for laying out web pages without hacks. Flexbox and Grid provide methods for creating responsive websites with designs not previously possible. CSS Calc and CSS Custom Properties give us a first chance to use math and variables within CSS itself, without requiring compiling. Together, these four new CSS modules work together to revolutionize CSS in modern evergreen browsers. Jen Kramer (https://twitter.com/jen4web) has been teaching and performing web design for over 19 years. Most recently, she is a Lecturer at Harvard University Extension School in the Master's of Liberal Arts in Digital Media Design program, where she teaches five courses per year on front-end web development. She's also a prolific video author, creating over 35 training courses for Lynda.com, Frontend Masters, O'Reilly Media, and Aquent Gymnasium. She earned her MS in Internet Strategy Management from Marlboro College.

    3
  • Inclusively-Delicious Design Systems

    thoughtbot offices

    Design systems are a popular way for teams to flavor their design and development workflow. However, an often-missing ingredient in many design systems is a focus on accessibility best practices — especially when component libraries are involved. In this month’s Meetup, Kathleen McMahon will reveal the recipe for staying technically relevant — and sought after — in today’s workforce: JavaScript framework knowledge blended with solid HTML/CSS skills and accessibility best practices. Particularly for component libraries in a design system. This talk will demonstrate how you can mix some commonly-used React components with the ingredients of accessibility. Pair this with best practices guidance in your documentation, and you’ll have the recipe for a delectably inclusive design system. Kathleen works at O’Reilly Media as a Frontend Engineer, where she leads the accessibility initiative for the design system. Her deep industry experience as both a designer and developer fuels her passion for making apps beautifully accessible. In her spare time, she is the Creative Director for the CXsisters network, and the best lanterne rouge cyclocrosser you’ll ever meet.

  • The Lean Web with Chris Ferdinandi

    thoughtbot offices

    Come join us for our first Meetup of 2019! Over the last couple of years, front end development has gotten a lot more complicated. Preprocessors, module loaders, package managers, ES6, command line tools, single page apps, CSS-in-JS, Angular, React, Vue, Cosmic (Chris made that last one up, but it sounds legit, right?). It’s exhausting. It makes building for the web harder. It makes the sites and apps we build slower and more fragile. It often makes the web worse. In this talk, Chris will teach you a simpler approach to front end development: the lean web. You’ll learn how to build modern, engaging websites and web apps without all of the cruft. All you need is a web browser and text editor. About our speaker: Chris (https://twitter.com/ChrisFerdinandi) helps people learn vanilla JavaScript. He believes there’s a simpler, more resilient way to make things for the web. He’s taught developers at organizations like Chobani and the Boston Globe, and his JavaScript plugins are used by organizations like Apple, Harvard Business School, and CNN. His developer tips newsletter is read by over 3,100 developers each weekday. He loves pirates, puppies, and Pixar movies, and lives near horse farms in rural Massachusetts. He runs Go Make Things with Bailey Puppy, a lab-mix from Tennessee. General details: Doors open at 6:30pm for food and drinks, sponsored by Thoughtbot (https://thoughtbot.com/boston)! The talk will start at 7pm. There is wheelchair access via elevator. We will be live streaming the event and afterwards it will be posted to our Youtube channel (https://www.youtube.com/channel/UCB-Q0Af4p8A23QTnUxg-fgg). Please check this page for the link on the date of the event.

    6
  • CSS at an Intersection with Natalya Shelburne

    thoughtbot offices

    CSS exists at an intersection between mental models. How do we know? Because we keep hearing the same debate rage on: "Is CSS broken or awesome?" This talk is about building tools for collaboration - enabling teams to communicate by creating interfaces to accommodate different mental models. Natalya will share examples of effective tools, focusing on creating design systems and how they transform the way the designers and developers interact. Throughout the talk she will discuss the mental models we construct in tech, the cognitive dissonance we experience when confronted with new ideas, and the effect behaviors like saying "CSS is broken" can have on career trajectories. About our speaker: Natalya (https://twitter.com/natalyathree) is a developer, designer, educator, speaker, and occasional sketch note artist. She is a front end developer at The New York Times and an instructor at Harvard Extension School. Previously, she worked as an Art Director in the non-profit world. General details: Doors open at 6:30pm for food and drinks, sponsored by Thoughtbot (https://thoughtbot.com/boston)! The talk will start at 7pm. There is wheelchair access via elevator. We will be live streaming the event and afterwards it will be posted to our Youtube channel (https://www.youtube.com/channel/UCB-Q0Af4p8A23QTnUxg-fgg). Please check this page for the link on the date of the event.

    2
  • Image Performance with Mat Marquis

    Thoughtbot

    We're back! It's been a little while, but we have a couple of great events in the works. Next week, we're excited to invite Mat Marquis to read from and speak about his new book, Image Performance. We hope to see you there. From Mat: Join me for a dramatic reading of Image Performance from A Book Apart, where I’m gonna give away the ending. Not of the book, mind you—though, well, no promises there either. No, I’m here to take all the surprise and excitement out of that “investigate front-end performance issues” ticket in your trackers: your images are doing more damage than you might think. Lucky for us, the answers are in the back of the book, too. About our speaker: Mat “Wilto” Marquis is an amateur boxer, aspiring chef, halfway decent carpenter, and passable antique British motorcycle mechanic—when not making fast, accessible, responsive websites. He keeps busy. As chair of the Responsive Issues Community Group, Mat spearheaded the effort to bring native responsive image solutions to the HTML5 specification, later going on to facilitate browser implementations and oversee the addition of native responsive image techniques to major CMSes. He has spoken at An Event Apart, edited for A List Apart, and published both JavaScript for Web Designers and Image Performance with A Book Apart. He even had the honor of appearing in the film What Comes Next is the Future, to discuss his role in web standards. He has an IMDB page and everything! Just—… just ignore the other thing on there. Long story. General details: Doors open at 6:30pm for food and drinks, sponsored by Thoughtbot (https://thoughtbot.com/boston)! The talk will start at 7pm. There is wheelchair access via elevator. We will be live streaming the event and afterwards it will be posted to our Youtube channel (https://www.youtube.com/channel/UCB-Q0Af4p8A23QTnUxg-fgg). Please check this page for the link on the date of the event.

    8
  • Resilient Web Design with Jeremy Keith

    Thoughtbot

    Important location change: this event will take place at thoughtbot (https://goo.gl/maps/hC9cDyyaz632!). We are thrilled to welcome Jeremy Keith while he's in town for An Event Apart! Jeremy will take us on a trip through the history of web standards, sharing insights from his book Resilient Web Design. In his words: "Thrill to the explanations of error handling! Gasp at the separation of concerns! Weep as you realize that he's talking about progressive enhancement yet again! Or, y'know, just have a very pleasant evening geeking out about where CSS comes from." :-) A bit about our presenter: Jeremy Keith lives in Brighton, England where he makes websites with the splendid design agency Clearleft (https://clearleft.com). You may know him from such books as DOM Scripting (https://domscripting.com), Bulletproof Ajax (https://bulletproofajax.com), HTML5 For Web Designers (https://html5forwebdesigners.com), Resilient Web Design (https://resilientwebdesign.com), and, most recently, Going Offline (https://abookapart.com/products/going-offline). He curated the dConstruct conference for a number of years as well as Brighton SF (http://brightonsf.adactio.com), and he organised the world's first Science Hack Day (http://sciencehackday.org). He also made the website Huffduffer (https://huffduffer.com) to allow people to make podcasts of found sounds—it's like Instapaper for audio files. Hailing from Erin's green shores, Jeremy maintains his link to Irish traditional music running the community site The Session (https://thesession.org). He also indulges a darker side of his bouzouki-playing in the band Salter Cane (https://saltercane.com). Jeremy spends most of his time goofing off on the internet, documenting his time-wasting on https://adactio.com , where he has been writing for over fifteen years. General details: Doors open at 6:30pm for food and drinks, sponsored by Thoughtbot (https://thoughtbot.com/boston)! The talk will start at 7pm. There is wheelchair access via elevator. We will be live streaming the event and afterwards it will be posted to our Youtube channel (https://www.youtube.com/channel/UCB-Q0Af4p8A23QTnUxg-fgg). Please check this page for the link on the date of the event.

    10
  • Variable Fonts and the Future of Typography

    Vermonster

    For April, we're honored to have Jason Pamental join us to present Variable Fonts and the Future of Typography. For centuries, typography has shaped the way we ‘hear’ what we read. In our web work, though, we've have to balance our typographic desires with user experience and performance, knowing that every weight, width, or style of a typeface required a different file download. Variable fonts change that, as they include _every_ width, weight, slant, and other permutation of a typeface, all in a single file not much bigger than a regular font file. Now, beautiful web typography can be crafted to respond to screen size, language setting, even ambient light. We’ll also look at how variable fonts and other modern CSS capabilities like grid can work together to enable better art direction and more interesting and unique design than every before possible on the web. In a detail-packed hour, Jason will show you not just how far the new capabilities can take us, but how to make use of them right away. A bit about our presenter: Jason is a long-time practitioner of web design and development, having first gotten involved with the industry in 1994. Over the years he has led projects ranging from Ivy League and High Tech to the NFL and America’s Cup from both creative and technical roles. His focus on digital strategy has been a natural outgrowth of that synthesis of technology and design. After years of having his love affair with type stymied by the likes of font tags, SIFR, and Cufon, the advent of @font-face and the launch of Typekit gave new life and avenues of exploration. Since 2010 he’s been researching and writing on typography for the web and digital platforms: he’s author of Responsive Typography from O’Reilly, articles for Net Magazine, PRINT Magazine, HOW, Typecast Blog, Fonts.com, and more. He’s also a frequent podcast guest, having appeared on The Web Ahead, Boagworld, Non-Breaking Space, and others. An experienced speaker and workshop leader, he has presented at dozens of national and international conferences on the subjects of web typography, responsive design, and design strategy & process. General details: Doors open at 6:30pm for food and drinks, sponsored by Vermonster. The talk will start at 7pm. Unfortunately, while Vermonster’s old brick building has a lot of charm, it also has a lot of stairs, and does not have an elevator. We wish that wasn’t the case. We will be live streaming the event and afterwards it will be posted to our Youtube channel (https://www.youtube.com/channel/UCB-Q0Af4p8A23QTnUxg-fgg). Please check this page for the link on the date of the event.

    6
  • Striving for UX Equality

    Vermonster

    Hope there is no storm cancellation this time! We are re-scheduling this Meetup for our first ever Thursday meeting. Good user experiences are accessible, but being accessible doesn't necessarily default to being a good user experience. Scott will outline UI patterns that commonly have shaky UX for those not using a mouse, providing solutions and explanations on how to make more inclusive user experiences. A bit about our presenter: Scott O’Hara is an accessibility engineer, and lapsed designer, who nerds out about various accessible & front-end dev topics on Twitter, @scottohara (https://twitter.com/scottohara). But as it is Twitter, Scott also tweets a bunch of nonsense. When not doing accessibility things, Scott can be found taking his children to weekend birthday parties. Taking his children to birthday parties for their daycare classmates is presently a huge part of his life. Or at least, it sure feels that way. General details: Doors open at 6:30pm for food and drinks sponsored by Vermonster. The talk will start at 7pm. Unfortunately, while Vermonster’s old brick building has a lot of charm, it also has a lot of stairs, and does not have an elevator. We wish that wasn’t the case. We will be live streaming the event and afterwards it will be posted to our Youtube channel (https://www.youtube.com/channel/UCB-Q0Af4p8A23QTnUxg-fgg). Please check this page for the link on the date of the event.

    10
  • Postponed! Striving for UX Equality (New date TBD)

    Get ready for our first Meetup of 2018! Good user experiences are accessible, but being accessible doesn't necessarily default to being a good user experience. Scott will outline UI patterns that commonly have shaky UX for those not using a mouse, providing solutions and explanations on how to make more inclusive user experiences. A bit about our presenter: Scott O’Hara is an accessibility engineer, and lapsed designer, who nerds out about various accessible & front-end dev topics on Twitter, @scottohara (https://twitter.com/scottohara). But as it is Twitter, Scott also tweets a bunch of nonsense. When not doing accessibility things, Scott can be found taking his children to weekend birthday parties. Taking his children to birthday parties for their daycare classmates is presently a huge part of his life. Or at least, it sure feels that way. General details: Doors open at 6:30pm for food and drinks sponsored by Vermonster. The talk will start at 7pm. Unfortunately, while Vermonster’s old brick building has a lot of charm, it also has a lot of stairs, and does not have an elevator. We wish that wasn’t the case. We will be live streaming the event and afterwards it will be posted to our Youtube channel (https://www.youtube.com/channel/UCB-Q0Af4p8A23QTnUxg-fgg). Please check this page for the link on the date of the event.

    3