Web Design Inspiration Curated
Chargefield
Maybe it's the engaging, parallax images on the home page - maybe it's just Piper Perabo - but I'm really drawn into the Chargefield site (out of Ontario). Crisp work all the way through - very cool. Submitted by: John Godfrey Twitter: @Chargefield Role: Designer &...
B1G Digital
Big and bold is the B1G Digital site out of Colombia. I really do love the above the fold imagery - very cool. And not easy to get that iPhone cord to match up to the next section - but good job of keeping the theme running down the page a bit. From the Designer: B1G...
Nobletree Coffee
Rich and subtle color palette for Nobletree Coffee out of Brooklyn (looks like it was made by Figureground out of Minnesota). Really like the card design for the coffees - smart way to present the flavor and body notes. From the Designer: Clean, elegant and easy...
Stikwood
We get a lot of agency sites submitted to us - all tricked out, with enough time spent to question whether they do any client work at all. And.. their client work is never up to par with their own site... So - it's great when we get a site like the one for Stikwood,...
benjamin j. walton
Good looking block design portfolio site from Benjamin Walton out of the UK. Great mix of work images on the home page - and cool typography work too. From the Designer: recent university graduate. freelance design & development. Submitted by: benjamin walton Twitter:...
Life in Bulgari
Now this is a great looking magazine from Bulgari out of Italy. There's very little explanation on the site, but it looks like this is a supplementary site for the Bulgari site, that shows the lifestyle of / aspire, of the brand's clientele. It's beautifully done -...
Quotes Mag
Good looking, minimalist blog site out of Bulgaria for Quotes mag - a project of Next-DC. Great card design, cool flat illustrations for blog post headings, and love the typography. Here's a little more about it: "Quotes Magazine is a collection of conversations with...
Carlo Barberis
This is a great showcase site for Carlo Barberis' jewelry collection, out of Italy. Love how the home page is just a scroll slider, but before you start, the changing of the overlaying patterns already give movement and life to the page. Also think the off-screen...
Radar #131
Each week, we do a round up of curated "stuff from the interwebs" that we call Radar. In this week's 131st Radar: Safari 9: Using Responsive Design Mode If you’re a Web designer, boy, are you gonna love this. Under the secret “Develop” menu, the new version of Safari...
Alessandro Giammaria
Beautiful grid based design, you can feel it as you review it. The diagonal lines really drive home the grid and balance your eye movement beautifully. Love this site. From the Designer: I want to submit my new portfolio web site. I work hard to design this new...
8th Sphere
Pretty neat approach with the 8th Sphere website. No real images of anything, just line graphics and a dark background with white text. You don't see that often anymore. I dig this approach. I like the main graphic a great deal, the process/machine one. Pretty crafty....
Surfy
Some real nice interactions worked into the Surfy website. I love how the main navbar isn't visible until you scroll a bit, then sticks. Then you're presented with a stack of work samples with a slight zoom effect when you mouse over each one. Clever and simple, I...
Patrik Huebner
It's not often that I see a submission and think "badass", this is one of those exceptions. I really dig this portfolio site for Patrik Huebner. The grid, the minimal approach layered over with kick ass graphics and then the little details instilled here and there....
Mikiya Kobayashi
Love the movement and design of this site for Mikiya Kobayashi out of Tokyo. Kobayashi's design work is beautiful, and the site really shows all of it off well. I don't always like the double off-screen / hamburger nav, but they only use it for the Projects page here,...
Black Goat Cashmere
Nice flat areas for the make up of this layout. They have a masonry type effect on them as well as you resize the browser. Clever. I love the way the images are different sizes and stuff as you scroll down too, keeps it feeling dynamic. From the Designer:...
Trivium Art History
First and foremost this resource is incredible. Brilliant. Secondly it's a great example of material design in practice. Very clear interactions and super easy ways to get into the content and have the site itself disappear well enough to let it all come through. Very...
Hartsfield Design
I really like the texture used in this design, it breaks of what would otherwise feel like pretty big blank spaces of flat design. I also like the illustrations a good deal.
The Montues
Beautiful website for what I understand is a beautiful event. I love the 'speaker' pictures that slide in as you scroll down the page. The mobile view simply turns this off. A great mix of cool interaction and an almost minimal approach. Beautiful.
Uber
New Uber. New Uber Logo. New Uber Website. Woot. I do like it a great deal.The large video/hero area is pretty slick, even if the contents are all perfect scenarios for the riders/drivers. My favorite part is the sections as you scroll down, those are some pretty nice...
Radar 130
Each week, we do a round up of curated "stuff from the interwebs" that we call Radar. In this week's 130th Radar: Design Brawl Carolina vs Denver: With both their teams playing in the big game, graphic designers from Colorado and Carolina wanted to see how their...
EMAIL NEWSLETTER
News & Articles
Jenn Lukas – Interactions & Mobile Devices
UMS Video Podcast: Giovanni talks with talks with Jenn Lukas about one of the most fundamental and often troublesome quirks: The lack of a hover state.
Kickdrop Code Sample: Form Pickers
This drop features a set of javascript-driven form components that will come in useful for a variety of web applications.
A to Z CSS: Hover
Hover is a pseudo class and can be used to style state. The hover state is active when a users mouse enters the bounding box of an element and is inactive when the users mouse leaves it. In this episode, we’ll look at the :hover pseudo class on text links and create a CSS dropdown menu triggered by hover and enhanced with jQuery for touch devices.
HARD WORK. CLEAN FUEL. NO EXCUSES
Use “WARRIOR2023″ for 10% off.