Archive for the ‘Web Design’ Category
« Older EntriesChanging History with HTML 5
Friday, August 19th, 2011
Here’s the demo for those who like to jump right in. The URL is an important piece of user experience in any Web site or application. We like using, what we call “talking URLs” so they’re easy to say and remember, like clearleft.com/is/richardrutter (one of the best all time). But as we build complex ajax [...]
Tags: api, history, html5, javascript
Posted in Web Design, Web Development | 7 Comments »
Creating a Unique and Scalable Mobile Experience
Tuesday, August 16th, 2011
A while ago I submitted a proposal for SXSW 2012 called Creating a Unique and Scalable Mobile Experience. I think it’s a good talk folks might be interested in, if you agree a vote my way would be much appreciated. Description Carrying the Web wherever you go is the future, we can all agree on [...]
Tags: conference, speaking, sxsw
Posted in Web Design | 1 Comment »
Required input fields with JS fallback
Tuesday, June 14th, 2011
View the demo One of my favorite features of the HTML 5 forms is the “required” attribute. But unfortunately, support isn’t totally there yet. So we need to create fallbacks. It works in the modern browsers you’d expect it to (FF4, Safari, Opera, etc) but in older browsers, form validation isn’t something you can really [...]
Tags: forms, html5, ui
Posted in Web Design, Web Development | 2 Comments »
Book Review: The Book of CSS3
Sunday, June 5th, 2011
I started reading Peter Gasston’s “The Book of CSS3″ about a month ago and finally had time to finish it up this weekend. Here are my thoughts. I’d like to preface my thoughts here with a saying that the publisher did send me a free copy of the book with the intention of writing up [...]
Tags: CSS, css3
Posted in Web Design | Comments Off
Media Query Transition Animations
Wednesday, May 11th, 2011
I’ve been doing a lot with Responsive Design, Media Queries (yea, they’re different), and light transitions with CSS 3 lately and something kind of cool happened. By sheer accident I put a transition inside a media query, resized my window and watch the padding on my <article> element animate to it’s new value. It was [...]
Tags: animation, css3, quick tip
Posted in Web Design | Comments Off
CSS Performance and OOCSS
Monday, April 18th, 2011
I’m in the process right now of signing on for my first speaking gig in since I moved to Boston (thanks to @joedevon) and it got me thinking about performance in CSS; a topic I really haven’t address in years since I started using my single-line CSS formatting style. Tip: use spaces rather than tabbing [...]
Tags: CSS, javascript, performance
Posted in Web Design, Web Development | Comments Off
Quick Tip on Global Scope and jQuery
Friday, April 8th, 2011
Before launch of a new site, I always take the time to run my JavaScript through a checker. Personally, I use JS Lint. It’s not the prettiest thing, but it works great to pick up small errors and elements of bad practice. You’ll get alerts like “unused variable”, “don’t use eval(), it’s evil”, “implied global”. [...]
Tags: javascript, jquery
Posted in Web Design | 2 Comments »
Scalable Design Teaser
Monday, March 28th, 2011
I want to tell you a story about 95% of design work currently being outputted for the Web and why it doesn’t scale. First off, I feel like I need to explain what a scaling design is exactly. It doesn’t make a whole lot of sense since the term “scalability” is tied pretty closely to [...]
Posted in Web Design | 2 Comments »
Adapting an Interface for Touch Devices
Thursday, November 4th, 2010
Just a quick heads up that I have a new article out on SitePoint. It’s called “Adapting an Interface for Touch Devices“. It introduces a new technique called “Touch detection” for building rich interactions on both touch and non-touch devices. I also gave a talk at Cascade LA a couple weeks ago called “Mobile, Media, [...]
Tags: article, sitepoint
Posted in Web Design | Comments Off
Books that made me a better designer
Friday, May 7th, 2010
This is a list of books that have had a big impact on the way I design & developer Web sites. A lot of the content in books now-a-days can be found on various blogs, but the books below all have something in them that I really haven’t been able to find anywhere else. Transcending [...]
Tags: ajax, books, CSS, learning, mobile, sketching, ui
Posted in Web Design | 1 Comment »