Collective #25
Inspirational Website of the Week
This week we chose the website of MyDirtyDesk for their great color scheme and creative use of shapes.
Get inspiredUnderscores: A Starter Theme for WordPress
Generate your own WordPress starter theme with all the common template files and some helpful tweaks.
Try itLearning to Love the Boring Bits of CSS
Peter Gasston shows us the often overlooked but extremely helpful new members of the CSS family.
Read itFree Font: Cascade
Cascade is a free grunge font that features bitmap shadows and overlays. It’s a gritty face that is great for t-shirt or poster titles.
Get itSingle Element Pure CSS MacBook Pro
Joshua Hibbert created this awesome CSS experiment on Codepen: a MacBook Pro with just a single element and a clever combination of pseudo-elements box shadows!
Check it outPrecio UI Set: Free Version
Vandelay Design has released a gigantic UI Pack and is offering a free version with some useful and elegant UI elements for your next design.
Get itJavaScript For Cats
If your cat can do it, you can do it: learn JavaScript. A great introduction for novice programmers.
Read itHover Effects with CSS Filters
Some simple hover effects created with CSS filters (Webkit only) from TheCodePlayer, a great new platform with video style walkthroughs showing cool stuff being created from scratch.
Check it outFree Font: Sixta Light
Hoftype released a delicate new font family and offers the light version for free.
Get itPowerTip jQuery Plugin
PowerTip is a jQuery plugin for creating hover tooltips. It's easy to customize and it has APIs for developers and supports adding complex data to tooltips.
Check it outJavaScript Fundamentals: Development for Absolute Beginners
Bob Tabor will teach you the fundamentals of JavaScript programming in these 21 episodes of video tutorials. Tune in to learn concepts applicable to web-based video games, enhanced user interfaces, and dynamic web pages.
Start learningfruux: Contacts, Calendars and Tasks Syncing
With this great new app you can easily store, sync and share your data in the cloud.
Try itPolyfill for <img srcset>
Boris Smus released this useful, spec-compatible and unit-tested polyfill for <img srcset>.
Get itModal Concept: Avgrund
A new modal concept by Hakim El Hattab which aims to give a sense of depth between the page and modal layers.
Check it outUnderstanding the CSS3 Flexbox
Learn how to use CSS3 Flexbox from this updated, in-depth article by Ben Frain.
Read itPeerbind: Connecting Through JavaScript
Peerbind is a new method of event binding that converts a webpage into a massively interconnected website.
Try it10 Dark Subtle Patterns (PAT)
Some extremely delicate and subtle dark patterns from Premium Pixels. Perfect for giving some detail to your designs.
Get itRedefining the Introduction to Computer Science
John Resig talks about a new project that he has been leading at Khan Academy: Khan Academy Computer Science. It's a learning platform for people with no programming knowledge.
Read itBeautiful Button Design in Action
Learn some great tips and techniques for designing effective buttons and get inspired by a great collection of examples.
Read it