Bi-Weekly Frontend News

Collective #63

Inspirational Website of the Week


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


With Slides (formerly 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


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


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

Check it out

Map Icons Designer


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


"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



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

Check it out

GitHub 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


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

Read it



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

Check it out



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)


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

Get it

Free Font: 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)


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


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


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


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

Get it

Free Font: Idealist Sans


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


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

Check it out

Naked WordPress


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


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


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