CSSKarma

Media Query Transition Animations

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: , ,
Posted in Web Design | Comments Off

CSS Performance and OOCSS

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: , ,
Posted in Web Design, Web Development | Comments Off

Quick Tip on Global Scope and jQuery

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: ,
Posted in Web Design | 2 Comments »

Scalable Design Teaser

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

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: ,
Posted in Web Design | Comments Off

Our Curious Future with QR Codes

September 1st, 2010

Often, when I write something for CSSKarma I try and make it unique rather than picking up the hot topic and throwing my2cents in about it. You may have noticed the lack of HTML 5 posts, even though I spoke at the Penn UI Conference about it. There’s actually quite a bit buried in the [...]

Tags:
Posted in Web Development | 1 Comment »

Sliding Labels Official Plugin Release [ver. 3.2]

June 29th, 2010

View Demo Plugin Minified Plugin Version: 3.2 – Added a “className” option so you don’t have to use “.slider” as the wrapper Version 3.1: Changed “children” to “find” so it will work with a UL. Thanks to Oro for the feedback Version 3 of Sliding Labels brought some big changes, the largest being that I [...]

Tags: , , , ,
Posted in Web Development | 61 Comments »

Books that made me a better designer

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: , , , , , ,
Posted in Web Design | 1 Comment »

Penn UI Conference & HTML 5

April 23rd, 2010

I’m speaking at the upcoming Penn UI Conference July 21 & 22 in Philadelphia this year. It’s a great conference with a high profile history of speakers, so I was definitely honored to have been asked to contribute. My talk will be on HTML 5, and loosely based on my Smashing Magazine article: HTML 5 [...]

Posted in Life, Web Design | 2 Comments »

Sliding Labels v2 – Patch

February 2nd, 2010

Please use version 3 of sliding labels with updated options and bug fixes at: http://www.csskarma.com/blog/sliding-labels-plugin/ Last week I wrote an article about sliding form labels that got quite a bit of attention. Many of the commenters brought up a couple good points/bug in the Sliding Label code that I wanted to address and provide a [...]

Tags: , , ,
Posted in Web Design | 116 Comments »

« Older Entries | Newer Entries »