Zach Leatherman stops by the show to talk about his static site generator, Eleventy, as well as look back at his Front End Engineer Manifesto from 2012 and see how it holds up in 2019.
Tagged with “chris coyier” (18)
Jen Simmons is back to talk about what’s new in Firefox including a dev tools update. We also chat about sub grid, variable font support, and discuss whether all the new stuff that’s been added over the last few years heralds a new era of web design.
Tim Brown is our guest to talk about his new book coming soon called Flexible Typesetting from A Book Apart.
We spoke to Chris Coyier about dogmatism in the web industry, why it happens, what we can to do be less dogmatic and how to deal with dogmatic people.
We’re joined by Phil Hawksworth to talk about the benefits of static sites as well as work through some of the objections people often have to using a static site in 2018.
Published Mar 22, 2018
Time Stamped Show Notes
0:53 – Chris believes it’s important to seek out the work you love doing and focus your energy there. For him, it’s CSS-Tricks, CodePen, and ShopTalk.
1:37 – CSS-Tricks is primarily a blog, but it’s also full of resources for learning (mostly) front end development.
2:07 – Chris spends most of his time working on CodePen. Simply put, it’s a code editor in the browser. Using pre-processors, it allows you to create front end code and show it off to others.
2:49 – Chris’s podcast, ShopTalk, reached its 300th episode in 2018!
3:01 – Chris is pleased to hear that Sara Soueidan‘s first job came from something she posted on CodePen.
4:49 – CSS-Tricks started in 2007, making it ten-and-a-half years old!
5:18 – Chris loves empowering other developers by giving them a platform to show off their work. He also likes to share the cool things they’re building.
6:33 – “A Lifetime of Nerdery,” gives insight into Chris’s upbringing as a “middleclass kid in middleclass United States, somewhere in middle-America.” He feels his priviledged background played a big part in getting him to where he is now.
7:28 – Chris always knew computers would be part of his career. By obtaining a Bachelor of Arts degree, he was able to combine his love for technology with his love of design.
9:34 – Chris chats about the early years of CodePen and why things were simpler back then. The more CodePen grows, the more pressure he feels about the tech choices they make, and about all the people involved.
11:23 – Email has proven a powerful tool for Chris. A lot of positive relationships and opportunities have come his way through email. “All good things happen over email”.
12:02 – At Codepen they use GitLab for code-editing and issue-tracking.
12:13 – Slack has been a vital tool at CodePen. Chris likes that it is both real-time, and not; it can be used for instant messaging, as well as for messages that don’t need an immediate response.
12:30 – CodePen have recently started using Notion. In essence, it’s a notes app where processes, minutes from meetings, and any other kind of documentation can be stored and shared. It can be used for long-term, and short-term stuff.
14:55 – There’s a lot of wisdom involved in knowing which new projects, frameworks, and libraries to pay attention to. He suggests keeping an eye on what’s going on in the industry, but not necessarily doing a course on every new tool that comes out.
15:21 – Chris suggests being slow and considerate in your technology choices. Although there are popular new libraries like Vue.js out now, the decision for CodePen to go with a React stack made sense at the time.
16:59 – “…an untold story of a really good like React and TypeScript based front end is that it’s less buggy because the way that you write code is less problematic”.
18:34 – Chris believes that browsers should keep up with what developers are trying to force the web to do, and to accommodate it.
19:25 – Stay up to date by reading industry rags, signing up to a few email newsletters, and reading the README’s of new libraries. Then file the important information somewhere in your brain for when it might prove useful.
20:34 – Chris suggests changing up the way you work. Don’t get complacent; try new frameworks, libraries, and processes. Constantly reevaluate the way you work and how you could be doing things differently.
22:44 – Chris would like for Prettier to be more configurable, so that instead of using stylelint for CSS and SCSS checking, and Prettier for code formatting, both could be done using one tool.
23:59 – Best advice about programming
Although technology constantly changes, humans don’t. Always remember that whatever you are building is for a human.
24:55 – Habits for writing better code
Make time to experiment. Toss out your current way of working and try something completely new. And then, to solidify what you’ve learnt, write about your experience.
25:42 – Book
“Learning jQuery” by Jonathan Chaffer and Karl Swedberg
“Design for Community” by Derek Powazek
26:50 – Inspiring devs
David Khourshid for his work with animations and state machines. Mina Markham for highlighting the importance of design systems and their effect on people. Scott Jehl for his writing about performance, as well as everyone at Filament Group for their font-loading work. Jeremy Keith for his fascinating perspectives.
The whole team at CodePen: Marie Mosley, Rachel Smith, Jake Albaugh, and Chris’s co-founders, Tim Sabat, and Alex Vazquez. He feels lucky to be working with some of his heroes!
28:05 – How to learn to code from scratch
Tackle learning code by using a combination of different resources. Use Google, take courses (Team Treehouse, or Khan Academy), buy books, and build projects of your own. Take a multifaceted approach to learning and things will fall into place.
30:36 – How to work smart
Be persistent. If something frustrates you, it’s probably a good sign that you should learn it.
Tools, Tips, and Books Mentioned
A Lifetime of Nerdery
“Learning jQuery” by Jonathan Chaffer and Karl Swedberg
“Design for Community” by Derek Powazek
This was one of the most interesting, thoughtful and funny conversations we’ve had. We spoke to Chris Coyier about dogmatism (the expression of an opinion or belief as if it were a fact) in the web industry. We talked about why it happens, what we can to do be less dogmatic ourselves and how to deal with dogmatic people and their bombastic opinions.
Our Toolstar this week was CodePen Projects, zero setup, full-featured front end web development environment, right in the browser. Chris talked us through it, and it sounds pretty great. We like all the CodePen things.
It was a diverse Jukebox this week. I chose ‘A Tender History In Rust’ by Do Say Make Think. Ben chose ‘Eve’ by Anchorsong, it’s very Ben. And Chris chose ‘The Stable Song’ by Gregory Alan Isakov, and had a very cool story of meeting him IRL. They’ll be added to the Relative Paths Alt Playlist, or the Relative Paths Playlist as appropriate.
Original video: https://soundcloud.com/relativepaths/47-dogmatism-with-chris-coyier
Downloaded by http://huffduff-video.snarfed.org/ on Fri, 24 Mar 2017 14:32:49 GMT Available for 30 days after download
“I’m not rich, but I have a rich life.” – Chris Coyier
What we talked about:
The story of CSS-Tricks
Blogging as a business (advertising)
Building an audience with a blog
Staying up to date on tech
Having a clear value proposition
A day in the life of Chris…
How to grow a blog and remain true to your audience - Chris Coyier (CSS-Tricks & CodePen) | Hacking UI
It is our pleasure to present to you Chris Coyier. Chris started his journey writing blogs he didn’t enjoy, and eventually realized that his passion was actually in coding the blogs and crafting the CSS behind them. He eventually closed down all of his blogs except one, and CSS-Tricks was born. His blog is now one of the largest front-end development blogs in the world and paved the way for his platform, CodePen, which allows developers to share demos of front-end code while inspecting the code at the same time.
Chris is also the host of the podcast, ShopTalk, speaks at conferences around the world, and this year he published his second book, Practical SVG, which is all about using SVG on the web. In this episode, Chris discusses his strategies for blog growth, valuable tips for monetization, the proper etiquette for sharing sponsored content, and much more.
This is the twelfth episode of the second season of the Hacking UI podcast, ‘Scaling a Side Project’. In this season we interview designers, developers, and creative entrepreneurs who built and scaled successful side projects that we admire.
Chris Coyier teaches us that if we care about succeeding in something, we need to be willing to persist for a long time. He inspires us to grab hold of the joy that comes from building for ourselves, too. He encourages us to not just use a framework because we’re “supposed to”, but to use whatever tool is right for the job. He also enlightens us to the superpower of using SVG in practical ways.
Chris Coyier is the founder of everybody’s favorite CSS resource CSS-Tricks, and the author of newly released A Book Apart published “Practical SVG”. He’s a fellow podcaster co-hosting the Shop Talk Show. He co-founded the incredibly innovative web coding playground, CodePen. He loves to share his knowledge as an international speaker and avid blogger. His life goal is to be a banjo player in an old time string band.
Page 1 of 2Older