Web Design Inspiration Curated
Aquatic Macroinvertebrates
Wow - this is an information architect's dream site - the Aquatic Macroinvertebrate Collection site from the Carnegie Museum of Natural History out of Pittsburgh. IA's will love the structure of the order of classification of living things - plus this site has a lot...
Isaias Mulatinho
Portfolio of Isaias Mulatinho out of Brazil - I like the red and white on the black - and the cool logo. From the Designer: This is a release of my works during the last years, branding, designing and marketing. Thank you for appreciating. Submitted by: Isaias...
Dunckelfeld
There is some rather interesting interaction/animation on this site. I like the way the elements load up the first time you visit. It can be a bit slow to react to you as you make your way through it, which I could see may lead to some confusion on the user's part....
Slack
Be sure to refresh a few times - very cool images and typography - but we like Slack's site because it cuts to the chase - the one thing they want you to do here is "Create a New Team" - CTA is key - looking good is smart too.
Radar 129
Each week, we do a round up of curated "stuff from the interwebs" that we call Radar. In this week's 129th Radar: Product design — How we make complex tasks feel simple Mastering the art of adding functionality without compromising usability ConvergeSE 2016 – Second...
Studio Rodrigo
Pretty slick looking layout for Studio Rodrigo. I really like the big open areas matched up with smaller product images in a small grid like it has. Pretty solid design as you scroll down the home page too. Love this site.
Mahmoud Kida
Pretty nifty single page style portfolio website. The tightness of the details all work well together visually and I really like the interaction design on the main project images. Good work! Submitted by: Mahmoud Kida Twitter: @mahmoudkida Role: Designer Country:...
Build Focus
I really like the simple approach of just centering the design here. The illustration is spot on and makes me want to see what this app will look like. Solid construction. From the Designer: This is the pre-launch landing page for a new productivity startup: Build...
Blackbeltmonkey
I dig the oversized image scroll and large text. I also like the navigation fly-out design too. Pretty nifty looking work to boot.
Tinybigstudio
Really nice layout, it immediately draws me in with the animated illustration and the nav being in the lower left corner(ish). I also like the soft color palette and a lot of the asymmetric layout decisions. Beautiful work. From the Designer: New iteration on my...
Studio Rufus
Seriously good minimal layout here. I extra love the selection choice to display the work links in line or with images. The bold typography displayed next to simple project images is always a good choice and it's worked to perfection here. From the Designer: Studio...
Maxxit Systems
It's a pretty standard looking layout, I like most things about it too. What I like most is the 2nd section, the card/block design of the individual project focused part. Strong. The bold read color really helps give things weight too. Submitted by: Jonathan Ryan...
Der Keim
I love the off balance feeling of this layout. The header area is very light visually then below is a heavy image and colorful work section. This immediately draws my attention where it needs to go. Solid looking work too. From the Designer: Clean and colorful...
PhoneGap Day
Really solid yet simple conference website layout. I really like the big header area with the mobile device illustrations that scroll through/over the PG logo. Then I notice that the entire page scrolls over the logo. Neato! There's clearly some love and care put into...
Radar 128
Each week, we do a round up of curated "stuff from the interwebs" that we call Radar. In this week's 128th Radar: A new mobile navigation menu Converting the desktop dropdown nav – From desktop to mobile ConvergeSE 2016 – First Round of Speakers The quality of an...
Mammut – Project 360
Whoa - just when you think you did well with your video background, then you see the Project360 site from Mammut. Then... the 360 image work all the way up the different mountain routes and the interactive work - incredibly nice.
Uber
Well - we already love the design of the Uber app - so it goes to say that their website is just as well designed. Love the sleekness of the whole site - and UX-wise, very easy to get around and get what you need.
GID
Pretty cool background going on for the GID website. I also really like the interactions on the project images too. There's definitely a non-standard approach to the design of this site and it's what makes it memorable to me.
I Love Creatives
I'm not sure about the service but the design is pretty legit. I like that it's largely text based in the layout and there are some nifty design details as a result. The slight parallax on the text and image is quite nice and well placed. I also really dig the...
You Tube 10
Apparently, I am a You Tube expert... I'm not sure if that's a good thing or not - but you can test yourself to see if you are via YouTube's 10th anniversary. Love the canvas work they did - and it's just fun. Enjoy!
EMAIL NEWSLETTER
News & Articles
Kickdrop Code Sample: Bootstrap Sliders
Simple and beautiful form sliders for any bootstrap-based project. We love these sliders because the jQuery is very easy to work with and the overall code quality is fantastic.
A to Z CSS: ID
ID is a CSS selector that allows the styling of a single unique element. Their use in CSS is common and often a little controversial. In this video, I will outline some of the reasons why I prefer the `class` selector over `ID`, how CSS specificity works.
Atomic Design – by Brad Frost @ Beyond the Desktop Conference
Atomic design by Brad Frost is a methodology used to construct web design systems. He has given this talk all over the place, but one that helped kick it off was at Breaking Development (BDConf) in 2013, here is the video and some notes about it.
HARD WORK. CLEAN FUEL. NO EXCUSES
Use “WARRIOR2023″ for 10% off.