I think of modular design as a practice or a philosophy—with Atomic Design being just one way to do it.
Paravel was thrilled to collaborate with Etsy and to create shareyourshop.etsy.com—a fun little photo-generating web app that Etsy shop owners can use in their holiday promotions.
The cyclical “should designers code” debate wears me out, but Stephen Hay’s post is a great read in and of itself. I like that he gravitates towards the value of prototyping:
I’m loving BreakpointTester. It’s a bookmarklet that scans your CSS/breakpoints and displays them all at once. It shows not images, but actual web pages you can scroll, navigate, and even web inspect. Brilliant!
I’ll be leading a workshop (for WRKSHOP) on responsive layouts & prototypes in Austin this April 4th. I didn’t feel confident as a web designer until I got comfortable with CSS layouts, so that’s exactly what... Read note
I really like the new “Mobile-friendly” labels Google is putting on search results…
My jaw hit the floor when I saw the visuals paired with this Froont post on the 9 Basic Principles of Responsive Web Design. Each animation does such a great job of showing the impact/benefits of... Read note
M Dot or RWD. Which is Faster? outlines some great research conducted by Doug Sillars on whether m-dot or responsive sites are faster. Redirects slow m-dot sites from the very start while those sites might turn... Read note
There’s a lot to love about Andrew Lohman’s CSS Zen Garden #221 theme, Mid-Century Modern. In addition to the type, color palette, and imagery, I am particularly fond of the layout itself. Each section flows nicely... Read note
The more I build for the web, the more the term ‘device-agnostic’ endears itself to me.
Most embeddable maps are touch friendly in that you can swipe/scroll to reposition the map within their frame. This is great, but users can get stuck if the embedded map happens to fill a viewport at... Read note
Process is often shaped by how teams are organized.
As a general rule I gravitate towards larger type not only for relative readability, but also to help with touch targets. Yesterday, Matt Griffin from Bearded posted on the desire to, at times, use a base... Read note
I’m looking forward to SXSW Interactive 2013, which kicks off this Friday, March 8th. This year there are 2 things I’m particularly excited about.
It’s been an honor to contribute a chapter to Smashing Magazine’s The Mobile Book. I had the lead-off position in a series of chapters about responsive web design that was brilliantly followed up by Brad Frost... Read note
When making the transition to building responsive websites, the hardest part can be getting started.
I had always looked at device testing as a straightforward pass/fail endeavor where websites either look and behave as expected or not. I would interact with whichever device—smartphone, tablet, or in-between—only for as long as it... Read note
I wanted to post the code I’ll be using to get responsive layouts to render properly in IE10 for both Snap Mode and Windows Phone 8. Tim Kadlec and Matt Stow have documented & championed the... Read note
Responsive or not, there’s no reason why we shouldn’t all be designing and building sites on flexible foundations.
I finally updated the site with a handful of changes I’ve been fiddling with over the past few months. It’s one of those complete overhauls that really don’t look much different at a glance, but it... Read note
On Wednesday, November 7 at 7:00pm Dave, Reagan, and I will be speaking at Texas State University. We’ll be chatting about Paravel‘s history (embarrassing screenshots guaranteed) as well as our current work with responsive web design.... Read note
This week Microsoft began rolling out its new responsive homepage—one that Paravel helped design & build.
Earlier this week the responsive website for Microsoft’s 2012 Build Conference went live. Happily, our favorite honey badger, Nishant Kothary, enlisted Paravel to assist with design and the front-end responsive code. Check it out!
Embracing the fluid & flexible aspect of responsive web design was an easy decision, but I’ve been less sure-footed when it comes to balancing that with setting type on the web.
Today, Paravel launched the new responsive website for Typofonderie. We had a great time with the challenges that arose from building a font-selling, ecommerce-driven, responsive web site. We took extra care to scale things like category... Read note
I’ve been working on a responsive project with lots of content that will need to be updated frequently. Rather than using a more traditional HTML & CSS column/grid approach, I opted for column-count to keep everything... Read note
When you’re enjoying the Super Bowl this weekend, be sure to check out sb46.twitter.com. Last month, Paravel had the privilege of working with Twitter and Mass Relevance to build the responsive site. You can track TPM... Read note
To design responsive websites effectively and responsibly, I had to completely redefine the way I view the web.
I’ve been tinkering with the font-size and the media queries that trigger width-based changes for this site regularly over the past month. I thought that maxing out at 20px for body copy at widths above 900px... Read note
The time for New Adventures is nearly upon us! I’ve been building slides for my talk as well as prepping materials for my workshop on controlling web typography. The plan is to spend some time exploring... Read note
Yesterday must have been an exciting day at the Twitter offices. They released lots of new stuff, including a way to embed tweets. I thought I’d test it out in a responsive setting, and it works... Read note
I’ve noticed that just about every year or so I favor larger type for body / paragraph text. A while back I moved from 16px (100%) to 18px (112.5%) and today I decided to increase that... Read note
Mark Boulton on the challenges we face when incorporating traditional ad spaces into responsive layouts:
I recently wrote a tutorial on texturizing web type for .Net magazine (Issue 221). One of my favorite CSS properties for text, mask-image, is covered in-depth from creating a semi-transparent texture in Photoshop to implementing it... Read note
Gene Crawford from UnmatchedStyle asked Paravel to design a page for this year’s CSS Off competition. Over 5,000 front-end developers have entered to show off their skills by taking a PSD we designed and coding it... Read note
After reading this Fontdeck Blog post a few of weeks ago, I dropped an exciting new CSS property into the stylesheet for this blog. Wanting to test hyphenation on all my posts and pages, I applied... Read note
This year at Microsoft’s SXSW IE9 release party, I finally got the chance to meet Nishant Kothary. I was happy to have the opportunity to convey how appreciative I was of his role in making Lost... Read note
The concept of permanently placing content on a web page for a single browsing width or resolution is becoming a thing of the past.
My site is now responsive. The more I work with flexible images & grids and media queries, the more I appreciate what can be achieved.