Look for any podcast host, guest or anyone
Showing episodes and shows of

Sarah Drasner

Shows

COMPRESSEDfmCOMPRESSEDfm193 | Technical Leadership: Bridging the IC-Manager GapIn this episode of Compressed FM, Dustin Goodman shares insights from his journey from IC to engineering manager at companies like ClickUp and This Dot. The conversation explores the nuances of technical leadership, team dynamics, and the importance of understanding personal values in management. The discussion then shifts to a deep dive into React Server Components, examining their implementation challenges and potential impact on the framework ecosystem. SponsorsWix Studio combines the best of both worlds—intuitive design tools for clients and full-stack flexibility for developers. Customize every detail with your own code and take con...2025-01-071h 00The Scrimba PodcastThe Scrimba PodcastCareer Progression Decoded: Angie Jones' Expert Tips for Entering the Tech Industry and Forging Your Unique PathMeet Angie Jones 🇺🇸! Angie is a veteran software developer currently working as a global Developer Relations executive at TBD. Before that, she worked as an automation engineer at Twitter and as a software engineer and master inventor at IBM (where she worked for nine years)! Angie is also a teacher and an international keynote speaker who has authored 27 patents.In this episode, Angie takes us through her career path, from falling in love with coding through automation engineering to eventually discovering her passion for teaching and DevRel. You'll learn the differences between large enterprises, medium-sized companies, and startu...2024-07-1041 minPeople Driven DevelopmentPeople Driven DevelopmentWhat's an effective manager?In this episode, Eddie and Morgan discuss the question of what makes an effective manager. They delve into the key competencies and attributes that effective managers possess, and explore how these competencies can be developed and improved over time.Topics covered: The key competencies and attributes of effective managersHow to develop and improve managerial competenciesThe importance of communication, feedback, and introspection in effective managementThe role of managers in hiring, developing talent, and resolving conflictHow to measure and evaluate managerial effectivenessLinks: Dare to Lead - Brené BrownCultural Innovation - Kevin OaksTeam Topologies - Matthew S...2024-04-0938 minWhiskey Web and Whatnot: Web Development, NeatWhiskey Web and Whatnot: Web Development, NeatLearning Angular, Leadership Opportunities, and Google Culture with Sarah DrasnerThe transition from coder to manager isn’t easy for developers who love the creative satisfaction and thrill of coding. But both sides of the fence have unique challenges. Sarah Drasner, Senior Director of Engineering, Web, Android, iOS, and Multiplatform Core Infrastructure at Google, didn’t seek out engineering leadership. Sarah admits that she sometimes misses the flow state of coding but has a new appreciation for management now that she is on the other side. She discusses the culture at Google, navigating the company’s tech stack, and how much she values working with a dedicated and ha...2023-11-1659 minThe Scrimba PodcastThe Scrimba PodcastCareer Progression Decoded: Angie Jones' Expert Tips for Entering the Tech Industry and Forging Your Unique Path🎙 About the episodeMeet Angie Jones 🇺🇸! Angie is a veteran software developer currently working as a global Developer Relations executive at TBD. Before that, she worked as an automation engineer at Twitter and as a software engineer and master inventor at IBM (where she worked for nine years)! Angie is also a teacher and an international keynote speaker who has authored 27 patents.In this episode, Angie takes us through her career path, from falling in love with coding through automation engineering to eventually discovering her passion for teaching and DevRel. You'll learn the differences between l...2023-05-2342 minChangelog InterviewsChangelog InterviewsEngineering management (for the rest of us)This week Sarah Drasner joins us to talk about her book Engineering Management for the Rest of Us and her experience leading engineering at Zillow, Microsoft, Netlify, and now Google. Join the discussionChangelog++ members save 10 minutes on this episode because they made the ads disappear. Join today!Sponsors:DevCycle – Build better software with DevCycle. Feature flags, without the tech debt. DevCycle is a Feature Flag Management platform designed to help you build maintainable code at scale. Sentry – See the untested code causing errors - or whether it’s partially or fully...2023-05-171h 21Changelog Master FeedChangelog Master FeedEngineering management (for the rest of us) (Changelog Interviews #540)This week Sarah Drasner joins us to talk about her book Engineering Management for the Rest of Us and her experience leading engineering at Zillow, Microsoft, Netlify, and now Google. Leave us a comment Changelog++ members save 10 minutes on this episode because they made the ads disappear. Join today! Sponsors: DevCycle – Build better software with DevCycle. Feature flags, without the tech debt. DevCycle is a Feature Flag Management platform designed to help you build maintainable code at scale. Sentry – See the untested code causing errors - or whether it’s partially or fully...2023-05-171h 21The Changelog: Software Development, Open SourceThe Changelog: Software Development, Open SourceEngineering management (for the rest of us) (Interview)This week Sarah Drasner joins us to talk about her book Engineering Management for the Rest of Us and her experience leading engineering at Zillow, Microsoft, Netlify, and now Google. Join the discussionChangelog++ members save 10 minutes on this episode because they made the ads disappear. Join today!Sponsors:DevCycle – Build better software with DevCycle. Feature flags, without the tech debt. DevCycle is a Feature Flag Management platform designed to help you build maintainable code at scale. Sentry – See the untested code causing errors - or whether it’s partially or fully...2023-05-171h 21Syntax - Tasty Web Development TreatsSyntax - Tasty Web Development TreatsSupper Club × Sarah Drasner on Engineering ManagementIn this supper club episode of Syntax, Wes and Scott talk with Sarah Drasner about her new book, Engineering Management for the Rest of Us, what it’s like moving from management to coding and back, the book writing process, and her Fortnite VS Code theme. Show Notes 00:36 Welcome 01:59 Who is Sarah Drasner? @Sarah_Edo on Twitter @Sarah_Edo on Mastodon @Sdras on CodePen @SDras on GitHub SarahDrasnerDesign.com Google Engineering Management for the Rest of Us Amazon: Engineering Management for the Rest of Us Netlify 05:25 How did you figure out what to do in management? 07:20 How do yo...2023-01-0655 minDeveloper ExperienceDeveloper ExperienceThe Art of Teaching Developers - Jason Lengstorf (Netlify)This episode of Developer Experience is about Developer Education. It’s a wonderful time to become a developer: the demand has never been higher, and there’s a literal ocean of free and paid content to kick start a new career in tech. This firehose of educational content is a side-effect of such a high demand for developers, and it makes it difficult to spot actual quality content that’s worth investing in.- What makes really great educational tech content?- How do beginner and advanced developers want to learn today?- And what does i...2022-04-0739 minPodcastPodcastRachel NaborsAnimations, algorithms, and communities, with Rachel NaborsRachel is an award-winning cartoonist and graphic novelist who now cuts her teeth as an expert on web animations. With her webanimationweekly.com newsletter and slack.animationatwork channel, courses on Lynda.com and Frontend Masters, and her latest book, Animation At Work, Rachel is an authority on improving user experience through using motion on the web. Time Stamped Show Notes0:57 – Rachel has been in the web animation space for 5 years.1:02 – Rachel was an award winning cartoonist turned front-end developer before trying her hand at web an...2022-01-0500 minPodcastPodcastJeremy KeithProgressive enhancement and the things that are here to stay, with Jeremy KeithJeremy is the founder of ClearLeft - a passionate group of UX and digital strategists based in the UK - where Jeremy now heads research and development. He is the author of a number of books on web development, including his latest book, Resilient Web Design, has been seen on stages like An Event Apart and South By South West, and is also the creator of the world’s first Science Hack Day. Time Stamped Show Notes1:00 – Jeremy plays in a ban...2022-01-0500 minWeb RushWeb RushEpisode 162: Life outside code with Mark ThompsonRecording date: Nov 18, 2021John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerMark Thompson @MarkTechsonBrought to you byAG GridIonicResources:Crafting Bespoke PWA experiences with Angular by Mark ThompsonngConfIBM PS1BASICThe Byrds - Turn! Turn! Turn!Sarah DrasnerEngineering Management for the Rest of Us - book by Sarah DrasnerFlutterIntelliJTimejumps00:49 Ward's bellydancing tryout02:49 Guest introduction04:48 What was your talk about at Ngconf?07:29 The relationship between hobby and...2021-12-0236 minCOMPRESSEDfmCOMPRESSEDfm36 | SVGs FTWIn this episode, Amy and James discuss all things SVGs: what is, why, and when to reach for it, and seven different ways to get an SVG on the page, and the pros and cons of each method.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a...2021-11-2334 minJS Party: JavaScript, CSS, Web DevelopmentJS Party: JavaScript, CSS, Web DevelopmentBest of the fest! Volume 1JS Party listeners and panelists celebrate our favorite moments from the past 100 episodes! You’ll hear from over 20 of your favorite voices across 14 episodes. We also share some behind-the-scenes and read/hear from listeners! Here’s to the last 200 episodes, and the next 200 as well. 🥂 Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Retool – Retool is a low-code platform built specifically for developers that makes it fast and easy to build internal tools. Instead of building internal tools from scratch, the world...2021-11-0556 minChangelog Master FeedChangelog Master FeedBest of the fest! Volume 1 (JS Party #200)JS Party listeners and panelists celebrate our favorite moments from the past 100 episodes! You’ll hear from over 20 of your favorite voices across 14 episodes. We also share some behind-the-scenes and read/hear from listeners! Here’s to the last 200 episodes, and the next 200 as well. 🥂2021-11-0556 minThe Stack Overflow PodcastThe Stack Overflow PodcastWriting the roadmap from engineer to managerFormer co-host Sara Chipps  now manages engineering teams at LinkedIn, but her best content is still on Twitter.Cassidy's former boss, Sarah Drasner, recently wrote a book to help engineers level up to management: Engineering Management for the Rest of Us. Cassidy's new favorite software tool is Astro, a single-site generator that looks to minimize the amount of client-side JavaScript in a site. The two books Ms. Chipps mention as the old standbys for new engineering managers are Peopleware and Smart and Gets Things Done.  2021-09-1723 minWorking CodeWorking Code032: What Comes After Senior Developer?The world of web development is still a nascent industry. According to Robert "Uncle Bob" Martin, the number of programmers roughly doubles every 5-years. Which means that most of the developers that you interact with are relatively new and relatively young. It's not often that you look around and see developers in their 40s, 50s, and beyond; because, frankly, the web - as we know it - isn't even that old.Because of the ongoing evolution of our field, it can be unclear as to what a web developer's professional journey can or should look like. A lot of...2021-07-2149 minShopTalk ShowShopTalk Show472: Good Meetings. Is This Data? Front End vs Back End.Sarah Drasner's got a new book and we talk about her article on good meetings. Are front end problems more difficult than back end problems? GitHub's got an upgrade issues feature. How would you design a database for a new project? And where and what is data in 2021?2021-07-1952 minJunior to Senior with David GuttmanJunior to Senior with David GuttmanAsk The Experts w/ Scott Hanselman, Wes Bos, Sarah Drasner, Troy Hunt, and Kent C. Dodds Part 3Speakers: Scott HanselmanScott's Website:hanselman.comScott's Podcast:hanselminutes.comScott's Twitter:twitter.com/shanselmanWes BosWes's Website:wesbos.comWes's Podcast:syntax.fmWes's Twitter:twitter.com/wesbosSarah DrasnerSarah's Website:sarah.devSarah's Twitter:twitter.com/sarah_edoSarah's Github:github.com/sdrasShip modern web apps with atomic deploys, instant rollbacks, serverless functions, split testing, and more!netlify.comTroy HuntTroy's Website:t...2021-03-2222 minJunior to Senior with David GuttmanJunior to Senior with David GuttmanAsk The Experts w/ Scott Hanselman, Wes Bos, Sarah Drasner, Troy Hunt, and Kent C. Dodds Part 2Speakers: Scott HanselmanScott's Website:hanselman.comScott's Podcast:hanselminutes.comScott's Youtube Channel:youtube.com/shanselmanScott's Twitter:twitter.com/shanselmanWes BosWes's Website:wesbos.comWes's Podcast:syntax.fmWes's Twitter:twitter.com/wesbosSarah DrasnerSarah's Website:sarah.devSarah's Twitter:twitter.com/sarah_edoSarah's Github:github.com/sdrasShip modern web apps with atomic deploys, instant rollbacks, serverless functions, split testing, and more!netlify.com2021-03-1520 minChangelog Master FeedChangelog Master FeedJS Danger: CSS-Tricks Edition (JS Party #166)The wonderful folks behind CSS-Tricks (maybe you’ve heard of it?) face off in our much beloved don’t-call-it-jeopardy game show. Can you out smart our intrepid contestants? Play along while you listen (or watch). It’s JS Danger time, y’all!2021-03-1246 minJS Party: JavaScript, CSS, Web DevelopmentJS Party: JavaScript, CSS, Web DevelopmentJS Danger: CSS-Tricks EditionThe wonderful folks behind CSS-Tricks (maybe you’ve heard of it?) face off in our much beloved don’t-call-it-jeopardy game show. Can you out smart our intrepid contestants? Play along while you listen (or watch). It’s JS Danger time, y’all! Join the discussionChangelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!Sponsors:Raygun – With Raygun Error and Performance Monitoring you have all the information you need at your fingertips to quickly find and fix errors and performance issues across your tech stack...2021-03-1246 minJunior to Senior with David GuttmanJunior to Senior with David GuttmanAsk The Experts w/ Scott Hanselman, Wes Bos, Sarah Drasner, Troy Hunt, and Kent C. Dodds Part 1Speakers: Scott HanselmanScott's Website:hanselman.comScott's Podcast:hanselminutes.comScott's Twitter:twitter.com/shanselmanWes BosWes's Website:wesbos.comWes's Podcast:syntax.fmWes's Twitter:twitter.com/wesbosSarah DrasnerSarah's Website:sarah.devSarah's Twitter:twitter.com/sarah_edoSarah's Github:github.com/sdrasShip modern web apps with atomic deploys, instant rollbacks, serverless functions, split testing, and more!netlify.comTroy HuntTroy's Website:t...2021-03-0815 minAsdfAsdfCSS, eller, "Det är dags för IE11 att dö"Efter den långsammaste inledningen någonsin pratar vi om allt kring CSS i kanske det ospretigaste avsnittet hittills. Vi snackar grundläggande CSS såsom flex vs block, px vs em, att använda CSS Grid i produktion och att det verkligen är dags för IE 11 att dö. Dessutom fotorealistisk CSS, animerade SVGer och frustrationen bakom en konfettikanon. Om du gillar podden blir vi väldigt glada för en liten recension i iTunes eller om du säger hej på Twitter (Anton, Therése) 2021-01-1528 minWeb RushWeb RushEpisode 114: Challenges and Solutions when using Svelte - Andrew SmithJohn Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerAndrew Smith @silentworksBrought to you byag-Grid IdeaBladeResources:Andrew SmithFabulous Thunderbirds “Wrap it up”BackbonJSSvelte 3 with Rich HarrisSpine JSKnockout JSIntroducing Svelte (Nov 2016)CSS Transitions (per MDN)Svelte motionsSvelte transitionsFade transition in SvelteTransition eventsCan’t believe how simple this one is to implement. Pretty coolGreensock animation libraryNY Times election animation with SvelteSvelte RecipesAmelia WattenbergerCypress testingFrontEnd Masters - Animations - Rich HarrisNative-Like Animations for Page Transitions on the We...2020-12-1755 minDevDiscussDevDiscussS2:E2 - You Can Do That With CSS?In this episode we talk about little-known things you can do with CSS with UX Developers at Shopify, Hui Jing Chen and Ananya Neogi.Show Notes DevNews (sponsor) CodeNewbie (sponsor) DataStax (sponsor) Cockroach Labs (DevDiscuss) (sponsor) Swimm (DevDiscuss) (sponsor) Stellar (sponsor) Flexbox Sass JavaScript Shopify CSS Polaris Drupal Floats Susy CSS can do that? Sarah Drasner HTML Rachel Andrew How I Learn To CSS CSSconf CodePen What are some of the coolest things you've made using *just* HTML or CSS? #100DaysOfCode Suzanne Makes 100 Things In CSS #Codevember - 20 - Curvy Koi Fish Pixel Dragon Jenn Schiffer 100...2020-08-1941 minViews on VueViews on VueVoV 111: Educating about VueJS with Erik HanchettVue Remote Conf 2020October 6th to 9th The Views on Vue panel talks with Erik Hanchett, prolific VueJS educator, about his new Vue 360 course and other educational resources he provides to the VueJS comunity. We also talk about personal branding and how to get started building your own brand. Panel Steve EdwardsLindsay Wardell Guest Erik Hanchett Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Create Awesome Vue.js Apps With Nuxt.js...2020-06-2350 minLadybug PodcastLadybug PodcastMicro-Interactions & Animation LibrariesMicro-interactions are small animations that delight our users and they are changing the way we design and build our applications. Micro-interactions have many benefits like enhancing perceived performance, indicating state change, and drawing users’ attention to something on the page. Today we’ll dive into micro-interactions and the animation libraries you can use to build them. Show Notes 02:25 - What are micro-interactions? 05:48 - Why are they important? 10:55 - How do we build one? 29:07 - Animation libraries 33:16 - Shoutouts Resources CSS Animation Libraries Eli Fitch’s Perceived Performance UI Movement Bad UI Ladybug Perfor...2020-06-2240 minPassionate People PodcastPassionate People PodcastSarah Drasner at Vue.js Amsterdam 2020In this episode, we hear from Sara Drasner, interviewed by Pooya Parsa. Sara is the VP of developer experience at Netlify, and also a Vuejs Core team member. Pooya is a full-time consultant at Passionate People and a member of the Nuxtjs Core team. --- Send in a voice message: https://anchor.fm/passionate-people-podcast/message2020-06-0313 minFront End Happy HourFront End Happy HourEpisode 102 - Complex flavors - complex systemsWe’ve all been there, a project starts off simple, but quickly becomes more complex. In this episode, we are joined by Sarah Drasner to talk with us about how to deal with complex codebases and systems. Guests: Sarah Drasner - @sarah_edo Panelists: Ryan Burgess - @burgessdryan Jem Young - @JemYoung Ryan Anklam - @bittersweetryan Stacy London - @stacylondoner Picks: Sarah Drasner - Handmaid’s Tale Ryan Burgess - Don’t F**K with Cats Ryan Burgess - Spotify: Failed #SquadGoals Jem Young - The Last Dance Jem Young - On Being a Senior Engineer Ryan Anklam - Effective TypeSc...2020-05-1059 minJS Party: JavaScript, CSS, Web DevelopmentJS Party: JavaScript, CSS, Web Development"I do, we do, you do"This week we’re talking about building technical courses! From video courses to written courses, we’ll give you our tips for building an effective and memorable course. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:DigitalOcean – DigitalOcean’s developer cloud makes it simple to launch in the cloud and scale up as you grow. They have an intuitive control panel, predictable pricing, team accounts, worldwide availability with a 99.99% uptime SLA, and 24/7/365 world-class support to back that up. Get your...2020-03-131h 00Does Not ComputeDoes Not Compute211: Jason LengstorfMentioned Jason’s Blog - https://lengstorf.com/blog Jason's Ebook - https://lengstorf.com/work-happier Jason's Twitch Stream - Dirt Floors - https://lengstorf.com/dirt-floors Netlify - https://www.netlify.com Gatsby - https://www.gatsbyjs.org Alopecia - https://en.wikipedia.org/wiki/Alopecia_areata Calm app - https://www.calm.com/ The Mind, Explained - https://en.wikipedia.org/wiki/The_Mind,_Explained https://twitter.com/jlengstorf/status/1230612241931632642?s=21 Sarah Drasner - https://sarahdrasnerdesign.com/ Svelte - https://svelte.dev/ Rich Harris - https://twitter.com/Rich_Harris Gift Egwuenu - https://www.giftegwuenu.co...2020-02-2546 minElixir WizardsElixir WizardsAlex Garibay and Mike Binns from DockYard on Hiring and TrainingToday on the show, we’re joined by Mike Binns and Alex Garibay of DockYard. In this episode, Mike and Alex share their journeys of how they came to work at DockYard and give us a view into DockYard’s hiring and training processes, systems, and philosophies. Here they share what they enjoy most about working at DockYard and their emphasis on being supported in your continual growth as an employee and human being. Key Points from This Episode: Find out how Mike and Alex both got their jobs at DockYard in 2016. Working for a fully remo...2020-02-2026 minFront End Happy HourFront End Happy HourEpisode 090 - Sipping our drinks, enjoying the Vue - Vue JSIn this episode, we are joined by Sarah Drasner and Gift Egwuenu to talk with us about the popular JavaScript framework, VueJS. Guests: Sarah Drasner - @sarah_edo Gift Egwuenu - @lauragift21 Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Jem Young - @JemYoung Stacy London - @stacylondoner Picks: Sarah Drasner - Greensock v3 Gift Egwuenu - Harry Potter and the Escape from Gringotts Ride Gift Egwuenu - Nigerian Playlist Ryan Burgess - Mike Giant podcast Ryan Burgess - Tombow Dual Brush pens Augustus Yuan - React adaptive hooks Augustus Yuan - Trader Joe’s Cauliflower Ravioli Jem Young...2019-11-2556 minViews on VueViews on VueVoV 082: Developer Tooling and Dev Setup for Working With VueOn this episode of Views on Vue the panelists discuss their preferences for their development environments and tools. They begin with their preferences for text editor, font, and theme in their Vue development environments. All three currently use Visual Studio Code as their main text editor. Ari Clark switched to VS Code from Atom because she prefers the support that it has for Vue and Ben Hong switched from Sublime. Ben prefers the night owl theme and the operator mono font. On the other hand, Ari prefers the one dark pro theme for its syntax highlighting and prefers dank mono...2019-10-081h 02JS Party: JavaScript, CSS, Web DevelopmentJS Party: JavaScript, CSS, Web DevelopmentRemember, people are humanKBall, Divya, Feross, and Jerod get together to discuss tips and tricks for communicating with other coders, project stakeholders, and users. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. DigitalOcean – DigitalOcean now offers three managed databases — PostgreSQL, MySQL, and Redis. Get started for free with a $50 credit. Learn more at do.co/changelog. CrossBrowserTesting – The ONLY all...2019-09-131h 04Syntax - Tasty Web Development TreatsSyntax - Tasty Web Development TreatsSVGs with Sara SoueidanIn this episode of Syntax, Wes is joined by Sara Soueidan, a freelance front-end UI developer and trainer. While Scott is taking a break to spend time with his new baby girl, Wes and Sara dive into all things SVG! Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of oth...2019-06-191h 00Syntax - Tasty Web Development TreatsSyntax - Tasty Web Development TreatsSVGs with Sara SoueidanIn this episode of Syntax, Wes is joined by Sara Soueidan, a freelance front-end UI developer and trainer. While Scott is taking a break to spend time with his new baby girl, Wes and Sara dive into all things SVG! Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syn...2019-06-191h 01Full Stack CastFull Stack CastSarah Drasner: Change, dogma and growing as an engineerIn this episode, Sarah Drasner shows us her particular journey as a developer, through many different environments over the years. We talk about change, dogma and ways to grow as a developer and stay relevant. Sarah also shares her experience and insights into the delicate art of managing other engineers. Hosted on Acast. See acast.com/privacy for more information.2019-06-171h 00ToolsdayToolsday96. Inspiration96. Inspiration People to Follow Anoosha Syed Alice Lee Rogie Sarah Drasner Sailor HQ Lea Verou Sara Soueidan David Piano Ryan Florence Tim Holman Websites to Checkout Grid Critters CSS Grid Experiments by Olivia Ng David Khourshid Codepen Collection Use Animations Position unstuck by Danny Vinter Today's Sponsors Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. Yo...2019-06-0100 minJS Party: JavaScript, CSS, Web DevelopmentJS Party: JavaScript, CSS, Web DevelopmentDeveloper strengths and weaknesses 🏋️‍♂️Jerod, Suz, Divya, and Kball share their thoughts, opinions, and advice on developer strengths and weaknesses — compromise, communication, tool mastery, deep dives into dev history, and mentorship/sponsorship. . Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Manifold – Manifold is the easiest way for you to discover, buy, and manage the best developer services for yo...2019-05-3157 minColdFusion AliveColdFusion Alive091 Vue.JS FusionReactor and Therapy, with Raymond Camden"...There could have been tools to make that a little bit easier to make the scaffolding quicker. It's, but like, it's, you know, it's like when I go anywhere now with my children, right? I don't like casually go anywhere, but my kids are coming. I'm bringing snacks and bringing diaper bag and all that. And I like them being with me. But it's a process. And that's kind of how I felt about Angular. You know, view, you know, view definitely has a process to it has a command line as a scaffolding tool. And you can build...2019-05-3034 minViews on VueViews on VueVoV 061: 10 Things Programming Has Taught Me About Life with Piero BorrelliSponsors NetlifySentry use the code “devchat” for $100 credit Triplebyte offers a $1000 signing bonus Panel Natalia Telpuhina Ben Hong Chris Fritz Joined by Special Guest: Piero Borrelli Episode Summary Today’s episode features special guest Piero Borrelli. Piero is not currently using Vue but has experience with multiple frameworks.Currently he is a full-stack NodeJS developer and uses a lot of Angular as well. In this episode, the panel discuss Piero’s article 10 Things Programming Has Taught Me About Life. Piero leads the discussion, inviting the panel to reflect on their choice to use Vue. They begin by discussing how Vue works fo...2019-05-141h 15weirdtrickmafia.fmweirdtrickmafia.fmFind Your Laser PandaSarah Drasner, Renaissance woman extraordinaire, shares stories, insight and advice with the Weird Trick Mafia. Tech, feelings, purpose, pandas. Mentioned: The Hard Thing About Hard Things, Ben Horowitz The Fifth Discipline, Peter M. Senge The Truth About Burnout, Christina Maslach 2019-05-0100 minJS Party: JavaScript, CSS, Web DevelopmentJS Party: JavaScript, CSS, Web DevelopmentThe great divide repriseChris Coyier joins Suz and Jerod to continue the discussion on The Great Divide in front-end-land. We also use this as an opportunity to gush on how much CSS-Tricks has done for the community, get Chris’ perspective on the history of the website, and finish up by sharing some amazing Pens on CodePen.io. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with conf...2019-03-201h 02The Undefined PodcastThe Undefined PodcastMoving the Web Forward with Sunil PaiSunil Pai is a Software Engineer at Facebook, React team member, and the creator of Glamor. He joins us on The Undefined to talk about the state of the web, the past, present, and future of text editors and IDEs, how he learned to code, and how our community needs to evolve to survive.FeaturingSunil Pai – Twitter, GitHubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteLinksStop writing code - Sunil's talk at React Europe 2018The “Something” Statements - Sunil's talk at React Rally 2018Visual BasicNeopetsAdobe FlashAtom EditorVisual Studio CodeList of mergers and acquis...2019-03-1400 minViews on VueViews on VueVoV 048: Vue Beginners Workshop with Dobromir HristovSponsors: NetlifySentry use the code “devchat” for 2 months free on Sentry’s small planCacheFly Panel Divya SasidharanChris FritzCharles Max Wood Special Guest: Dobromir Hristov Episode Summary  In this episode of Views on Vue, the panelists talk to Dobromir Hristov, a frontend developer from Bulgaria working for hypefactors. Dobromir is also the organizer of VueJS Bulgaria and he created a Vue Beginners Workshop to increase the size of Vue community in Bulgaria. Dobromir describes the workshop’s development stage and his preparation process for the curriculum. He explains that for this workshop, they targeted developers with very little JavaScript experience. The workshop...2019-02-1258 minWeb RushWeb RushEpisode 19: JavaScript Development - Should You Buy or Build, with Guest Wes BosRecording date: 2019-01-17 John Papa @John_Papa Dan Wahlin @danwahlin Ward Bell @WardBell Wes Bos @wesbos Resources: Syntax.fm Wes’ Stickers ReactJS ExpressJS MongoDB Mearn Stack Mean Stack Nginx Config Examples Cloudflare PassportJS Auth0 Identity Server Façades Pros and Cons Someone to follow Nicole Oliver Sam Julien Sarah Drasner Timejumps 01:47 Guest introduction 05:33 Is Express still the dominant tool to use? 06:41 What kind of headaches does building your own stack bring? 08:58 Why not use an off the shelf payment system? 10:20 Using Stripe from Nod...2019-02-1140 minWeb RushWeb RushEpisode 18: Vue in Enterprise Apps with Chris FritzRecording date: 2019-01-15 John Papa @John_Papa Dan Wahlin @danwahlin Chris Fritz @chrisvfritz Resources: Rahul’s article on Vue Sarah Drasner Vue Style Guide Chris’ Enterprise Boilerplate Vue CLI Preload in Vue Someone to follow Diana Katelin Sarah Drasner Timejumps 01:56 Guest introduction 03:39 What is an enterprise application? 05:10 Our environment shapes the way we think 06:55 What percentage are moving from server rendered to a single page app? 11:38 Sponsor: DevIntersection 12:23 Typescript 16:45 Why not just use Typescript? 19:51 Are people leaning towards classes and decorators? 24:11 Tips for organizing and stru...2019-02-0555 minWeb RushWeb RushEpisode 14: Productive Code Reviews with Chris FritzRecording date: 2018-11-29 John Papa @John_Papa Ward Bell @WardBell Chris Fritz @ChrisvFritz Resources: Views on Vue podcast Unproductive code reviews Vue Enterprise boilerplate Someone to follow: Terry Gross Conversation advice Phil Hack Sarah Drasner's Design for Developers course Ben Hong Timejumps 1:00 Introduction of Chris & mailbag question on how to do code review 9:00 Code reviews with employees vs outside contractors/consultants 15:00 How do you adjust your communication for different people? 17:00 Sponsor: Nativescript 18:00 Styleguide for review 24:20 Having a process with automation to catch things. 26:50 What about...2019-01-0850 minViews on VueViews on VueVoV 030: "How we use Vue in Data Science" with Jacob Schatz & Taylor Murphy (Gitlab Team)Panel: Divya SasidharanCharles Max WoodJoe EamesJohn PapaChris FritzErik Hanchett Special Guest: Sarah Drasner In this episode, the panel talks with Jacob Schatz and Taylor Murphy who are apart of the GitLab Team. Jake is a staff developer, and Taylor is a manager at GitLab who started off as a data engineer. To find out more about the GitLab Team check them out here! Also, they are looking to hire, so inquire about the position through GitLab, if interested! The panel talks about Vue, Flux, Node, Flask, Python, D3, and much...much more! Show Topics: 1:51 – Chuck: Introduce yourselves, please. 1:55 – Backgrounds of the...2018-09-251h 09Syntax - Tasty Web Development TreatsSyntax - Tasty Web Development TreatsHasty Treat - Positivity and Web DevelopmentIn this Hasty Treat, Scott and Wes talk about positivity in the web industry - how it can affect you, your work, and the people around you. NativeScript - Sponsor NativeScript is an open source framework for building truly native mobile apps with Angular, Vue.js, TypeScript, or JavaScript. It’s is a great way for front-end developers to get started building native mobile apps. Get started today at nativescript.org/syntax. Show Notes The tech industry is always on the cutting edge and we’re starting to see a shift in ho...2018-09-2421 minSyntax - Tasty Web Development TreatsSyntax - Tasty Web Development TreatsHasty Treat - Positivity and Web DevelopmentIn this Hasty Treat, Scott and Wes talk about positivity in the web industry - how it can affect you, your work, and the people around you. NativeScript - Sponsor NativeScript is an open source framework for building truly native mobile apps with Angular, Vue.js, TypeScript, or JavaScript. It’s is a great way for front-end developers to get started building native mobile apps. Get started today at nativescript.org/syntax. Show Notes The tech industry is always on the cutting edge and we’re starting to see a shift in ho...2018-09-2421 minFlute 360Flute 360Journal EntryFlute 360 | Episode 26: “A Journal Entry” (24:09) Today, Heidi talks about various subjects in this “Journal Entry” episode. She discusses her thoughts on education, hobbies such as reading, writing show notes for her husband’s business, and how all of these things can be related to flute performance. It’s an episode where she get’s personal and “jots” down her ideas via this podcast episode. Enjoy! Episode 26 – Main Points: Introduction (0:43) Unwinding (1:28) Espresso (2:06) Dear Journal (2:25) Writing is one of my passions. (2:48) Reading “Hans Brinker” (3:08) Words are powerful! (4:12) Current studio (5:00) I am proud to be their teacher. (6:41) Grateful for past teache...2018-09-2224 minViews on VueViews on VueVoV 029: Vue with Sarah DrasnerPanel: Divya SasidharanCharles Max WoodJoe EamesJohn PapaChris FritzErik Hanchett Special Guest: Sarah Drasner In this episode, the panel talks with Sarah Drasner, and John Papa is my boss! Sarah talks about the Vue alongside the panel. She goes into her many passions, and talks about how education and being a teacher is something that is quite important for her. Check out today’s episode to hear all of these topics, plus more! Show Topics: 1:42 – Chuck: Let’s talk about your February article, Sarah! 1:57 – Sarah: Sure! I have a great relationship with SMASHING magazine. They reached out to me and we started...2018-09-181h 03React PodcastReact Podcast21: Delete Your Components with Kent C. DoddsChantastic talks with Kent C Dodds about his adventures in React development and why we should be optimizing code for delete-ability. They discuss React Rally, managing your career, taming your ego, keeping healthy and happy on Twitter, tools for composing components well and when to use them, and what’s next for React. Featuring Kent C. Dodds — Twitter, Github, Website Michael Chan — Twitter, Github, Website Notes & Links downshift — 🏎 Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components Compound Components — Ryan's Phoenix ReactJS talk on compound components glamorous — 💄 Maintainable CSS with React CodeSandbox Prop C...2018-09-1800 minPursuit PodcastPursuit PodcastVue: Sarah DrasnerInternational speaker, writer and renowned technologist Sarah Drasner joins us to talk about Vue, picking a JavaScript framework and how to balance doing everything, all at once.2018-08-2734 minCSS-Tricks ScreencastsCSS-Tricks Screencasts#159: Learning VueSarah Drasner and I dig into Vue! Vue is a very popular JavaScript framework that is absolutely exploding. Sarah is on the core team and is about the most passionate fan of Vue I’ve ever known. …2018-05-121h 22CSS-Tricks ScreencastsCSS-Tricks Screencasts#159: Learning VueSarah Drasner and I dig into Vue! Vue is a very popular JavaScript framework that is absolutely exploding. Sarah is on the core team and is about the most passionate fan of Vue I’ve ever known. …2018-05-121h 22CSS-Tricks ScreencastsCSS-Tricks Screencasts#159: Learning VueSarah Drasner and I dig into Vue! Vue is a very popular JavaScript framework that is absolutely exploding. Sarah is on the core team and is about the most passionate fan of Vue I’ve ever known. … Read article “#159: Learning Vue”2018-05-121h 22Full Stack RadioFull Stack Radio88: Blake Newman - Vue.js State Management with VuexTopics include: What is Vuex and where did it come from? The benefits of centralizing all of your application's state into one place What sort of state belongs in Vuex and what state should stay local to a component What all the Vuex terminology means, like actions, mutations, getters, etc. How you initially populate a Vuex store Strategies for organizing all of the state in a store Common mistakes people make with Vuex Dealing with forms when using Vuex Sponsors: Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days ...2018-05-1057 minStrong FeelingsStrong FeelingsSupporting Others with Sarah DrasnerThis week, we get down to the business of being a badass woman in tech with Sarah Drasner, an engineer, author, award-winning speaker, and renowned expert on web animation. We hear about mentorship, using your profile to help others be seen, building a body of work, and so much more. > For the first little while I was trying to pull myself up by my bootstraps and just, like, work really hard to kind of get some place where I felt more comfortable—where I was not just taking any job that was offered me. And th...2018-05-0856 minFull Stack RadioFull Stack Radio87: Chris Fritz - Vue.js Anti-Patterns (and How to Avoid Them)Topics include: Why global state is better than an event bus Why and how to avoid using this.$parent Custom events vs. callback props When to use watchers and when you don't need to Why you should prefer computed properties over methods Inline templates vs. scoped slots Using components to share code instead of mixins or directives Sponsors: Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report Links: Advanced Vue Component Design, Adam's upcoming...2018-04-251h 10Views on VueViews on VueVoV 008: Getting Started with TDD on Vue.js with Nick BasilePanel: Divya SasidharanChris Fritz Special Guests: Nick Basile In this episode of Views on Vue, the panelists discuss getting started with TDD on Vue.js with Nick Basile. Nick defines what TDD and unit tests are and how you can use them to make your code better in the long run. They also discuss when using TDD wouldn’t be helpful and the importance of trial and error when it comes to tests. Nick then gives different resources newcomers to Jest can go to so that they can learn more and discusses Vue Test Utils. In particular, we dive pretty de...2018-04-241h 05Laravel News PodcastLaravel News PodcastLaravel releases, cookbooks, and signed routesJake and Michael return to discuss the latest Laravel releases, community projects, and upcoming changes. Show links Laravel News Telegram channel Laravel 5.6.12 released Support for signed routes fromSub, fromRaw query builder methods PHPUnit pretty result printer Getting started with signed routes in Laravel Laravel Excel 3.0 The Git client Tower launches its first v3 public beta Update your Blade templates to use the null coalesce operator The Vue Cookbook Sarah Drasner Laravel 5.6.14 released view:cahe command min and max are higher-order proxies @elseauth and @elseguestBlade directives Callback support for the optional helper SessionGuard::logoutOtherDevices method...2018-04-0349 minBookBytesBookBytesBookBytes 3: Apprenticeship Patterns Ch 3-4We talk about mapping out our careers (or lack thereof), what titles mean at companies, craft vs art, being the worst, and getting mentors. Twitter thread about networking Resignation letter The Art of Comments by Sarah Drasner Footnotes Beowulf is not oldest epic, it's the oldest long story in Old English. 2018-03-2652 minegghead.io developer chatsegghead.io developer chatsSarah Drasner talks about SVG animation with Greensock and Vue.jsJohn Lindquist interviews Sarah Drasner, a senior cloud developer over at Microsoft and a Vue core team member. She is also known for making super cool animations. Today they discuss what got her from an art background to a full-time developer, resistance to change, why Vue is terrific, and the GreenSock animation platform (GSAP).Sarah's background was very unusual for a developer. She graduated with a major in printmaking and became a scientific illustrator for a nature museum. She relates drawing to program in that it's just a series of formalized steps. Many people say they can't...2018-03-0647 minThe Official Vue NewsThe Official Vue News#83 - February 27, 2018Sarah Drasner's conference talk, higher order components, creating reusable transitions, custom routes with Nuxt.js, Recaptcha, dynamic and async components, a face recognition app, and Google Places.2018-02-2705 minCodeNewbieCodeNewbieS3:E5 - Which javascript framework should you learn? (Sarah Drasner)If you’ve been trying to figure out what JavaScript framework you should learn, Sarah is here to help. She explores the differences (and similarities!) between JavaScript frameworks like Vue.js, React, and jQuery, and what new developers should think about when deciding which tool to learn. She also shares how she got into coding, a journey she started as a science illustrator. Show Links Partner with Dev & CodeNewbie! (sponsor) Vue.js Evan You (creator of Vue.js) jQuery Replacing jQuery With Vue.js: No Build Step Necessary (Smashing magazine article) React CSS Tricks Coding Like A...2018-02-2643 minFull Stack RadioFull Stack Radio82: Sarah Drasner - Animating the Web with CSS and JavaScriptTopics include: Using animation to make interfaces easier to use The difference between animations and transitions When to use CSS animations vs. JavaScript animations Which CSS properties are safe to animate How to use techniques like FLIP to make sure your animations are performant Recommended libraries for building complex animations Strategies for keeping animation code maintainable Sponsors: Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Links: Sarah's Personal Website Sarah on CodePen "SVG...2018-02-1450 minElm TownElm TownElm Town 23 - The Evolution of an APIVoices Murphy Randle Matthew Griffith Links (0:05:57) elm-style-animation (0:06:12) style-elements (0:12:03) Elm Town Episode 8 with Max Goldstien (0:16:10) elm-format (0:19:24) elm-discuss (0:44:20) elm-plot (0:45:53) Teaching Elm to Beginners (0:46:32) Book: If you Give a Mouse a Cookie (0:48:56) Matt : Base CS Podcast (0:49:41) [Matt : Sarah Drasner's assorted works](eg: "SVG Can Do That" https://www.youtube.com/watch?v=jLgb3CVVTRw) (0:50:30) Murphy: Charlie K on Phantom Types (0:51:28) Murphy: elm-tagged 2017-12-1756 minJavaScript Archives - Software Engineering DailyJavaScript Archives - Software Engineering DailyAnimating VueJS with Sarah Drasner Most user interfaces that we interact with are not animated. We click on a button, and a form blinks into view. We click a link and the page abruptly changes. On the other hand, when we interact with an application that has animations, we can feel the difference. The animations are often subtle. If you aren’t sure what I’m talking about, pay attention the next time you use Slack or Facebook Messenger or iMessage. Airbnb values animation so much that they built Lottie, a library for animation. In an animated application, the...2017-12-0148 minSoftware Engineering DailySoftware Engineering DailyAnimating VueJS with Sarah DrasnerMost user interfaces that we interact with are not animated. We click on a button, and a form blinks into view. We click a link and the page abruptly changes.On the other hand, when we interact with an application that has animations, we can feel the difference. The animations are often subtle. If you aren’t sure what I’m talking about, pay attention the next time you use Slack or Facebook Messenger or iMessage. Airbnb values animation so much that they built Lottie, a library for animation.In an animated application, the user inte...2017-12-0151 minMr Frontend PodcastMr Frontend PodcastEpisode 7 - Top 5 things most junior developers forget, before applying a (new) job!Check this episode on: https://blog.mrfrontend.org/2017/12/top-5-things-junior-developers-forget-applying-new-job/ ‎ {WEB DEV NEW} - new Syntax Podcast about the new things in CSS https://syntax.fm/show/021/what-s-new-in-css-variables-scoping-new-selectors-and-color-functions - NuxtJS https://nuxtjs.org - Netlify https://www.netlify.com {FRONTEND LOVE CONFERENCE} Single course / Frontend related topics like VueJS, ReactJS and Angular February 15th 2018 Theater Amsterdam https://www.frontenddeveloperlove.com - Luca Mezzalira (Google Developer Expert) - Simona Cotin (Developer Advocate Microsoft) - Michel Westrate (Creator MobX & Tech lead Mendix) - Norbert de Lange (Senior Frontend Consultant Xebia) {VUEJS CONFERENCE IN AMSTERDAM} Single course / VueJS related topics! February 16th 2018 Th...2017-12-0100 minMr Frontend PodcastMr Frontend PodcastMr Frontend Podcast #6: Web Dev news, Smashing Magazine, VueJS & Frontend Love Conference 2018Mr Frontend Podcast #6: Black Friday Discount, Web Dev news, Smashing Magazine, VueJS & Frontend Love Conference 2018 - 50% off Black Friday Discount courses from Web Bos - React For Beginners, 50% off on Black Friday: http://bit.ly/reactForBeginners - ES6+ for Everyone, 50% off on Black Friday: http://bit.ly/ES6ForEveryone - Learn NodeJS, 50% off on Black Friday: http://bit.ly/learnNode - New websites Smashing Magazine http://smashingmagazine.com - New Firefox Developer edition: https://hacks.mozilla.org/2017/11/new-in-firefox-58-developer-edition/?utm_source=mrfrontend&utm_medium=podcast - Talk about Web Speech ❤️: https://github.com/mrfrontend-development/javascript-enabled-voice-commands-talk-competa-it-meetup-2017-11-22 Frontend Love...2017-11-2400 minNon Breaking Space ShowNon Breaking Space ShowBrenda Storer — Practical CSS GridsBrenda Storer returns! Brenda is a Front End Developer and Designer at thoughtbot. She recently won Best Presentation at CSS Dev Conf 2017 New Orleans. Her talk focused on the topic of practical CSS grid layouts. This episode of Non Breaking Space Show is sponsored by: UX Design Newsletter — A weekly free newsletter containing a collection of tutorials, articles, and videos about front-end design and development, plus tips on how to bring better engagement to the multi-device world curated by Christopher Schmitt. Sign up now! Time Jumps 1:40 Winning best of at CSS Dev Co...2017-11-2154 minMr Frontend PodcastMr Frontend PodcastMr Frontend Podcast #5: VueJS Conference, Frontend Love Conference, Web Development newsEvery fifth episode of the Mr Frontend Podcast is gonna be a visual one! In this episode, I will talk about the new Mr Frontend Online Class, Frontend Love Conference, VueJS Conference and some cool Web Development new from these past weeks! You can also listen to this podcast on Youtube (https://www.youtube.com/watch?v=YyGbKnNuQAQ) or iTunes (https://itunes.apple.com/us/podcast/mr-frontend-community/id1271838550?mt=2)! [MR FRONTEND ONLINE CLASS] This program includes: - Every 4 weeks we plan an Online Class session via Video. - We are going in-depth with HTML, CSS, JavaScript, Tooling and a whole...2017-11-1700 minWe Build SG LIVEWe Build SG LIVE051 Scalable Vector Graphics (SVG) with Aysha AnggrainiIntroduction [1:31] Viki Responsive Web Design Data Visualisation SASS Scalable Vector Graphics (SVG)[2:58] Scalable Vector Graphics XML CSS Replacement SMIL CSS Animation SVG and CSS SVG g tag SVG Path SVG Icon Fonts Icon Fonts Image Sprites SVG Sprites New Zealand Visual Itinerary Sarah Drasner Huggy Laser Pandas - SVG Game Snap.svg Embeding SVGs Canvas d3-js Adobe Illustrator Inkscape Sketch App Green Sock Animation (GSAP) Zell Liew SVG OMG SVGO Species in Pieces SVG 2.0 The SVG 2 Conundrum Mesh Gradient SVG Working Group IETF 100 New Zealand Visual Itinerary MapBox First do it, then do it right.. 2017-10-1300 minFront End Happy HourFront End Happy HourEpisode 042 - Work hard, drink hardThere’s always a lot to be done, but having a good work life balance is extremely important. In this episode, we are joined by Sarah Showers from LinkedIn, to talk with us about work life balance. We share our thoughts on what work life balance means to us and how our companies help foster a healthy work life balance. Guests: Sarah Showers - @sarahlshowers Panelists: Ryan Burgess - @burgessdryan Augustus Yuan - @augburto Derrick Showers - @derrickshowers Brian Holt - @holtbt Picks: Sarah Showers - Best Self Journal Ryan Burgess - Movo Photo MTP-11 Ryan Burgess - SVG Animations...2017-09-1456 minsoussune - エンジニアわいわいポッドキャスト「そうっすね」soussune - エンジニアわいわいポッドキャスト「そうっすね」28. コアコミッターが語るVue.jsの話trkwとmiyaokaとkazuponの3人で、Vue.jsについて話しました。## Show Notes Kazupon さんの自己紹介 BtoB 向けの Web サービスを提供している会社に勤務 CTO Full Stack Engineer Backgrounds 情報系の大学院卒 画像処理屋 研究内容 ウェーブレット変換による耳介軟骨の抽出 : 2004-04 - 書誌詳細 - 国立国会図書館サーチ 卒業後、新卒某メーカーに入社 コールセンター向けのシステム開発に携わる: (そのときから Full Stack を仕込まれた) FullStack で仕込まれたが、どちらかというと Front-end 側の方が好きだった [svc09] - かずぽんのブログ [svc09] シリコンバレー 7 日目 [svc09] シリコンバレー 6 日目 Web への興味と、そのツアーがきっかけで Web 系に転職を決意 Web 業界転職後、ベンチャー → フリーランス → イマココ 転職後も、Web の front-end、back-end 引き続きやっている感じ。 在職中に、Web 進化論に衝撃をうけ、JTPA が主催するシリコンバレーツアーに参加し現地でいろいろ衝撃を受ける Ψ(` ▽´)ΨΨ(` ▽´)ΨΨ(` ▽´)Ψ 『IT MOCHIWO(モチヲ) の UP(アゲ)♂UP(アゲ)♂ ENTRY☆ 鯖端 °(post) 』Ψ(` ▽´)ΨΨ(` ▽´)ΨΨ(` ▽´)Ψ - laiso Web の民主主義的なところに魅力を感じた soussune としても Vue.js 推し Kazupon さんが、soussune を知るきっかけ 19. エンジニアってサイヤ人的じゃないですか 21. SRE をやっていきたいエンジニア エゴサーチのシステムが、Kazupon さんのツイートを検知してどよどよ Vue.js Vue.js を触ったきっかけ RSS feed and sitemap · Issue #1285 · nuxt/nuxt.js Vue.js 0.8 頃、当時はまだ公式プラグインが少なかった kazupon/vue-i18n: Internationalization plugin for Vue.js kazupon/vue-validator: Validator component for Vue.js Gource - a software version control visualization tool egoist/always-bet-on-vue: Chunibyo's overwhelming victory Vue Land egoist (EGOIST) egoist/poi: Delightful web development. 涼風 (漫画) - Wikipedia sindresorhus (Sindre Sorhus) インタビュー記事について Between the Wires: An interview with Vue.js creator Evan You Vue.js 1.0 Evangelion pic.twitter.com/fmdKWZ4bxH— はっしゅろっく (@hashedrock) 2015年10月30日 Vue.js 2.0 "Ghost in the Shell" released! @vuejs congrats! https://t.co/tkZCYohDyE pic.twitter.com/UDfJr7bjCB— はっしゅろっく (@hashedrock) 2016年10月1日 Vue.js React - A JavaScript library for building user interfaces チームについて チームに会おう - Vue.js このページでコナミコマンドを入力すると… ISSUE ANNIHILATOR HIVE-MIND COMMUNITY WRANGLER (PROBABLY A BOT) BENEVOLENT DICTATOR FOR LIFE VALIDATED INTERNATIONALIZING MISSIONARY BUILD TOOL SIMPLIFICATOR Vue Forum 優しい終身の独裁者 運営資金について Evan is creating Vue.js - Patreon Slack はコアユーザー同士のコミュニティに利用、Discord はユーザーたちとのコミュニティに利用 Meteor: Build Apps with JavaScript yyx99082017-09-0600 minNon Breaking Space ShowNon Breaking Space ShowRachel Nabors — Web Animations API ToolsRachel Nabors has worked with Mozilla, the W3C, and Salesforce. Currently, Rachel is a Program Manager on the Microsoft Edge Team representing Web design and animation communities. This episode of Non Breaking Space Show is sponsored by: CSS Dev Conf — Conference dedicated to CSS and its super friend technologies like JavaScript, Sass, npm, and more. A limited supply of Early Bird Tickets now on sale. Register now! UX Design Newsletter — A weekly free newsletter containing a collection of tutorials, articles, and videos about front-end design and development, plus tips on how to bring better enga...2017-08-3153 minNon Breaking Space ShowNon Breaking Space ShowSarah Drasner — The Guide to Designing SVG AnimationsSarah Drasner is an award-winning speaker, consultant, and staff writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops, with Val Head. She’s given a Frontend Masters Workshop on Advanced SVG Animations and is the author of SVG Animations. She’s formerly Manager of UX Design & Engineering at Trulia (Zillow). Last year Sarah won CSS Dev Conf’s “Best of Best of Award” as well as “Best Code Wrangler” from CSS Design Awards. This episode of Non Breaking Space Show is sponsored by: CSS Dev Conf — Conference dedicated to CSS and its super friend tec...2017-05-161h 09Non Breaking Space ShowNon Breaking Space ShowSarah Drasner — The Guide to Designing SVG AnimationsSarah Drasner is an award-winning speaker, consultant, and staff writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops, with Val Head. She’s given a Frontend Masters Workshop on Advanced SVG Animations and is the author of SVG Animations. She’s formerly Manager of UX Design & Engineering at Trulia (Zillow). Last year Sarah won CSS Dev Conf’s “Best of Best of Award” as well as “Best Code Wrangler” from CSS Design Awards.2017-05-161h 09Non Breaking Space ShowNon Breaking Space ShowSarah Drasner — The Guide to Designing SVG AnimationsSarah Drasner is an award-winning speaker, consultant, and staff writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops, with Val Head. She’s given a Frontend Masters Workshop on Advanced SVG Animations and is the author of SVG Animations. She’s formerly Manager of UX Design & Engineering at Trulia (Zillow). Last year Sarah won CSS Dev Conf’s “Best of Best of Award” as well as “Best Code Wrangler” from CSS Design Awards.2017-05-1600 min3 Minutes with Kent3 Minutes with KentScaling OSS ManagementOne of my best internet friends Sarah Drasner (https://twitter.com/sarah_edo) recently tweeted (https://twitter.com/sarah_edo/status/864126183570591744) something reallynice about me:IMHO the contributions @kentcdodds (https://twitter.com/kentcdodds) makes are huge because he teachespeople how to contribute to OSS. That's time investment that scales 🎖I really appreciated that validation and those kind words and I want totalk about it a little bit more so here are my thoughts on that.In addition, here are some resources:What open source project should I contribute to? (http://kcd.im/what-oss)How to Write an Open Source JavaScript Lib...2017-05-1502 minThe Stack Overflow PodcastThe Stack Overflow PodcastPodcast #108 - Welcome back Joel!This week we welcome Joel back from leave, talk a LOT about the correct pronunciation of "hummus", and chat with special guest Sarah Drasner about the awesomeness that is SVG Animation. Also, NEW LOGO! I guess you can say we're official... 2017-05-081h 01JS Party: JavaScript, CSS, Web DevelopmentJS Party: JavaScript, CSS, Web DevelopmentWeb Components and WTF is Shadow DOM?Mikeal Rogers, Alex Sexton, and Rachel White discuss Web Components and questions like — “WTF is Shadow DOM?” and “Are custom elements ready?” We also discuss the JavaScript conference scene as well as attending, speaking and organizing conferences. Plus, the project of the week — p5.js. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Sentry – Get 30 days free when you sign up with the code jsparty. Error reporting and notifications for JavaScript apps and the rest of your stack. Start tracking...2017-04-1156 minNon Breaking Space ShowNon Breaking Space ShowVal Head — Designing Interface AnimationVal Head is a web animation expert and author with a talent for getting designers and developers alike excited about the power of animation. She’s the author of Designing Interface Animation and teaches CSS Animation on lynda.com. This episode of Non Breaking Space Show is sponsored by: CSS Dev Conf — Conference dedicated to CSS and its super friend technologies like JavaScript, Sass, NPM, and more. A limited supply of Early Bird Tickets now on sale. Register now! UX Design Newsletter — A weekly free newsletter containing a collection of tutorials, articles, and videos about front...2017-04-1048 minToolsdayToolsdayAnimation Tools with SarahThis week we learn about animation in UI: basics, libraries, performance considerations, and more with Sarah Drasner Sarah Drasner Twitter Web Animation Workshops Codepen CSS Tricks Native Javascript Web Animation API Animation Libraries GSAP Mo.js React Motion Velocity.js Demos React Motion Demo Spring Parameters Chooser Other Snap.svg 2016-12-2000 minFront End Happy HourFront End Happy HourEpisode 022 - Drinking with more style and less sassWriting CSS seems pretty straight forward until your project and team starts to grow. CSS has a lot of issues, in this episode we share some advice for making it a little bit easier. We’ll also discuss ways to create a scalable CSS architecture for large projects and teams. Items mentioned in the episode: Sarah Drasner, Chris Coyier, Una Kravets, Sass, Less, Transpilers episode, BEM, Sass-lint, BEM lint, React, Radium, Aphrodite, Webpack, Ruby, Ruby Sass, LibSass, PostCSS, CSS Houdini, SMACSS, SassySass, Wai Lun Poon, Dart, xkcd compiling, Stylus, Jade, TJ Holowaychuk, Express, Koa, Go, Autoprefixer, Flexbox Panelists: Ryan Burgess...2016-12-1752 minJavaScript AirJavaScript Air029 jsAir - Web Animations with Matias Niemelä, Rachel Nabors, and Sarah Drasner Web Animations with Matias Niemelä, Rachel Nabors, and Sarah Drasner Description: It's totally mind blowing what can be done to enhance the user's experience with animations on the web these days. Let's talk about how some of this is done and what tools are out there to help you with this. Show sponsors:Egghead.io - Bite-sized web development video training Frontend Masters - Expert front-end training TrackJS - JavaScript Error Monitoring SparkPost - Email. We've Got It Down. WebStorm - Smart JavaScript IDE Trading Technologies - Building For What's Next React.js Program - Master the React.j...2016-06-301h 02Front End Happy HourFront End Happy HourEpisode 009 - Scotch makes us animatedIn this episode we learn about animating with JavaScript. We’re joined by a special guest, Sarah Drasner, who is an expert in JavaScript and SVG animations. Having good animations in your product is really important for the overall user experience. In the episode we discuss various libraries to help create animations in your websites or applications. Sarah shares a lot of valuable information. Items mentioned in the episode: Coin, GreenSock, Weighing SVG Animation Techniques (with Benchmarks), Mac Pro parallax, Mo.js, Lego Mushroom, SnapSvg, D3, Sara Soueidan, React Motion, Sarah Drasner's CodePen, Framer JS, React Training, A Comparison of An...2016-06-0752 minCTRL+CLICK CASTCTRL+CLICK CASTIntro to SVGs with Brenda StorerSVGs aren’t just another image format. They are code. They are infinitely scalable. And they can be manipulated with CSS and JS to create both subtle and dramatic interface experiences. Designer and front-end dev Brenda Storer joins the show to give us a primer on scalable vector graphics, from how they are different from the familiar PNG, JPG and GIF, to browser support, to the underlying code elements and attributes. Brenda offers recommendations for optimizing SVGs and making them more accessible. She also details real world use cases (an alternative to icon fonts) and shares her favorite resources fo...2016-05-1956 minShopTalk ShowShopTalk Show216: with Val Head and Sarah Drasner2016-05-171h 02Non Breaking Space ShowNon Breaking Space ShowSarah Drasner — SVG and AnimationSarah Drasner is an award-winning Senior UX Engineer at Trulia and a staff writer at CSS Tricks. Recently, she won Best Presentation at CSS Dev Conf 2015 aboard The Queen Mary.2016-01-1800 minNon Breaking Space ShowNon Breaking Space ShowSarah Drasner — SVG and AnimationSarah Drasner is an award-winning Senior UX Engineer at Trulia and a staff writer at CSS Tricks. Recently, she won Best Presentation at CSS Dev Conf 2015 aboard The Queen Mary.2016-01-181h 02Non Breaking Space ShowNon Breaking Space ShowSarah Drasner — SVG and AnimationSarah Drasner is an award-winning Senior UX Engineer at Trulia and a staff writer at CSS Tricks. Recently, she won Best Presentation at CSS Dev Conf 2015 aboard The Queen Mary. This episode of Non Breaking Space Show is sponsored by: Feed.Press 2016-01-181h 02