47: Sara Soueidan - Ditching Icon Fonts for SVG

FromFull Stack Radio

Start listening View podcast show

47: Sara Soueidan - Ditching Icon Fonts for SVG

FromFull Stack Radio

ratings:

Length:

45 minutes

Released:

Aug 10, 2016

Format:

Podcast episode

Description

In this episode, Adam talks to Sara Soueidan about the benefits of using SVG over icon fonts, and the best workflow for using SVG in your projects.

Released:

Aug 10, 2016

Format:

Podcast episode

Titles in the series (100)

A podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration.

Skip carousel

2: Eric Barnes - Wardrobe, Javascript and Writing: In this episode, Adam talks with Eric Barnes of Userscape about rebuilding WardrobeCMS, trends in Javascript development, and building an audience. by Full Stack Radio
40 min listen
6: Chris Fidao - Servers for Hackers: In this episode, Adam talks with Chris Fidao of Userscape. They talk about things every web developer should know about server administration, platform-as-a-service vs. self-hosting, Ansible, Docker, and more. by Full Stack Radio
42 min listen
28: Jeffrey Way and Dave Marshall - "Don't mock what you don't own": In this episode, Adam talks to recurring guests Jeffrey Way and Dave Marshall about "don't mock what you don't own". They talk about how to design code that needs to work with external services, how you should test that code, and the pitfalls you run into by Full Stack Radio
58 min listen
16: Kent Beck - Tiny Decisions and Emergent Design: In this episode, Adam talks to Kent Beck about Smalltalk vs. Java, low level design vs. big picture architecture, planning for the future vs. emergent design, and applying the principles of Extreme Programming in 2015. This episode is brought to you by H by Full Stack Radio
46 min listen
22: Corey Haines - The 4 Rules of Simple Design: In this episode, Adam talks to Corey Haines, author of "Understanding the 4 Rules of Simple Design". They talk about the importance of low-level design decisions, tricks for naming things well, why you shouldn't model your objects after the real world, an by Full Stack Radio
65 min listen
9: David Heinemeier Hansson - Architecture, Patterns and Design: In this episode, Adam talks with David Heinemeier Hansson, partner at Basecamp and creator of Ruby on Rails. They talk about the pursuit of "purity", Domain Driven Design, ActiveRecord vs DataMapper, and developing an eye for "good code". by Full Stack Radio
53 min listen
1: Matt Stauffer - CSS Semantics: In our very first episode, Adam talks with Matt Stauffer of Tighten Co about OOCSS, BEM, SMACSS, preprocessors, common architecture pitfalls, and CSS semantics. by Full Stack Radio
49 min listen
11: Jeffrey Way - "But how does it feel?": In this episode, Adam talks with Jeffrey Way of Laracasts about learning, object oriented design, testing, API usability, and whole bunch of other stuff. This episode is brought to you by Hired. by Full Stack Radio
68 min listen
3: Matt Machuga - Ruby, PHP, object oriented design, testing and other crap: In this episode, Adam talks with Matt Machuga of Think Through Math about being a Rubyist who still writes PHP and the differences between writing PHP like a Rubyist vs. writing PHP like a Java developer. They also talk about common struggles when learnin by Full Stack Radio
62 min listen
4: Alex Bilbie - OAuth 2 and API Security: In this episode, Adam gets super technical with Alex Bilbie about the OAuth 2 specification. They talk about the different grant types and what they're each appropriate for, as well as discuss some potential API security strategies for one of Adam's perso by Full Stack Radio
56 min listen
14: Taylor Otwell - Building Envoyer, Laravel 5.1 and Learning to Program: In this episode, Adam talks to Taylor Otwell, creator of Laravel. Taylor gives an in-depth behind-the-scenes look at how Envoyer is architected, and shares some new tips and tricks he's been using to keep his code simple. They also talk about the decision by Full Stack Radio
61 min listen
20: Ian Landsman - Code is not a business: In this episode, Adam talks to Ian Landsman, founder of Userscape and creator of HelpSpot. Ian talks about the biggest mistakes programmers make when trying to start their own business, where to find new ideas, and why your new software product shouldn't by Full Stack Radio
71 min listen
12: Jack McDade - Building Photoshoot.io and Getting Stuff Done: In this episode, Adam talks to Jack McDade creator of Statamic, about building his latest project Photoshoot.io. They also talk about how Jack juggles design and development, and how to buckle down and get things done. This episode is brought to you by H by Full Stack Radio
49 min listen
13: Phil Sturgeon - Designing and Testing APIs, Go and PHP 7: In this episode, Adam talks to Philip J. Sturgeon about designing and testing APIs at Ride. They also talk about building microservices with Go, and some of the new features coming in PHP 7. This episode is brought to you by Hired. by Full Stack Radio
75 min listen
10: Type Safety Roundtable with Ryan Tablada and Matt Machuga: In this episode, Adam talks with Ryan Tablada and Matt Machuga about the philosophical differences between programming in a statically typed language vs. a dynamically typed language. They talk about things like explicit interfaces vs. duck typing, functi by Full Stack Radio
70 min listen
7: Shawn McCool - BDD and DDD: In this episode, Adam talks with Shawn McCool about Behavior Driven Development and Domain Driven Design. They talk about how you can use these ideas to better understand your clients' needs and to build software that closely models their business. They a by Full Stack Radio
61 min listen
18: Katie Cerar - Designing and Prototyping for Clients: In this episode, Adam talks to Katie Cerar, user experience designer at Boltmade. Katie talks to Adam about running a successful kick off meeting, understanding the problems your client is trying to solve, and strategies for getting clients to keep their by Full Stack Radio
40 min listen
19: Dave Marshall - Designing Effective Tests: In this episode, Adam talks to Dave Marshall, testing guru and host of That Podcast. Dave talks to Adam about the upcoming Mockery 1.0 release and some interesting API changes destined for 2.0. They also talk about how fakes can improve your tests, fixtur by Full Stack Radio
70 min listen
21: Chad Pytel - Sticking to your guns: In this episode, Adam talks to Chad Pytel, CEO of thoughtbot. Chad gives tips for balancing client work with internal product work, growing your client-base without compromising your principles, and applying Jobs to be Done to new client projects. This e by Full Stack Radio
49 min listen
23: Chris Hunt - How GitHub does remote work: In this episode, Adam talks to the Healthy Hacker, Chris Hunt, about how his team at GitHub works remotely. They also talk about entertaining your audience at conferences, taking a Codecation, and adventure motorcycling. This episode is brought to you by by Full Stack Radio
38 min listen
5: Ryan Singer - Jobs-to-be-Done and Product Design: In this episode, Adam talks with Ryan Singer of Basecamp about Jobs-to-be-Done thinking, UX, and product design. by Full Stack Radio
47 min listen
8: Sean Devine - Ember and API first: In this episode, Adam talks with Sean Devine, host of the Ruby on Rails podcast. Sean gives Adam an introduction to building applications with Ember, and how it's different than the way you might sprinkle AngularJS into a mostly server-side app. They talk by Full Stack Radio
58 min listen
29: Mark Otto - Bootstrap 4 and CSS architecture at scale: In this episode, Adam talks to Mark Otto, creator of Bootstrap and director of design at GitHub. They talk about the brand new alpha release of Bootstrap 4 and some of the most significant changes. They also talk about choosing units, when to use utility by Full Stack Radio
48 min listen
17: Adam Culp - Maximizing Your Conference Experience: In this episode, Adam talks to Adam Culp, organizer of Sunshine PHP and ZendCon. They talk about how to get into conference speaking, how to make the most of a conference as an attendee, as well as tips for running a great local user group. This episode by Full Stack Radio
46 min listen
27: Ben Orenstein - Outside-in TDD and Dependency Injection in Rails: In this episode, Adam talks to Ben Orenstein of thoughtbot about useful tips for writing the first few tests in your application and working your way down to the unit level by starting with acceptance tests. They also talk about why dependency injection h by Full Stack Radio
36 min listen
24: Wes Bos - What the Flexbox?!: In this episode, Adam talks to Wes Bos about solving all of your CSS problems with Flexbox. They also talk about Bootstrap 4, ReactJS, and Wes' favorite Sublime Text tips and tricks. This episode is brought to you by Laracasts. by Full Stack Radio
38 min listen
37: Chris Hartjes - Getting Started with Testing: In this episode, Adam talks to the Grumpy Programmer himself about getting started with testing PHP applications. Topics include: Recommended testing tools PHPUnit vs. PHPSpec Mockery vs. Prophecy The benefits of defensive programming How to convince y by Full Stack Radio
44 min listen
25: Matt Machuga - Tips and tricks to make your code awesome: In this episode, Adam talks to recurring guest Matt Machuga about tips and tricks that lead to better code. They talk about bringing functional programming concepts to OO, simple patterns for cleaning up typical MVC web app code, and about how imposing c by Full Stack Radio
50 min listen
42: Justin Jackson - Marketing for Developers: In this episode, Adam talks to Justin Jackson, maker extraordinaire, about how to find new product ideas, finding customers for your products, and marketing for developers. by Full Stack Radio
53 min listen
32: DHH - Building Basecamp 3 like a Porsche 911: DHH returns to the podcast to talk in-depth about how Basecamp 3 is designed and implemented! Topics include: Why Basecamp is a "majestic monolith", and the impact of organizational shape and size on technical decision making in product development How by Full Stack Radio
63 min listen

More Episodes from Full Stack Radio

Skip carousel

152: Ben Orenstein - How to Stand Out When Applying for a Job at a Small Company: In this episode Adam talks to Ben Orenstein about what you can do to stand out if you’re trying to get a job at a small company. by Full Stack Radio
48 min listen
151: DHH – Building HEY with Hotwire: In this episode Adam talks to DHH about using Hotwire to develop Basecamp's new email service HEY while shipping only 40kb of JavaScript to the client. by Full Stack Radio
74 min listen
150: Secret Screencasting Tips & Behind the Scenes of Tailwind CSS 2.0: In this episode, Adam and Jack talk about all the secret tips you need to know to screencast like a pro. Then they go deep into some of the things Adam is working on for Tailwind CSS 2.0, like the new default config file. by Full Stack Radio
59 min listen
149: Choosing a Payment Processor, Radical Icons & W3C Hype: Adam and Jack discuss how it sucks when you're forced to change billing platforms, and embark upon a deep dive on the merits of Adam's favorite solutions. We also talk about Jack's recent Radical Icon launch and promotional strategy regrets, which thankfu by Full Stack Radio
57 min listen
148: Accessible Focus Styles, Tailwind Labs on YouTube, and Secret Projects: Adam and Jack talk about accessible focus styles, Headless UI, the new Tailwind Labs YouTube channel, Tailwind presets, and the progress on the great Statamic Bug-Fix-a-Thon of 2020. They also kick around what "Tailwind Lite" could be and where it might l by Full Stack Radio
60 min listen
147: Surviving GitHub Issues, the Statamic 3 Launch Aftermath, Tailwind 1.8, and Headless UI: Adam and Jack talk about strategies for keeping up with GitHub issues and coping with customer criticism, and how life is going after the Statamic 3 launch. They also talk about the new features in Tailwind 1.8, and work through some branding problems for by Full Stack Radio
80 min listen
146: Launching Statamic 3, GitHub Sponsors, Tailwind CSS v1.7, and Preparing for Laracon: Adam and Jack talk about how the Statamic 3 launch went, and adding GitHub Sponsor tiers to the Statamic GitHub organization and what to give people in exchange for sponsoring. They also talk about the new Tailwind CSS v1.7 release, and the new features l by Full Stack Radio
81 min listen
145: Statamic 3.0 and Tailwind CSS 2.0: Jack McDade joins Adam to talk about what he's been up to building up to the Statamic 3.0 launch (it's out now!) and Adam shares a bunch of ideas he's been working on for Tailwind CSS v2.0. by Full Stack Radio
76 min listen
144: Gary Bernhardt - TypeScript and Testing: In this episode, Adam talks to Gary Bernhardt about building Execute Program, why he chose to build it as a full-stack TypeScript application, and the implications using TypeScript has on what you need to test. by Full Stack Radio
85 min listen
143: Rich Harris - Svelte and Defending the Modern Web: In this episode, Adam talks to Rich Harris about Svelte, and why we should keep pushing forward with the modern web even if it's not perfect yet. by Full Stack Radio
76 min listen
142: Jason Cohen - Learning to Hire and Manage a Team: In this episode, Adam talks to Jason Cohen of WP Engine about hiring people to join the Tailwind team, figuring out what to focus on, and learning how to manage. by Full Stack Radio
55 min listen
141: Jason Fried - Running the Tailwind Business on Basecamp: In this episode, Adam talks to Jason Fried about growing the Tailwind team and how to best use Basecamp to keep his particular company organized. He also walks through tons of real examples from their recent work on HEY, sharing lots of behind-the-scenes stuff about how Basecamp use Basecamp themselves. by Full Stack Radio
67 min listen
140: Evan You - Reimagining the Modern Dev Server with Vite: In this episode, Adam is talks to Evan You about Vite, a new dev server and build tool for modern JavaScript projects. by Full Stack Radio
48 min listen
139: Alex DeBrie - DynamoDB for Relational Database Diehards: In this episode, Adam is talks to Alex DeBrie about DynamoDB, and how it compares to relational databases like MySQL. by Full Stack Radio
59 min listen
138: Tom Preston-Werner - Building Full-Stack JS Apps with Redwood.js: In this episode, Adam is talks to Tom Preston-Werner about Redwood.js, a new full-stack JavaScript framework for building edge-ready web applications. by Full Stack Radio
73 min listen
137: Tim Neutkens - Continuing to Innovate with Next.js 9.3: In this episode, Adam is talks to Tim Neutkens about what's new in Next.js 9.3 and how it's changing the way applications are built at ZEIT. by Full Stack Radio
83 min listen
136: Michael Chan - React Is Not a Rails Competitor: In this episode, Adam is joined by Michael Chan to talk about how people who identify as React developers are building real web applications, and why it seems like nobody is talking about databases or background jobs anymore. by Full Stack Radio
68 min listen
135: Lessons Learned Building Tailwind UI: In this episode, Adam is joined by Sam Selikoff to talk about some of the interesting technical challenges he faced building Tailwind UI, and how working on the project has influenced how he will build layouts in the future. by Full Stack Radio
98 min listen
134: Mark Dalgleish - You Should Be Using Layout Components: In this episode, Adam talks to Mark Dalgleish about common mistakes people make in their approach to constructing layouts, and how dedicated layout components can make your component system much easier to work with. by Full Stack Radio
57 min listen
133: Sam Selikoff - Building Production-Ready SPAs Fast with Mirage.js: In this episode, Adam talks to Sam Selikoff about Mirage.js and how to use it to build production-ready front-end applications, even if your back-end API isn't ready yet. by Full Stack Radio
63 min listen
132: Caleb Porzio - Just Enough JavaScript with Alpine.js: In this episode, Adam talks to Caleb Porzio about his new UI library Alpine.js. by Full Stack Radio
86 min listen
131: Ryan Singer - How Basecamp Builds Software: In this episode, Adam talks to Ryan Singer of Basecamp about how they plan, structure, and execute on new features. by Full Stack Radio
73 min listen
130: David Khourshid - Building Better UI Components with State Machines: In this episode, Adam talks to David Khourshid about using state machines to build UI components that are simpler and more resilient to bugs. by Full Stack Radio
54 min listen
129: Evan You - What's Coming in Vue.js 3.0: In this episode, Adam talks to Evan You about all of the changes and improvements coming to Vue.js 3.0. by Full Stack Radio
78 min listen
128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes: In this episode, Adam talks to Alasdair Monk about how they approach CSS at Heroku, and how using a utility-based approach has kept their team happy for the last three years. by Full Stack Radio
61 min listen
127: Jonathan Reinink - Building Modern Monoliths with Inertia.js: In this episode, Adam talks to Jonathan Reinink about Inertia.js, a new framework he recently released that lets you build single page applications with Vue, React, or Svelte, without having to give up the productivity benefits of traditional server-side by Full Stack Radio
96 min listen
126: James Long - Building Distributed Local-First JavaScript Applications: In this episode, Adam talks to James Long (creator of Prettier) about building Actual, a local-first Electron application with no central database that syncs data peer-to-peer. by Full Stack Radio
61 min listen
125: Rob Walling - Choosing the Right Product Idea: In this episode, Adam talks to Rob Walling about choosing, validating, and marketing a viable software product. by Full Stack Radio
55 min listen
124: Leslie Cohn-Wein & Rafael Conde - Designing the User Interface at Netlify: In this episode, Adam talks to Leslie Cohn-Wein and Rafael Conde about designing and implementing new UI features at Netlify. by Full Stack Radio
56 min listen
123: Ian Landsman - Marketing and Positioning a New Tailwind CSS Product: In this episode, Adam gets some advice from Ian Landsman of Userscape on marketing and positioning a new Tailwind CSS components directory project he's working on with Steve Schoger. by Full Stack Radio
66 min listen

Related podcast episodes

Skip carousel

36 | SVGs FTW: In 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. by COMPRESSEDfm
34 min listen
SVGs with Sara Soueidan: In 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... by Syntax - Tasty Web Development Treats
61 min listen
S18:E1 - What are SVGs and when should you use them (Christina Gorton): Add another graphics and animation tool to your toolbox by CodeNewbie
23 min listen
58: Scalable Vector Graphics: Summary Sara Soueidan (@SaraSoueidan) has been traveling the world talking about SVG (Scalable Vector Graphics) over the past year. Since then, we’ve learned a lot more about the power of this declarative graphical language. Now that... by The Web Platform Podcast
64 min listen
Getting Started with SVG with Sara Soueidan: Scott talks to web developer Sara Soueidan about the state of SVG on the web today. Is SVG mainstream and ready for you to use in your web apps today? Sara is the author of the Codrops CSS Reference, and a co-author of the Smashing Book #5 - a book that covers time-saving, practical techniques for crafting fast, maintainable, and scalable responsive websites. by Hanselminutes with Scott Hanselman
37 min listen
S26:E2 - Freelancing While Homeschooling (Sarah Greer): Managing both worlds by CodeNewbie
44 min listen
Trivy and Open Source Communities with Anaïs Urlichs: Corey interviews Anaïs Urlichs, an open source developer advocate at Aqua Security with a unique background - she’s never had to work with AWS. Anaïs explains how this is possible in the world of cloud and her career path from developer advocacy to comput by Screaming in the Cloud
36 min listen
WordPress vs. The World: An Interview with Scalemath CEO Alex Panagis by The WP Minute+
44 min listen
Learning Angular, Leadership Opportunities, and Google Culture with Sarah Drasner by Whiskey Web and Whatnot: Web Development, Neat
60 min listen
Java Observability and Performance in Azure Spring Cloud with Asir Vedamuthu Selvasingh: Java developers love using Spring. But running high performing and scaling Java apps in production takes a little bit more than just compiling your code. In this episode we have Asir Vedamuthu Selvasingh who has been working with Java for 26 years.... by PurePerformance
41 min listen
Going Serverless with AJ Stuyvenberg: AJ Stuyvenberg began his career writing software for St. Jude Medical. Today, he’s a senior software engineer at Serverless, Inc., makers of the increasingly popular open source Serverless framework designed to make it easier to deploy applications across by Screaming in the Cloud
40 min listen
The Journey to a 6-Figure SVG Business with Jav Sid by The Planner Podcast
35 min listen
#551: Deep Dive Into SageMaker Serverless Inference: Today Simon is joined by Rishabh Ray Chaudhury, Sr. Product Manager, to learn more about SageMaker S by AWS Podcast
16 min listen
Episode 271: AiA 269: Data Mocking with Dave Cooper by Adventures in Angular
44 min listen
Dynamic Configuration Through AWS AppConfig with Steve Rice: Corey is joined by Steve Rice, Principal Product Manager at AWS, to discuss AWS AppConfig and how it’s helping developers test and scale new releases through dynamic configuration. Steve reveals what led to the development and release of AppConfig interna by Screaming in the Cloud
36 min listen
Ahmed AbuGharbia: Upskilling your Security Teammates for Cloud and DevSecOps by Cloud Ace
52 min listen
Ep. 010, QA is a marathon, not a sprint: QA is a marathon, not a sprint by Underserved
31 min listen
59 | Let's Be Animated: In this episode, Amy and James talk about adding CSS and JavaScript animations to your project: things to consider, the best properties, methods, and libraries to use. by COMPRESSEDfm
56 min listen
Web Animation with Val Head: Web Animation can have personality and character, just like Disney Animation. Val Head, UI Animation Pro, talks about applying Disney Animation principles to web animations. We talked about creating effective and immersive animations by using CSS and javascript. Val also explained what aspects of web animations can lead to poor performance. At the we had an interesting discussion about the future of web animation. by The Women in Tech Show: A Technical Podcast
20 min listen
Live with Adam Wathan at Rails World 2023 by Remote Ruby
52 min listen
Skill-Building Is Not One Dimensional: We intuitively imagine our skills and capabilities to be one-dimensional and permanent. However, what goes into whether we can actually execute on our skills is multi-dimensional. In today's episode, we'll discuss a frame of thinking for capabilities that provides a lens for thinking about constraints and context. by Developer Tea
14 min listen
Episode 062 - Announcing Amazon Code Whisperer Developer Preview with Srinivas Iragavarapu: In this episode, Dave and Emily chat with Sriniva… by AWS Developers Podcast
16 min listen
Episode 156: Kanban with David Anderson: This episode is part of our series on agile software development. We talk with David Anderson about Kanban, an agile software development method that is quite different from most of the other agile methods out there. by Software Engineering Radio - the podcast for professional software developers
62 min listen
Episode 29: Future of Serverless: A Toy that will Evolve and Offer Flexibility: Are you a blogger? Engineer? Web guru? What do you do? If you ask Yan Cui that question, be prepared for several different answers. Today, we’re talking to Yan, who is a principal engineer at DAZN. Also, he writes blog posts and is a course developer. Hi by Screaming in the Cloud
32 min listen
Non-Linear Learning and Progress: How does learning happen? In one fell swoop - linear? Or is there another path that learning takes? We pass judgment on ourselves and others, designing our attempts in ways that are suboptimal based on the assumption of linearity. Almost nothing is truly linear. by Developer Tea
16 min listen
Jabez Abraham: Creating a Cloud Security Enterprise Architecture Strategy for Global Organizations by Cloud Ace
44 min listen
Elevating the SaaS Application Development Experience with Salman Paracha by Screaming in the Cloud
36 min listen
AiA 154: Angular Animations with Gil Fink by Adventures in Angular
46 min listen
Blending in Other People’s Codebases - Sadek Drobi (Prismic) by Developer Experience
44 min listen
Wireframes for Graphic designers: why stop at digital? by The Angry Designer
43 min listen

Discover this podcast and so much more

47: Sara Soueidan - Ditching Icon Fonts for SVG

47: Sara Soueidan - Ditching Icon Fonts for SVG

Description

Titles in the series (100)

More Episodes from Full Stack Radio

Related podcast episodes