Bi-Weekly Frontend News

Collective #45

Inspirational Website of the Week

Collective45_Sevnthsin

This week we picked Seventhsin because of its completely bold and interesting navigation concept in 3D.

Check it out

All you need to know about CSS Transitions

Collective45_CSSTransitions

A great in-depth article by Alex MacCaw on CSS Transitions. Learn how to apply them, optimize and chain them. You will definitely discover a lot of new things from this article.

Read it

Regexper

Collective45_Regex

Regexper is a brilliant regex visualization tool that will help you understanding any regular expression you are working with.

Check it out

Easing Functions Cheat Sheet

Collective45_Easing

A really useful cheat sheet for all the easing functions you might want to use in your animations or transitions (CSS or JS).

Check it out
Advertisement

jKit

Collective45_jKit

jKit is an easy-to-use, cross-platform jQuery-based UI toolkit, that comes with many features you need for any web project.

Try it

Designing a Responsive, Retina-friendly Site

Collective45_Retina

An in-depth article on the redesign of his website by Paul Stamatiou with a main focus on designing retina-friendly.

Read it

controldeck.js

Collective45_controldeck

With controldeck.js by John Polacek you can control your HTML5 presentations with node.js. Use controldeck.js to run HTML5 presentation frameworks like deck.js, reveals.js and impress.js. You can run it locally or on a node.js server.

Check it out

PlaceIt: Generate Product Screenshots in Realistic Environments

Collective45_placeit

With PlaceIt by Breezi you can simply drag your screenshot into one of the pre-made realistic device environments and voilà, you have your ready-to-use screenshot.

Check it out

Responsive Design for Apps — Part 1

Collective45_ResponsiveApps

Jason Grigsby dives into the responsiveness problematic of web apps and JavaScript UI frameworks.

Read it

Centurion

Collective45_centurion

Centurion is a responsive web framework that was built using SASS and CSS3 media queries and allows for quick prototyping.

Check it out

75 Free Buttons For Online Payment Service Providers (PNG)

Collective45_buttons

A superb and complete set of online payment service icons that come in two different sizes in PNG format.

Get it

Free Font: Ridge

Collective45_Ridge

A beautiful and unique font by Erika Noel Mackley free to use in your next design project.

Get it

CoverFlow

Collective45_coverflow

A nice pen by Hjörtur Hilmarsson: CoverFlow built with CSS3 and minimal use of JavaScript.

Check it out

Facebook - New Look & Concept

Collective45_facebook

Fred Nerby shows us a fresh view of how Facebook could look. A great concept with some interesting ideas.

Check it out

Free Font: Gutenberg A

Collective45_Gutenberga

Gutenberg A is the free version of the famous B42-type used by Johann Gutenberg in his famous 42-line Bible.

Get it

In search of the perfect radius

Collective45_perfectradius

If you have ever dealt with nested border radii then you'll find this article very useful.

Read it

The Making of the Interactive Treehouse Ad

Collective45_treehouse

Learn how the fun and interactive Treehouse ad on CSS-Trick was made from this tutorial by Chris Coyier.

Read it

Free Font: VDS

Collective45_VDSUpdated

The free VDS typeface got updated with two more weights. It's a very clean, yet interesting typeface by Artmaker.

Get it

Shadow DOM 101

Collective45_shadowdom

Learn about the mysterious Shadow DOM, what it is and what you can do with it from this HTML5Rocks article by Dominic Cooney.

Read it

Photoshop Icon Toolkit (AI)

Collective45_IconSet

Some really sweet green icons by The Masked Bear.

Get it