Equal parts editor, writer, designer, and photographer. Hit me up on Twitter, or check out my photos.
Ratchet is an awesome new framework that allows you to quickly and easily create prototype iPhone app layouts using only HTML, CSS and JavaScript. Simply create a container div in your HTML, toss in a few items with preset classes and you’re ready to go.
Follow along as we jump into Ratchet to see how it works. We’ll kick the tires, try out some features and decide whether or not it’s worth a download. (Spoiler alert: it is.)
Twitter Bootstrap makes creating complex page layouts a breeze. Drop in a few lines of HTML, apply a few classes and you’ve got yourself a decent looking, minimal working mockup.
Wouldn’t it be nice if things were even easier though? What if Bootstrap had a visual interface? What if you could build Bootstrap pages by dragging and dropping elements onto an empty canvas? With Easel.io, you can do exactly that. Let’s see how it works.
Riot is a small software company currently comprised of only five people. Out of nowhere, this team has dropped two web development apps for Mac users that have blown me away. This is an app category that, in my opinion, hasn’t received much true innovation in recent years and apparently the good people at Riot are out to change that, because their ideas are truly unique and incredibly useful.
Today we’ll take a brief look at both Hammer and Anvil to see what each does and how they can collectively improve your workflow, particularly if you’re a front end developer working with static sites.
In the past, we’ve discussed Twitter Bootstrap quite a bit. Much more so than its most worthy competitor: Zurb’s Foundation. Now on its third iteration, Foundation is a robust and responsive front end framework used by hundreds of developers every day.
Over the course of several articles, we’re going to jump in and take a look at its various aspects from a complete beginner’s perspective. Today’s topic is my favorite part: the grid. Follow along to see how it works!
WebZap is an awesome Photoshop plugin for helping designers create high fidelity web design mockups faster than you ever thought possible. By combining simple one-click actions with robust customization options, this tool makes the entire layout process not only painless, but actually fun.
Follow along as we take a look at what WebZap does and put it through the paces to see how it performs. I promise, it’s the coolest Photoshop plugin that you’ve seen for web designers since GuideGuide.
Logo updates are a precarious business. One wrong move and you’ll have an angry mob calling for your head. This is especially true with brands that people have literally interacted with for the majority of their lives.
Today we’re going to take a look at just such a brand. Wendy’s, the self-proclaimed old fashioned hamburger joint, has a brand new logo. Spoiler alert: it’s great, especially when compared to the recent Arby’s update. So what went right here compared with what we saw with Arby’s? Let’s take a look.
The folks that brought you COLOURlovers have cooked up something new and exciting: Creative Market, a beautiful and simple way to buy and sell digital creative goods online.
Join us as we jump in to see what Creative Market is all about and how they’re uniquely positioning themselves in this market.
Everyone’s favorite roast beef sandwich fast food chain (ok, maybe the only roast beef fast food chain anyone can name) just jumped headlong into a brand refresh. Their new logo, menu and website is meant to bring the admittedly old-timey restaurant into the 21st century.
The question of course is, did they succeed? Follow along as we take a look at the logo and website to see what we think.
LESS is a friendly, easily-approachable CSS preprocessor. Though ultimately, Sass and Stylus are more powerful and robust, LESS has a certain charm that keeps it as a forerunner in the battle of the preprocessors.
If you’re a Sass fan, then you can take advantage of Compass, an incredible framework that makes coding with complex CSS3 properties a breeze. But what about LESS users? Where’s their Compass? Today we’ll look at three awesome mixin libraries that will help fill that void.
Adobe recently launched a free web font service to complement Typekit, their amazing premium service. Adobe Edge Web Fonts currently gives you around 500 free font families that you can use on your site today with little effort. How great is that?
The process for implementing these fonts isn’t quite as straightforward as some of the other services that you might be used to, so today we’re going to dive in and take a look at how it all works.
Don’t you hate it when you use some important file as a template and then accidentally save over it? I used to do this all the time and it frustrated me to no end.
Fortunately, Adobe has invented these great little template file types that fundamentally function differently than your normal files to make sure you don’t screw anything up. Read on to see how they work.
Adobe and web design. They have a complicated history. I can never quite tell if Adobe is an estranged partner of web developers or an active advocate. Are they focused on empowering developers or replacing them with clunky WYSIWYGs?
Today we’re going to take a look at Adobe Edge Tools and Services, a new initiative from Adobe that might be enough to change your mind about how Adobe views coders.