Collective #65
Inspirational Website of the Week
Find and Form won our hearts this week because of their really nice hover effects, the clean typography and simplicity.
Get inspiredPicksum Ipsum - Movie Lorem Ipsum Text Generator Alternative
A fresh new dummy text generator with lines from some of the hardest Hollywood legends. Made by Creare.
Check it outScreensiz.es
A super-useful collection of screen specifications of the most popular devices and monitors currently on the market. Made by Type/Code.
Check it outCSS Tube Map
The CSS Tube Map is an absolutely fantastic HTML5/CSS/JS replica of the London Underground network diagram. It was created by talented John Galantini.
Check it outMinimalect
Oskari Groenroos created this jQuery plugin for replacing select elements with a nicely styled control element.
Check it outColor Swatches
A great jQuery plugin by Max Mackie that turns a single div into a lovely color palette. On hover, the HEX color code shows.
Check it outCss Tv: Css News
If you'd like to browse through the latest blog articles related to CSS, then you'll find Css Tv interesting.
Check it outFizzy-Cam
Tim Holman's next stroke of genius: Fizzy-Cam. It uses WebGL with three.js, custom WebGL shaders, WebRTC and headtrackr.
Check it outReactive CSS Transitions
A wonderful pen by Yogev Ahuvia: each block reacts to its neighbors by transforming its border-radius and color.
Check it outFree Font: Rispa
A really beautiful and interesting display typeface by Konrad Bednarski. You can download a free test version with basic glyphs.
Get itBeat Petite
Beat Petite by Stuart Memo is a sample-free drum machine made with the Web Audio API.
Check it outEasy Responsive Tabs to Accordion
Samson Onna created this jQuery plugin for responsive tabs which will adapt to any screensize and change to an accordion when needed.
Check it outPure CSS3 Lightsaber Checkboxes
These are definitely the most creative and geeky checkboxes you'll come across these days: lightsaber checkboxes! Made by Nicholas Cerminara from Scotch.io.
Check it outThin Stroke Icons (PSD)
A lovely set of thin stroke icons by Victor Erixon.
Get itClipping Magic
Clipping Magic is a really useful tool for removing backgrounds and clipping images. If you need a quick clip, this will definitely be interesting to you.
Check it outAnchorify.js
Anchorify.js by William Durand is a dead simple jQuery plugin for automatically creating anchored headings in your HTML documents. It guarantees uniqueness of the anchor names, and is able to reuse existing IDs.
Check it outFree Font: MNSTR
An impact-full display typeface for posters and headlines by Roman Shchyukin.
Get itFree Weather Vector Icons (AI, EPS)
A set of fine and creative weather icons designed by Simon Lockyer.
Check it outCosmo mini free (PNG)
A very nice icon set by Icojam. It's a free version of Cosmo icons and it includes a large set of PNGs.
Get itDesigning CSS Layouts With Flexbox Is As Easy As Pie
In this Smashing Magazine article David Storey explains how to easily use flexbox for solving once complicated centering problems. Flexbox FTW!
Read itInfinite: A Design Blog Template HTML/CSS
A small and sweet HTML/CSS template for a design blog. Featuring a clean layout based on jQuery Masonry and infinite scroll. Created by Nathan Brown.
Get itKosmos
Kosmos by John Judnich allows you to explore a computer-generated 3D universe from your browser. This virtual universe is extremely vast, containing trillions of stars, planets, and moons to explore. Note that this needs extensive WebGL support and might not work well or at all on Windows machine browsers. Please read the system requirements.
Check it outFree Font: Volantene Script
Volantene Script by by Catharsis Fonts (Christian Thalmann) is a fully equipped display typeface inspired by the fine penmanship of Lady Talisa Maegyr-Stark. It comes with an extensive character set and OpenType features like ligatures and contextual alternates.
Get itMinimal Outline Icons (PSD)
A delicate icon set by Martin Maričák for Premium Pixels. The download includes the icons at 64px and 32px sizes, along with the original PSD.
Get itFree Font: Qubu Light
Dieter Hofrichter designed another stunning new typeface and offers the light style for free.
Get it