Weekly News for Designers (N.247)

This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter for some more amazing articles, resources and freebies.

New Resources & Tools

Vide – easy as hell jQuery plugin for video backgrounds.

Mapbox GL – A JavaScript library for WebGL-based client-side vector maps.

League of Extraordinary Packages – A group of developers who have banded together to build solid, well tested PHP packages.

Marka – A transformable icon to work on the web.

LoremFlickr – A free placeholder image service.

SVG Spritemap – A WP plugin that creates a SVG spritemap from your Media Library.

p5.js – A JS client-side library for creating graphic and interactive experiences.

baguetteBox.js – A simple and easy to use lightbox script in pure JavaScript.

RSS Heap – A web-based reader for software developers.

Input – A flexible system of fonts designed specifically for code.

Learning Resources & Tutorials

Dynamic Logos with CSS by Zac Colley.

Understanding and Working with Content Types in WordPress by Rachel McCollin.

Full-Width Pinned Layouts with Flexbox by Zoe Mickley Gillenwater.

Simplify the WP-Admin to Get It Client-Friendly by Karol K.

How we make RWD sites load fast as heck by Filament Group.

Recreate the Page Preloading Effect of Fontface Ninja by Mary Lou.

A Launch Check List for Professional WordPress Websites by Rachel McCollin.

Design Responsive Websites In The Browser With Webflow by Richard Knight.

Free UI Resources

HTML5 Device Mockups, for showcasing your portfolio and spicing up your website.

Freebie: Five Responsive HTML Email Templates (plus PSD).

Freebie: Stationary Mockup Template (Psd Smart Object).

Some Inspiration

Hilarious and Clever Illustrations of Common Phrases by Abdul Latif Nabhan.

…and finally…

Why Faster Websites Make More Money [Infographic].