Bi-Weekly Frontend News

Collective #73

Inspirational Website of the Week

1

Some nice transitions and an interesting layout are the reason we've picked the website of the movie "The Congress" as inspirational website of the week.

Get inspired

DAUX.IO

2

Daux.io is a very useful documentation generator that uses a simple folder structure and Markdown files. It comes with a lot of features and it creates custom documentations on the fly.

Check it out

Meet the Ipsums

3

A great place to meet all the "Ipsums" in a stylish way. Created by Tim Holman and Claudio Guglieri.

Check it out

Authentic Design

13

A wonderful article by Dmitry Fadeyev on the deeper meaning of the current "flat" design trend.

Read it

Date for humans

16

Date by Matthew Mueller is an English language date parser for node.js and the browser.

Check it out
Advertisement

DevTools Snippets

9

A collection of helpful snippets to use inside of browser development tools by Brian Grinstead.

Check it out

imagefill.js

10

Imagefill.js is a useful jQuery plugin when working with responsive images/designs. It makes images fill their containers and be centered.Made by John Polacek.

Check it out

SculptGL

18

SculptGL by Stéphane Ginier is an amazing sculpting application powered by WebGL. It features dynamic subdivision, decimation, uniformization and adaptive sculpting.

Check it out

iOS 7 iPad (AI)

11

An amazing resource by Kim Ruelo: the iOS 7 iPad GUI as AI file with all the elements needed for creating a mockup.

Get it

Looking Into the Future of Sass

12

Hugo Giraudel gives us an overview of all the cool new features coming to Sass.

Read it

ChooseALicense.com

5

Here you can find a great overview of the OSS licenses and which one is suitable for your project.

Check it out

Free Font: Verano

14

A very relaxed and summerly font by Joan Alegret.

Get it

Free Font: Summit

15

A very elegant font inspired by geometric sans serifs made by Luke Lisi. You can download the font for free, but support is welcome.

Get it

Fun with SVG Filters

8

Alan Greenblatt shows us how to apply SVG filters to achieve a variety of effects on images. If you are into convolution matrices this might be interesting to you.

Check it out

Filter Effects & Blend Modes

21

Divya Manian talks about the exciting Filter Effects and Blend Modes. Don't forget to check out the slides too.

Watch it

Free Font: FurFont

19

An interesting and unique typeface designed by Milya Ptitsyna.

Get it

Animography

20

Animography.net is a webshop and typefoundry that provides motion designers, video editors and others in the field of the moving image with amazing animated typefaces. The typefaces are easy to use, customizable and scalable without any loss of quality.

Check it out

Understanding Sass lists

4

Another great, in-depth article by Hugo Giraudel on Sass lists, how to create and use them.

Read it

Free Flat Vector Icons (PSD, AI, PNG)

22

Some beautiful flat vector icons from MediaLoot designer Tony Thomas.

Get it

RBush

23

RBush is a high-performance JavaScript library for 2D spatial indexing of points and rectangles by Vladimir Agafonkin. It is based on an optimized R-tree data structure with bulk insertion support.

Check it out

Remy Sharp's workflow with devtools #3: full coding stack

17

In this video Remy Sharp shows how to use "workspaces" in Chrome's devtools to allow writing to files.

Watch it

The Compass port of normalize.css

6

If you are using Sass/Compass then you'll find this port of normalize pretty useful which includes legacy IE support variables, CSS3 box sizing mixin and vertical rhythm mixins. Made by John Albin Wilkins.

Check it out

GitHub's on your phone

7

Now you can visit GitHub with your mobile phone and get an optimized mobile web view.

Check it out

Hicons (PNG, AI)

24

A sweet and useful icon set made with clean lines. Designed by Vlad from HappyToDesign.

Get it