Collective #7

View All

Web Design Inspiration * Animated Media Queries * 3D Scrolling * Responsive Images * Photoshop Actions

Collective 7

CSS3 Animated Media Queries


Learn how to start using media queries and how to combine CSS transition with them in order to show an animated change of your website elements.

Read it



With Breezi you can design, edit & launch interactive websites in minutes. It's free for those who sign up for the service until the end of April.

Try it

CSS Arrow Please!


Do you need an arrow shape in pure CSS? Are you tired of looking up how it's done? With this little CSS arrow configurator you can simply create the arrow you need and copy the CSS.

Check it out

Usability Design Considerations for Web Forms


Kayla Knight explains the design perspective of web form usability and how certain aspects will make it easier to use a form.

Read it

Automatic responsive images in WordPress


Learn how to use the Responsive Enhance script in Wordpress in order to serve images with the right resolution.

Read it

CSS3 Scroll Effects


Hakim might call them silly, but they are certainly ├╝bercool: some awesome list scroll effects that show how you can go crazy and add some depth to shallow lists.

Get it

25 Free Photoshop Image Processing Actions


WeGraphics gives us a really useful freebie: some great Photoshop actions for manipulating photos. The set was created by Nathan Brown.

Get it

Should the Standard Property Be Omitted for Some CSS3 Features?


Louis Lazaris explains the problems of listing the standard CSS property after the lines with the vendor-specific notation for some cases.

Read it

Retina Images


Retina Images is a PHP/JS solution for serving different images based on the device being used by the viewer.

Get it

Media Query & Asset Downloading Results


Tim Kadlec shares his insightful test results of how images are downloaded when media queries are involved.

Read it

HTML5 Drag and Drop Tutorial


Andrey Prikaznov shows us how to sort photos into albums using the HTML5 drag and drop functionality.

Read it

Canvas Animation Playground


Matthias Sch├╝tz developed HTMLiveCode, a great browser-based editor for real-time HTML/CSS/JS prototyping. Canvas Animation Playground is an experimental tool for creating HTML5 canvas animations built on HMLiveCode.

Get it

SweetiePlus Icon Set


SweetiePlus is a new and enhanced version of the lovely icon set Sweetie. You can use it under the CC BY-SA 3.0 license and it's useful for websites and apps.

Get it



jQuery(This) is a fresh new resource site for jQuery plugins, tutorials and interviews with developers.

Get it

Story Wheel


Story Wheel lets you record a story around your Instragram pictures and share it on the web as a nostalgic slideshow.

Try it



Scriffon is not another blogging platform but a free tool for publishing written work on the web. From essays to short novels, from recipes to how-tos and more.

Try it

Free Font MOLESK


Molesk is a beautiful font that is part of a fundraising project (Type Factory).

Try it

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Do you want to share some interesting news here?

The Collective features the latest news and resources from the web design & web development community. If you have spotted something that you'd like to appear in the next issue, just submit it here