Collective #77

View All

Jelly Navigation Menu * Random User * Brick * Medium,js * Ghostlab * Clank * Map Icons * UI Kits * Free Font * ExtractCSS

Collective 77

Inspirational Website of the Week

Collective77_siteoftheweek

Abby Putinski's website is our pick this week. It is beautifully designed and it let's you explore San Francisco through the eyes of an illustrator.

Get inspired

Introducing Jelly Navigation Menu: When Canvas Meets PaperJS

Collective77_jellynavigation

See how to apply PaperJS for canvas graphics and TweenJS for animations to create this great jelly-like navigation menu.

Check it out

Random User Generator

Collective77_randomuser

Need an "ipsum" user? This great API will provide you with a randomly generated user that can be used as a placeholder in web mockups. Designed by Arron Hunt and developed by Keith Armstrong.

Check it out

Brick

Collective77_brick

Brick by Mozilla is a bundle of reusable UI components created with x-tags to enable rapid development of cross-browser and mobile-friendly HTML5 web applications.

Check it out
Advertisement

Medium.js

Collective77_medium

Inspired by Medium's beautiful content editor, Medium.js keeps HTML code within contenteditable semantic, simple, and clean. Made by Jacob Kelley.

Check it out

Slide-Out Footer

Collective77_slideoutfooter

Martin Angelov shows how to use a smart CSS trick for creating a nice slide-out effect for a footer.

Check it out

Ghostlab: Synchronized testing for web and mobile

Collective77_ghostlab

Ghostlab is a powerful testing tool for web and mobile apps.

Check it out

Babbit

Collective77_babbit

A fun and beautifully designed browser game by Hover Studio.

Check it out

Web Performance Crash Course

Collective77_webperformance

Ilya Grigorik's crash course on web performance optimization will teach you everything from network bottlenecks to JavaScript performance.

Watch it

Single element CSS-only camera

Collective77_camera

This amazing camera was created by styling the body element only!

Check it out

jQuery Flat Shadow

Collective77_flatshadow

This jQuery plugin by Pete R. will automatically cast a shadow on elements, creating the trendy long flat shadow look.

Check it out

HTML5 Device mockups

Collective77_pixelsign

With Pixelsign you can create live HTML5 mockups of popular devices to showcase your work.

Check it out

Free Font: Braxton

Collective77_braxton

Braxton is an elegant script font designed by Evgeny Tkhorzhevsky.

Get it

Free Icon Set (Ai, EPS, PDF, PNG)

Collective77_freeiconset

A fantastic free set of pixel-perfect icons in the formats Ai, EPS, PDF and PNG.

Get it

Pineapple.io

Collective77_pineapple

Pineapple.io is a central hub of tutorials, tools and assets for developers and designers.

Check it out

SVG and <image> tag tricks

Collective77_svgimagetag

Alexey Ten shows this smart trick for graceful degradation of SVG images for older browsers using the <image> tag.

Read it

Tipue Search

Collective77_tipue

Tipue Search is an interesting site search engine jQuery plugin. It doesn't need MySQL, PHP, Perl or Python.

Check it out

Clank

Collective77_clank

Clank is an open source HTML/CSS prototyping framework for mobile apps. Think of it as Twitter Bootstrap but for prototyping native apps.

Check it out

Map Icons

Collective77_mapicons

Map Icons by Scott de Jonge is an icon font for use with Google Maps API and Google Places API using SVG markers and icon labels.

Get it

Flat UI Kit (PSD)

Collective77_flatuikit

The Flat UI Kit by Jan Dvořák is a collection of clean, resizable web components, all wrapped up in a well organized PSD file.

Get it

Koding

Collective77_koding

Koding is an online development environment where developers can program and collaborate online in the browser without having to download the software development kits. The platform supports many popular programming languages, like Python, Java, Perl, Node.js, Ruby, C, C++ and Go.

Check it out

FancySelect

Collective77_fancyselect

FancySelect by Octopus Creative transforms a <select> element into a stylish UI component.

Check it out

Nutcache

Collective77_nutcache

Nutcache is a free multilingual online application for invoicing and time management.

Check it out

Webflow

Collective77_webflow

Webflow is a visual website editor for responsive designs. It has a great interface and it generates clean production-ready code.

Check it out

ExtractCSS

Collective77_extractcss

With extractCSS you can get a generated CSS file from IDs, classes and inline styles of a HTML file.

Check it out

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.