Collective #20

View All

PSD UI Kits * Color Picker * SVG Mockups * Creative text bombs * "If this then that" Service * Textures & Icons

Collective 20

30 Toolbar Icons for User Interface Design

Collective20_03

WebIconSet designed this great free, pixel-perfect UI icon set for Webappers.

Get it

Colorjoe: Scalable Color Picker

Collective20_14

Colorjoe is a CSS-based, scalable colorpicker that does not depend on any external images. You can adjust it to your needs making it a great choice for responsive projects. It also has touch-support.

Check it out

Moqups App

Collective20_01

The Moqups App is a really great HTML5 App for creating high fidelity, resolution independent SVG mockups and wireframes.

Check it out
Advertisement

Magnifying Glass for Image Zoom Using jQuery & CSS3

Collective20_02

If you did not know about thecodeplayer.com then you should definitely check it out. You can assist walkthroughs and learn some great web dev techniques. In this one you can learn how to create a realistic magnifying glass using jQuery and CSS3.

Check it out

IFTTT "If this then that" Service

Collective20_09

Tired of those doing the same social network actions over and over again? IFTTT has number of channels which triggers on certain conditions and executes a specified action on other channels. You can automate most time consuming tasks by using IFTTT recipes. It provides almost 46 popular channels and rising every day.

Check it out

Free Font: Amende

Collective20_05

Ike Ku shares this exquisite and interesting font for free.

Get it

An Approach on Building an Advanced Initial Boilerplate

Hans Reinl introduces his version of an intitial package to start a web project, called init. It include some more tools than HTML5 Boilerplate and is especially useful if you use SASS.

Get it

CSS3 Family Tree

Collective20_07

Another great tutorial/walkthrough from thecodepalyer.com: Learn how to display organizational data or a family tree just using CSS, with simple markup (nested lists). Pseudo elements are used to draw the connectors.

Read it

Minimal Patterns

Collective20_08

Find some delicate minimal patterns for your next web project here or submit your own.

Check it out

Dark UI Kit (PSD)

Collective20_15

A delicate new UI Kit from PremiumPixels designed by Swedish designer Victor Erixon.

Get it

Free Pavement Textures

Collective20_19

Grab these free high-resolution pavement textures from Vandelay Design fro your design projects.

Get it

On/Off FlipSwitch

Collective20_10

An online generator that lets you create custom pure CSS3 On/Off flipswitches with animated transitions.

Try it

Which is the Best Code Editor?

Collective20_11

Finally, a great analysis of what code editor is best for whom, and based on some thoughtful ratings, what editor is the best one overall.

Read it

Mini Collection for Prefix & Postfix Input Form

Collective20_12

Hidayat Sagita shares this super-useful collection of input fields with a prefix or postfix icon

Check it out

The CSS Guide

Collective20_13

Master CSS with this great guide from InsertHTML. It's series which was created to teach you everything you need to know about CSS in order to operate in the web design world.

Get started

Logins are Dead, and Mobile Killed Them

Harry Fuecks tells you why logging in with a username and password was killed by Mobile and what direction future solutions could go.

Read it

Illustrator Pattern Swatches

Collective20_16

WeGraphics shares this set of 50 Illustrator pattern swatches which features a variety of seamless herringbone patterns in different colors and sizes.

Get it

Black UI Kit (PSD)

Collective20_17

Another great dark UI Kit for your next project. This one is by Matt Gentile and it's entirely vector so you can scale the elements.

Get it

Create A Sleek On/Off Button

Collective20_04

In this CSS3 tutorial, Thoriq Firdaus shows you how to create a slick On/Off button.

Read it

Sci-Fi Vector Pack

Collective20_18

A wonderfully spacy and free vector pack for your next Sci-Fi project.

Get it

fontBomb

Collective20_06

Did not like the news you just read? There is a simple solution to that: blow 'em up. Philippe-Antoine Lehoux created this wonderful little tool that let's you plant bombs and blow up any text on a website - with style.

Plant some bombs

Would you like to become a Collective sponsor?

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

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.