Pixel Goodies - for people who design and solve problems

Clevurr UI starter kit

Derek Kohn — Thu, 26 Jul 2012 08:12:46 +0000

I have been chipping away at this project for quite some time. I am excited to share a complete user interface kit for your next super cool web app. The Clevurr UI kit is a the perfect foundation.

What’s included?

No images needed.
Header with a simple drop down menu
1104 pixel 12 column grid layout. Easy to use!
Using jQuery UI
Full font styling and paragraph layout
Form elements including CSS3 sliders
2 different simplistic table layouts
CSS3 buttons in multiple colors and sizes. Including button groups
Full @ font-face icon set . Already created default user thumbnails and buttons with icons included.

Fog City User Interface

Derek Kohn — Tue, 19 Jun 2012 09:37:15 +0000

Hello my peeps! I have been slacking big time, so I made today’s freebie a larger giveaway. Here are a lot of great ui design elements for your next app. It includes buttons in multiple states, user drop-down menu, loading pie, tags, stars and much more! I will continue to add to this for the pixel members, so make sure to get on that up top. I also have some cool CSS3 freebies you get when you sign up. Thanks for visiting and if you have any questions please feel free to contact me. As always, enjoy!

How does Relative and Absolute Positioning work?

Derek Kohn — Sun, 06 May 2012 04:21:49 +0000

That’s a great question! Understanding CSS positioning was one of those pivotal moments for me. It seems to trip a lot of people up, and once you get it, you’ll find lot’s of uses for them.

This subject has been covered many times and I found positioning 101 by A List Apart to be super helpful.

I’m going to go over a key relationship in CSS positioning that might help solve some head scratchers. The infamous relative and absolute positioning. By default elements are positioned static. Once you declare an element as absolute, it will position itself to the browser window.

CSS3 Buttons

Derek Kohn — Mon, 09 Apr 2012 05:44:19 +0000

It’s been quite a while since I have posted. Maybe you noticed an entire site overhaul. Today, I put together an assortment of some super sweet CSS3 buttons. These are created with support down to IE9 (sorry legacy guys). Grab the file and enjoy! Show me some pics of projects where you have used them. I would love to see that.

View Demo

LOGO: Vintage Badge

Derek Kohn — Tue, 24 Jan 2012 03:43:47 +0000

Today’s freebie is perfect for your next retro badge logo. This is a layered psd for a web size logo template.

Grab it and enjoy!

PSD: Retro Vintage Badges

Derek Kohn — Fri, 23 Dec 2011 19:49:34 +0000

Today’s freebie is from pixelden. This super talented group has put together a group of retro vintage badges great for your next throwback web project. Included is a well organized and easy to use layered psd. Enjoy!

DOWNLOAD VINTAGE BADGES

PDF: iPhone 4 Wireframe Template

Derek Kohn — Mon, 19 Dec 2011 23:06:55 +0000

Today’s freebie took me quite some time. I always suggest sketching before beginning any web/app project. It helps you to think through the user flow and it’s much easier to erase. I wanted to provide a quality template to let loose any ideas when wire-framing a mobile design in a well organized template. This will also help you to easily present it to stakeholders/clients/bosses. Included is a print resolution pdf and layered PSD. Enjoy and feel free to share!

PSD: App Navigation Menu

Derek Kohn — Mon, 28 Nov 2011 02:38:58 +0000

Today’s freebie includes a great start to your next applications menu bar. The fundamentals are included. Just customize it to fit for your product. I have a few notification styles included. One minimalistic and the other a color glowing notification set. Enjoy and please spread the word.

fonts included: Helvetica Neue and Wisdom Script

PSD: Fancy Line Chart

Derek Kohn — Sat, 19 Nov 2011 06:50:52 +0000

Today’s resource is a nice line chart. Inspired by the amazing google charts and various other analytics apps. Perfect for your next admin panel, analytics, dashboard. Make it look fresh! Enjoy!

Lots of Labels

Derek Kohn — Sun, 13 Nov 2011 01:35:44 +0000

Today’s Freebie are very useful. Any app you create will need notification labels or tag items. This is a utility style label or tag set. Included is full HTML/CSS to easily implement into your next app or blog theme. Just click download and you will have everything you need.

View Demo