Steve thoroughly evaluates LastPass, explains why high-security passwords are necessary, and tells us how LastPass makes storing those passwords secure.Download or subscribe to thi…
Inbound Unboxed: Tools to Boost Your Website Speed and Improve Your SEO with Brian Jackson [Podcast 012] | Earnworthy
On this episode we discuss over 30 different inbound marketing tools that can help you speed up your website, improve your search engine rankings, and more.
Published Nov 16, 2017
Sara is a freelance front-end web developer, author, and speaker from Lebanon. She was named Developer of the Year in the 2015 .net magazine awards, and awarded a Web Platform Award from O’Reilly. Sara is the author of Codrops CSS Reference, and is the co-author of Real-Life Responsive Web Design, which focuses on smart “responsive” workflows, effective UX patterns, and powerful front-end techniques.
Time Stamped Show Notes
2:33 – Sara is passionate about the possibilities developers have to build useful things for people and for the generations to come. She believes developers have the tools for building the future, and is excited by the fact that the web is getting more powerful by the day.
3:21 – Sara says that learning and teaching have opened a lot of doors for her. She first got into speaking because of the articles she wrote whilst experimenting with, and learning new features. She actually got her first job from her experiments on CodePen.
4:34 – Burning out after working on a project taught Sara about what to do, what not to do, what to expect, what not to expect, and to tell clients what to expect and what not to expect.
8:16 – Sara explains that she doesn’t use a lot of frameworks or tools. She uses HTML, CSS, and Sass. On very simple projects, she doesn’t even use Grunt, Gulp, or any other build tool like that. She writes with the bare minimum.
9:00 – Sara uses Alfred to speed up her workflow.
9:37 – TextExpander helps Sara save time by allowing her to respond to frequently asked questions in emails she receives using templates.
10:17 – Sara loves Sublime Text as her editor, and uses a lot of the plugins that come with it to help her type less.
10:52 – Sara works early in the morning to avoid distractions on Twitter.
11:27 – Sara removes any applications, such as email and Twitter, from her work computer that are not essential for work.
13:05 – Larry mentions how Dash is an app that aggregates documentation, and also integrates nicely with Alfred. It also has its own snippet manager, similar to TextExpander.
13:56 – Sara finds that she doesn’t have the most productive way to set up projects. She currently uses Jekyll for her website, but the bigger the website becomes, the slower Jekyll becomes.
14:30 – She admits that Grunt, Gulp, Browserify, or Webpack would make her workflow better, but she finds the thought of installing them and getting them to work overwhelming.
15:42 – Sara is excited about CSS Grid, because it’s like a CSS framework without a framework. She believes that there’ll be no need for any kind of CSS framework to build grids and websites in the future. She mentions that she has never been a fan of frameworks like Bootstrap as she feels there’s always too much to edit, change, and fix.
16:21 – Combining CSS Grid with Flexbox is “like magic”.
17:23 – Sara makes time to learn new things when she needs to use new things.
20:17 – Best advice about programming
20:46 – Habits for writing better code
Thinking from a user’s perspective, not only a developer’s perspective. Test components early on – not code testing, but user testing.
21:39 – BookResponsive Design: Patterns & Principles by Ethan MarcotteGoing Responsive by Karen McGraneAdaptive Web Design by Aaron GustafsonInclusive Design Patterns by Heydon Pickering
22:50 – Inspiring devsEthan Marcotte and Jeremy Keith. Sara is inspired by anyone who works for the user and who teaches people in the industry to care about them too. She likes that these two authors teach developers how to write better experiences.
24:40 – How to learn code from scratch
Sara says that she would definitely be overwhelmed at first if she had to learn programming from scratch. She mentions that she is thankful that she had a mentor to help her get started from the right place. She would start with the basics, because she can’t use a tool or a language unless she really understands it.
25:34 – How to work smart
Work healthy. Take care of yourself and to get enough sleep. A healthy body is a healthy mind.
Books, Tools, and Tech Mentioned
CoDrops CSS Reference
The Smashing Book 5: Real-Life Responsive Web Design
Ben Ubois, the creator of Feedbin (a simple, good-looking online RSS reader) joined the show to talk about the indie web and developers, how RSS usage has changed over the years – particularly since Google Reader shutdown. We also talked about RSS vs the social web that we’re in now and the idea of an RSS resurgence and taking back control over the content we choose to subscribe to.
On this week’s [NOUN] Josh chats with Ivar Vong, CTO of The Outline and a [ADJECTIVE] software genius.
Ivar tells Josh a [ADJECTIVE] story about his journey from [NOUN] to professional photographer to mastermind behind the [NOUN] of The Marshall Project and The Outline, an amazing, [ADJECTIVE], awarding-winning site.
So nerds, sit back as Josh [ADVERB] talks to Ivar about code, [NOUN], mad libs, and Ikea. Episode 92 is pure [ADJECTIVE]!
Original video: https://m.soundcloud.com/tomorrowpodcast/episode-92-ivar-vong-has-gone-off-the-rails
Downloaded by http://huffduff-video.snarfed.org/ on Tue, 09 May 2017 14:49:00 GMT Available for 30 days after download
Cloudflare CEO Matthew Prince says there’s no evidence the Cloudbleed bug was exploited.
This week on CodePen Radio: a special holiday edition where we get a little sentimental and also talk about the past two years at CodePen and the things that make CodePen awesome and different. (Pardon the self-back-patting, again, we’ll try not to make it a habit.)
What sets us apart from the competition?
3:28 We launched CodePen in December of 2012. It was much different back then; we didn’t have advertising, revenue, anything like that.
From the beginning, CodePen was similar to web apps like JSFiddle and JSBin. There’s still a lot of comparison and debate about CodePen versus the other apps. Most of the time, people are just comparing features using a bunch of checkboxes.
It feels a little bit like judging a cake based on height and width.
9:26 One big thing that is different about CodePen: for example, when you go to JSFiddle, the homepage is the editor. That’s how you think of the site; just the editor.
The homepage of CodePen isn’t the editor, it’s everything else. It’s the community. It’s exciting new things that are happening. It’s writing, Pens, and "welcome to the world of CodePen".
One of the things that makes CodePen different is that it truly is a community. It has all the components of a social networking site.
11:00 The community on CodePen is a big differentiator from JSFiddle; we’re trying to have one, they aren’t.
Our Cool Tech
There’s also some tech that’s different too; we have a wide assortment of preprocessors that we offer. Since launching, we put a enormous amount of work to ensure that everyone’s Pen works the same way a regular web page would.
15:10 We initially did everything client side; injecting CSS, injecting HTML. Then we switched to Boomerang, and stopped injecting anything. Now we’re sprinkling in the injections again, we’re making the editor smarter, so it can figure out if it can inject something and make the experience snappier.
15:48 We blog about all this stuff, but you might not know about this stuff if you didn’t pay close attention, or listen to this podcast.
15:59 There are some interesting tech things that we do that haven’t been copied yet. One of them is our in-line error reporting.
18:30 JS Bin has a version of this too, and they’ve been cool enough to open source it. This is our third iteration of infinite loop detection.
We Work Full-Time on CodePen
18:52 Another thing that sets CodePen apart is that all three of us are working on CodePen full-time, so we have time to dive in and work on features. We released a blog post about all the different things we have to do to keep CodePen running smoothly; there’s a lot of things.
20:11 Every piece of content on CodePen includes a way to get in touch with the author of that Pen to provide feedback or praise. That feature is just another thing that helps grow the CodePen community.
Another feature we’re really proud of is search. Tim put a bunch of time into a homegrown search solution. It’s really well done, and it return great results; you can trust that you can come to CodePen and find what you’re looking for.
22:56 Another really cool thing we did for mobile; Tim created a screenshot for each Pen that would be shown instead of the Pen itself.
All these features took time and energy to implement, but they set up apart from our competitors.
We’ve put a lot of time into CodePen, and there are a lot of things, but we want to show people that we aren’t just another copycat, and that we want to make something really great.
Send Us Your Feedback!
We’d love to hear what you think about CodePen; please send us your thoughts and feedback! We really want to know what you think and what you’d like to see implemented. We have a lot of ideas about what we’d like to build in the future, but we’re open to your ideas as well.
Tiny Fixes: Two Weeks in the life of Software Development
Preventing Infinite Loops in the Grid
If you’re enjoying this show, please take a minute to leave us a review in iTunes. We really appreciate it, and thanks to everyone who has already left a review! (We read all of them!)
Brian Lam sells his online consumer guide to the paper of record.
Sponsored by BergaMet Mega Plus.
This episode of This Life with Dr. Drew and Bob Forrest is sponsored by getheal.com. Have a doctor at your doorstep in minutes, and insurance pays for up to 80 percent. Get the app TODAY!
This week, Myke quizzes Grey about the devices he uses to get his work done, and Grey gets very disappointed about how Myke arranges his iPhone.
Page 1 of 4Older