Bi-Weekly Frontend News

Collective #63

Inspirational Website of the Week

Collective63_designembraced

The clean and smart portfolio by creative/art director and designer Anthony Goodwin is our pick this week.

Get inspired

Slides: Create and share beautiful presentations

Collective63_slides

With Slides (formerly rvl.io) you can create and share beautiful presentations for free. It is built by Hakim El Hattab and Owen Bossola.

Check it out

Hoverboard - Beautiful portfolios for designers & coders

Collective63_hoverboard

If you'd like to try a new and fresh way of showcasing your work and your thoughts than you'll like Hoverboard.

Check it out

CSS Modal

Collective63_cssmodals

Hans Christian Reinl developed these perfectly accessible and responsive CSS-only modals.

Check it out
Advertisement

Map Icons Designer

Collective63_mapicons

Map Icons Designer is a set of 200 amazing map icons in PSD Vector Shape & PNG format. They can be used as Google Map Icons, Location Markers or Point of Interests (POI) on any map.

Get it

Free eBook: The Smashing Editor's Choice

Collective63_smashingbook

"The Smashing Editor's Choice: A Smashing Library Treat" is a free eBook by Smashing Magazine that contains a wide range of topics, including new coding techniques, user experience strategies, responsive design and mobile solutions by some great authors.

Get it

Spread

Collective63_spread

In this pen by Mathias Paumgarten you can cause a Origami-like plane creation with a click (or more).

Check it out

GitHub ArchiveRoom

Collective63_archiveroom

GitHub ArchiveRoom is a very impressive 3d visualization of whole GitHub archives. It is developed by Vlad Filippov.

Check it out

How To Avoid Duplicate Downloads In Responsive Images

Collective63_responsiveimages

David Newton explores some issues of the fallbacks for the new <picture> element and shows how to solve them.

Read it

fartscroll.js

Collective63_fartscroll

Just for fun by the Onion: let your website emit some fart noises as you scroll!

Check it out

Two.js

Collective63_twojs

Two.js is a two-dimensional drawing API geared towards modern web browsers. It is renderer agnostic enabling the same API to draw in multiple contexts: SVG, Canvas, and WebGL.

Check it out

Flat iPhone 4/5 Mockups (PSD)

Collective63_flatmockup

Josh Laincz created this set of beautiful flat iPhone 4 and 5 mockups for Premium Pixels.

Get it

Free Font: Valkyrie

Collective63_valkyrie

Valkyrie is an exquisite serif type family that is especially suitable for fashion-related design. It was designed by Hendrick Rolandez.

Get it

Sketch Icons (Freebie)

Collective63_sketchicons

Brett Jones shows what great work can be done with Sketch 2 and offers this lovely icon set for free on Dribbble.

Get it

Adobe Explores the Future of Responsive Digital Layout with National Geographic Content

Collective63_adobengc

CSS Shaders are really exciting and Adobe shows their power in a digital layout experiment with some great content from National Geographic. Note that you'll need Chrome Canary installed and properly configured in order to see the awesome effects.

Read it

Avoiding Unnecessary Paints

Collective63_avoidpaints

Learn how you can improve runtime performance by preventing unnecessary paints in your website in this insightful article by Paul Lewis for HTML5Rocks.

Read it

Free Font: Before Breakfast

Collective63_beforebreakfast

Simon Stratford offers this charming handwritten font that he designed just before breakfast using the iFontMaker app.

Get it

Free Font: Idealist Sans

Collective63_idealistsans

Elena Kowalski designed this clean and modern display font and you can download the light and the regular styles for free.

Get it

Mini AJAX File Upload Form

Collective63_miniajaxuploadform

Martin Angelov from Tutorialzine shows how to create a nice AJAX file upload form in this great tutorial.

Check it out

Naked WordPress

Collective63_nakedwp

Naked WordPress is a naked, commented WordPress theme for designers who don't really want to deal with WordPress or for coders who want guidance for the structure.

Get it

Improving Your 2013 Productivity With The Chrome DevTools

Collective63_devtools

Addy Osmany will show you some great features of Chrome DevTools like Workspaces that is great for developing applications.

Watch it

Ghost: Just a Blogging Platform

Collective63_tryghost

Ghost looks like a very promising Open Source blogging platform. It could be the next great writing engine, and you can back the project on Kickstarter.

Check it out