Music47ell / Ahmad Al Maaz

Founder & Editor-in-Chief of /news47ell

There is one person in Music47ell’s collective.

Huffduffed (34)

  1. Sticking to the essentials, with Sara Soueidan | Fixate

    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.

    18:48 – “Java is to JavaScript as car is to carpet.” Sara studied Java in university. Learning that there was a fundamental difference between Java and Javascript, and that there was a mental shift required in order to work in the different languages has changed the way Sara views technologies.

    Quickfire Questions

    20:17 – Best advice about programming

    Learn the basics. Learn HTML, CSS, and native JavaScript before rushing into frameworks. Learn what you need, when you need it.

    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

    CodePen

    Sass

    CodeKit

    Alfred App

    Dash

    TextExpander

    Jekyll

    Sublime Text

    Browserify

    WebPack

    The Smashing Book 5: Real-Life Responsive Web Design

    Contact Sara

    twitter: @SaraSoueidan

    website: www.sarasoueidan.com

    http://fixate.it/podcast/sticking-to-the-essentials-sara-soueidan/

    download

    Tagged with css

    —Huffduffed by Music47ell

  2. The Changelog #240: Feedbin and RSS Resurgence with Ben Ubois | Changelog

    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.

    https://changelog.com/podcast/240

    download

    Tagged with rss feedbin

    —Huffduffed by Music47ell

  3. Episode 92: Ivar Vong Has Gone Off the Rails

    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

    —Huffduffed by Music47ell

  4. 031: Different - CodePen Blog

    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.

    17:52 Another cool feature we released recently was infinite loop detection in Javascript. We found that it’s easy to accidentally create an infinite loop and lock up your browser. So we have code now that will detect where in your code you created the infinite loop, and kill that loop. Things like that are really helpful when you’re authoring.

    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.

    Show Links:

    JSFiddle

    JSBin

    Boomerang

    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!)

    Comments

    https://blog.codepen.io/2015/01/01/031-different/

    download

    Tagged with codepen

    —Huffduffed by Music47ell

Page 1 of 4Older