Posts Tagged css3

New HTML5 Form Field Type: range

Cameron Moll Go to the source

New HTML5 Form Field Type: range : Amidst all the HTML5 buzz over the past year, somehow I missed this: HTML5 offers a new input field type, type=”range” , which renders a UI slider for entering data anywhere between the min and max values you specify. This feature could become as useful as CSS multiple backgrounds, in that a) it

The Mobile Web vs. the Objective-C Web

Cameron Moll Go to the source

The central theme of Mobile Web Design was carefully and thoughtfully built on the assumption that the browser will always provide the most consistent, reliable medium for users of web content, and the most open and sustainable platform for developers of the same

iPad Ready Websites

Cameron Moll Go to the source

iPad Ready Websites : Apple: iPad features Safari, a mobile web browser that supports the latest web standards

HTML5/CSS3 Browser Compatibility Checklist

Cameron Moll Go to the source

HTML5/CSS3 Browser Compatibility Checklist : Handy resource. … Read the rest here

Opera Logo with CSS

SimpleBits Go to the source

Another nifty CSS3 experiment by David DeSandro. Be sure to read the explanation which has some good best practice info…. Read the rest here

IE9 Preview Available for Download

Cameron Moll Go to the source

IE9 Preview Available for Download : Or, in Microsoft speak, the

CSS3 Please!

SimpleBits Go to the source

Handy cross-browser, CSS3 rule generator tool…. Read the rest here

:nth-child tester

SimpleBits Go to the source

Handy tool for testing various equations in an :nth-child CSS3 selector (which rocks)…. Read the rest here

Events and A Day, Belatedly

Eric Meyer Go to the source

I’m a bad conference organizer. Why? Because we opened the An Event Apart 2010 schedule for sales back in, um, flippin’ November , and I never mentioned it here. Cripes, I never even posted when we announced the lineup of cities. I could go through the great big long sob-story list of reasons why 2009 was really tough and blah blah blah, but when you get right down to it, I fell down on my job. Okay… Read the rest here

Multiple Backgrounds and CSS Gradients

Snook Go to the source

CSS3 features are making their way into the various browsers and while many are holding off on implementing them, there are those who are venturing ahead and likely running into a world of interesting quirks across the various platforms. Two such features that I have been having the pleasure of enjoying are the use of multiple backgrounds and CSS gradients. I’m covering both features because multiple backgrounds by itself is simple enough, as are CSS gradients, but combining the two is where things get interesting. Multiple Backgrounds What are multiple backgrounds when it comes to CSS? I mean the ability to define more than one background image for a single element. … Read the rest here

Multiple Backgrounds and CSS Gradients

Snook Go to the source

CSS3 features are making their way into the various browsers and while many are holding off on implementing them, there are those who are venturing ahead and likely running into a world of interesting quirks across the various platforms. Two such features that I have been having the pleasure of enjoying are the use of multiple backgrounds and CSS gradients. I’m covering both features because multiple backgrounds by itself is simple enough, as are CSS gradients, but combining the two is where things get interesting. Multiple Backgrounds What are multiple backgrounds when it comes to CSS? I mean the ability to define more than one background image for a single element. That sounds wonderful, doesn’t it… Read the rest here

Events in 2010

SimpleBits Go to the source

This year will be a busy one in terms of speaking events. I’m currently crafting a brand new talk titled, “The CSS3 Experience”. It’ll focus on enriching the experience layer with advanced CSS and CSS3. Everyone can easily add enhancements to to their designs when focusing on the interactions and events that happen on the page. And by targeting the user experience with these new and evolving standards, you can start using these flexible techniques now, on any site, with less worry… Read the rest here

The Handbag has been

Hicksdesign Go to the source

How often have you read a snide, bumptious or haughty comment where you feel the only reaction could be a raised handbag, accompanied by the high-pitched mocking call of “oooOOOooooh!”? If you’re not familiar with the work of Vic and Bob , the chances are that it’s never . Well, hopefully that will soon change, as Hicksdesign has launched a site to fulfill that need you never knew you had to “oooOOooooh!”: Now whenever you see such a comment, you point them in the right direction: oo00.eu (2 oh’s, 2 zeros and a european union). Obviously, feel free to use it on me if say some deserving! ;) If you’re still confused, this video might help explain the origins of the raised handbag as a retort, (before going on to become a surreal contest): Playing catch-up This little side-project was the perfect opportunity to play with new CSS3 toys and HTML5 tags that I haven’t had time to experiment with yet: CSS Animations : In any webkit browser (Safari, Omniweb, Chrome), the handbag will actually be raised, waved at you, and then lowered. There is a separate animation for the shadow underneath the bag. … Read the rest here

The Handbag has been

Hicksdesign Go to the source

How often have you read a snide, bumptious or haughty comment where you feel the only reaction could be a raised handbag, accompanied by the high-pitched mocking call of “oooOOOooooh!”? If you’re not familiar with the work of Vic and Bob , the chances are that it’s never . Well, hopefully that will soon change, as Hicksdesign has launched a site to fulfill that need you never knew you had to “oooOOooooh!”: Now whenever you see such a comment, you point them in the right direction: oo00.eu (2 oh’s, 2 zeros and a european union). Obviously, feel free to use it on me if say some deserving! ;) If you’re still confused, this video might help explain the origins of the raised handbag as a retort, (before going on to become a surreal contest): Playing catch-up This little side-project was the perfect opportunity to play with new CSS3 toys and HTML5 tags that I haven’t had time to experiment with yet: CSS Animations : In any webkit browser (Safari, Omniweb, Chrome), the handbag will actually be raised, waved at you, and then lowered. There is a separate animation for the shadow underneath the bag… Read the rest here

Making Workshops for the Web

Adactio Go to the source

The latest Clearleft offering is Workshops for the Web . It made sense to move our workshop offerings out of the Clearleft site

Going Nuts with CSS Transitions

SimpleBits Go to the source

Wonderful article by Natalie Downe on using CSS3 transitions and transforms. Excellent and appropriate examples. … Read the rest here

More on the sorry state of web design education

Andy Budd Go to the source

Yesterday I documented my thoughts and observations on the standard of digital design education. From talking to current and recent students I’ve shared their frustrations as they bemoan being taught out-of-date technologies by lecturers far removed from the daily practices of design. Through visiting degree show I’ve witnessed a slew of substandard work caused by an over reliance of tool based education and a lack of design thinking ( If I witness one more Flash portfolio in the shape of a designers studio I think I’m going to cry.) So where does this problem arise from and what can be done? It’s true that the web is still in it’s infancy and the profession doesn’t have the heritage of architecture or product design. However the web isn’t as young as it used to be and change happens a lot slower than we’d like to think. I’ve been pushing web standards for nearly a decade, yet we’re only now starting to see wide spread adoption. … Read the rest here

Think Vitamin interview

SimpleBits Go to the source

A quick interview with Carsonified’s Keir Whitaker, on bulletproof design, CSS3 and a little leak on what Dribbble is. … Read the rest here

Future Talk

SimpleBits Go to the source

Ten years ago, two of my biggest fears were: flying and public speaking. I’ve done enough of both (usually combined) over the last several years to where I’m now OK with either. At times even comfortable with it. I’ll probably always get nervous right before a talk — but the anxiety has shifted from, “crap, how am I going to get through this” to, “I want this to be good . I don’t want to let anyone down”. With that confession out of the way, the next year is filling up with some great events, and I thought I’d list them here: Future of Web Design NYC — November 17th, 2009. … Read the rest here

Browser support for CSS3 and HTML5

SimpleBits Go to the source

“I’ve taken all the A-Grade browsers and tested them one-by-one for their feature support. Needless to say it’s produced some interesting results.” … Read the rest here