Bi-Weekly Frontend News

Collective #39

Inspirational Website of the Week

Collective39_19

Anonymous is a digital production company based in Paris, France, and their website was out pick this week. It has some interesting hover effects and subtle patterns.

Get inspired

Agile Designers

Collective39_04

The resource that we've all been waiting for: all the tools and websites related to web design & development in one place! Find, submit and check out new resources for your everyday work and inspiration.

Check it out

Pickadate.js: a lightweight jQuery date picker

Collective39_03

Lightweight, easy-to-use and clean; that's how a date picker should be. Pickadate.js is exactly that, give it a try and you'll love it.

Read it

Free Font: Prime

Collective39_15

Prime is a simple typeface with a techy feel and a strict, geometric origin designed by Max Pirsky.

Get it
Advertisement

Code smells in CSS

Harry Roberts explains how to detect bad CSS and gives some great explanations on why and how to avoid certain poor code practices.

Read it

Solving design problems

Collective39_20

Interaction designer Matthew Paul Thomas shares and explains this poster from the Ubuntu Developer Summit in California about solving design problems.

Check it out

Art Professions Icon Set (PNG)

Collective39_02

A free icon set with 34 PNG icons related to arts and designed by BanzaiTokyo for Smashing Magazine.

Get it

Long Press jQuery Plugin

Collective39_01

Long Press is a jQuery plugin that will ease the writing of accented or rare characters.

Check it out

Native CSS feature detection via the @supports rule

This great article by Chris Mills explores the CSS @supports rule which is part of the CSS3 Conditional Rules Module Level 3 and which provides a perfect mechanism for selectively applying CSS based on feature support.

Read it

Free Font: Flex Display

Collective39_12

Flex Display, developed by Álvaro Thomáz, is a free geometric thin display font.

Get it

Batch: 300 icons, now for free (PSD)

Collective39_05

Adam Whitcroft created these 300 icons for web and user interface design and now they are completely free. Each icon is a single Photoshop shape layer, meaning they can be scaled up—and down—without loss of quality.

Get them

Harsh Color-Stop Gradients

Collective39_07

Harsh is a really nice Compass extension for randomly generated CSS3 gradients with harsh color stops like magical diamonds.

Read it

Duri.me: a super simple dataURI tool

Collective39_10

Patrik Larsson and Tiago Duarte created this useful tool for converting images to Base-64 code.

Try it

How to Create Retina Graphics for your Web Designs

Collective39_08

Chris Spooner shows us why and how to create retina graphics in this Line 25 tutorial.

Read it

Responsive Menu Concepts

Tim Pietrusky introduces some great concepts for responsive menus in this CSS-Tricks article.

Read it

API for extracting semantic image data

Collective39_09

Cloudinary, the cloud-based image management and manipulation solution offers a great API for extracting semantic image data like colors, Exif data and even faces.

Read it

AjaxGetContent jQuery Plugin

Don't want a page jump but simply load everything on you website with AJAX? The web agency Implico offers their jQuery plugin for AJAX based content loading for free. Read how to use it and check out the website examples.

Check it out

Sizing type, leading and vertical dimensions with rem-units

A very informative article on understanding and using rem units for making type and vertical spacing resize responsively.

Read it

Be careful who you build for

Collective39_06

Jordan Moore shares some interesting thoughts on the new "resizing disease" that web designers and developers acquired lately.

Read it

Free Vector Page Doodles (AI, EPS)

Collective39_11

WeGraphics shares this great pack of hand-drawn page doodles. The pack includes arrows, stars, hearts, skulls, and various other doodles.

Get it

CSS3 Monochrome Icon Set

Collective39_13

A set of 85+ CSS-only icons and glyphs created by Kushagra Agarwal. They are inspired by Glyphicons and Glyphish.

Check it out

Free Font: Festiva

Collective39_14

A beautiful, festive font, perfect for Christmas related designs.

Get it

Building A Relationship Between CSS & JavaScript

Tim Wright explains some important points on how to build a relationship between CSS and JS in this Smashing Magazine article.

Check it out

Free Font: FV Deventer

Collective39_16

Floris Voorveld designed this beautiful and delicate font and offers it on his website.

Get it

Social Media Tabs (PSD)

Collective39_18

Tired of the common social media buttons design and want to try out something new? Then you might like this different approach of Pixels Daily.

Get it

Free Font: Boros Rounded

Collective39_17

Victor Berbel released this interesting and unusual typeface for free.

Get it