Collective #18
Inspirational Website of the Week
This week we chose the website of product designer Patrick Algrim for its elegant simplicity and subtle effects.
Check it outCreate A Responsive, Mobile-First WordPress Theme
Ellen Bauer explains the exciting process of creating a responsive Wordpress theme using the mobile-first approach.
Read itAnimating CSS3 Image Filters
Dudley Storey will show you how to animate the appearance of images using CSS filters and transitions.
Read itCollection of Responsive WordPress Themes
Are you searching for a real responsive Wordpress theme? Then you will find this roundup really helpful.
Check it outskrollr Animation Library
Parallax scrolling became a very popular effect in web design and now you can create it with easy using this great library that doesn't have any dependencies. It allows you to animate any CSS property of any element depending on the horizontal scrollbar position.
Try itWordPress Gamification
A great collection of techniques, examples and free plugins for gamifying your Wordpress blog by Oliver Dale.
Read itBrackets: Open Source Code Editor
Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript. The project was created and is maintained by Adobe, and is released under an MIT License.
Get itSeuratJS
SeuratJS by Greg Smith is a JavaScript library that extends Raphaël and allows for the creation of vivid animations and pixelated artwork using minimal code.
Check it outFree Font: Strenuous 3D
Typodermic gives us this great Strenuous family member for free.
Get itBitrix24: Social Intranet
Bitrix24 is a fresh platform for a united work space which handles the many aspects of daily operations and tasks.
Check it outFree Stained Canvas Backgrounds
This set of free background textures from WeGraphics includes 12 stained canvas patterns. These are great for applying an old, worn print look to your artwork.
Grab themyum.im: Simple Snippet Sharing
Dead simple, minimalistic snippet sharing. That's how snippet sharing should be. Amen. By Visual Idiot.
Use itAvatars from avatars.io
avatars.io is a hosted, hassle-free user avatar service for your apps and sites. It offers the use of social avatars, gravatars and custom avatars.
Try itDark Search Box & Drop Down (PSD)
Alexandre Naud designed this super-slick search and drop down, available for free on Premium Pixels.
Get itFree Font: Kocoon Light
Kocoon is a an amazing experimental font created with the opensource framework Nodebox. You can randomize it and get unique results when exporting it.
Get itQwikVu: Easy Mock-up Sharing
QwikVu is a new online app where you can share web design mock-ups with clients.
Try itMoleskine Notebook (PSD)
Beautiful Moleskine notebook, complete with the leather cover, ruled lines, and the classic fabric bookmark by Pixels Daily.
Get itFree Font: FV Granada
Floris Voorveld offers the regular version of this stunning neo-grotesque font for free.
Get itcolllor: Color palette the right way
When designing, the color palette choice is one of the main aspects. With colllor you can create consistent color palettes with just a few clicks.
Try itUsing CSS3 Border-Image
Learn how to use this often neglected property in order to create interesting image frames.
Read it