arwhd.co
Flexbox Basics | ARWHD
https://arwhd.co/css/2015/06/05/flexbox-basics
June 5, 2015. I’ve been trying to write this post for almost a year. Flexbox is a really well-supported. Feature by now. I’ve been using it on almost every site I’ve worked on since December 2013. By far the best way to understand how to use flexbox is to experiment with your layout, your UI components, your own needs. This is more or less a reference for me personally versus a longer reason of why you should use flexbox. It’s features far outweigh any concern you might have about it. That will make the ...
arwhd.co
Working with Sketch | ARWHD
https://arwhd.co/2015/05/20/working-with-sketch
May 20, 2015. So let’s face it, Photoshop has a big learning curve (or at least for me it did), and it has a really high cognitive overhead. The value of a tool is for it to get out of your way while you work and aid you in the task at hand. If Photoshop can’t do that, it’s time to find another tool. I loved that I didn’t really need to watch any tutorials to feel productive in Sketch. After fumbling with it and remembering it wasn’t another Adobe product and that muscle memory started to wear off a ...
arwhd.co
SVG Icon Systems with Gulp | ARWHD
https://arwhd.co/2015/05/18/svg-gulp-workflow
SVG Icon Systems with Gulp. May 18, 2015. I like SVG and I like Gulp.js. And I don’t think that working with either should be a pain in any way. I’m going to walk through my way of building an icon system with Gulp. This may not be. Way to work with SVG, but this is my current workflow for building icon systems. Couple things to remember, SVG support is great. Let’s get started. I’m going to make a few assumptions:. That you have both a gulpfile.js and a package.json (and have run. In most projects I wor...
arwhd.co
Connect | ARWHD
https://arwhd.co/connect
Is there a post I should write or a book I should review? All you need to do is email me. I used to be a freelance designer, I don’t really do that anymore. But if you have a project you’d like to get done, I can typically pass your information along to someone I know who can do that work. Is the writer behind this site, he is a designer, a podcaster on Viewsources. And stream of profanity on Twitter.
arwhd.co
Blog | ARWHD
https://arwhd.co/blog
September 9, 2016. Expedite Your Workflow with Keyboard Shortcuts. August 22, 2015. June 5, 2015. June 4, 2015. May 20, 2015. SVG Icon Systems with Gulp. May 18, 2015. Using Number Functions in Sass. March 1, 2015. Generating a Random Background Color in Sass. February 17, 2015. Objects, Methods and Functions. October 27, 2014. October 8, 2014. I Have Never Used This and That's OK. September 26, 2014. September 25, 2014. The Other Parts of Sass. September 22, 2014. July 30, 2014. July 1, 2014.
arwhd.co
About | ARWHD
https://arwhd.co/about
Work hard. Don’t be an a* hole. Share what you know. Brad Frost. I struggle with design and development and communicating. Being a designer is a balancing act of all those things. And those are the things that are agreed to be the way to be successful over time in the web industry. So I made this site. Design, User Experience, Front-end Development are all complicated in their own way. I want to put some order to those subjects for myself and hopefully benefit any reader. ARWHD is a blog about design, fr...
arwhd.co
Bower's One Shortcoming | ARWHD
https://arwhd.co/2015/06/04/bowers-one-shortcoming
June 4, 2015. I’ll keep this brief, there’s a lot of mindless dog-piling on Bower and package managers in general. I get it, it’s an easy target but that doesn’t solve the problem (neither does building another package manager). Is a front-end package manager in the vein of NPM (but you can definitely put your front-end assets on NPM) or Ruby’s gem system. Setup is simple, registering packages, installing them is easy. But it has one major shortcoming. If you have a front-end package with. I could find a...
arwhd.co
Using Number Functions in Sass | ARWHD
https://arwhd.co/2015/03/01/using-number-functions-in-sass
Using Number Functions in Sass. March 1, 2015. One of the amazing things about Sass is that you can apply math to your stylesheets. Today I was working on a project with pixel based values and I wanted to use some math. I wanted the padding of an element to be half of whatever I set my. To Here’s a good example:. Default; / That's what my project dictated it. .warning { font-size: $s; padding: $s/2; }. But wait, when we divide our. That will come in really handy. It would round the nearest whole number.
arwhd.co
Generating a Random Background Color in Sass | ARWHD
https://arwhd.co/2015/02/17/generating-a-random-color-in-sass
Generating a Random Background Color in Sass. February 17, 2015. I’m exploring a lot more of how to use the lesser known parts of Sass. One of the nicer things that Sass offers is lists and I’m going to cover how to leverage some of their benefits. Here are some random colors:. Blue: #3ea5ce; $green: #99c712; $yellow: lighten(#ffba00, 5%); $red: #E53B3A;. Just so we’re clear you can perform a function on a variable (took me forever to get that). Now let’s make a list of these color variables. Selector...
SOCIAL ENGAGEMENT