Do you itch for freebies to use in your projects, new tutorials to learn from, maybe some tools to help you develop and design faster? So do I!

This is the 7th edition of Weekly Designer and Developer News, where I showcase new freebies, tools, tutorials and other goodies that can help you speed up your workflow and learn new things!

Tools and Resources

Flexplorer – By Bennett Feely, Flexplorer lets you create complicated layouts using a very simple interface.


Realtime Form Validation – Ire Aderinokun demonstrates realtime validation with this great, functional form.

Realtime_Validation2 – is a prototyping tool that has become a favorite with the web and mobile app design community.


Monaco Editor – A browser based code editor that powers Visual Studio Code.


EQCSS – A CSS extension for element queries & more.


Themes and Templates

Admin Dashboard Free Template (PSD) Designed by Aaron Sananes.


Dashboard UI Templates (PSD, Sketch) – Some great UI element templates designed by Jan Losert to get you started with your design.

freebie slide 1466757224 1.jpg 680×2274

Parallax One –  Parallax One is a single-page WordPress theme with Parallax scrolling. You can use it to build a responsive business website within minutes.


CleanPort – A portfolio theme that can be used by small businesses as well. It is based on flat design principles, and comes with custom widgets and color options.

Synthetica – One Page Website Template (HTML, Sketch)

Tutorials and Useful Articles

Item Reveal Animations with SVG – An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js.


Add To Cart Interaction – A floating cart that slides in when the user decides to buy an item.


How to Build a Neuron: Exploring AI in JavaScript – Part one of Eric Elliott’s exploration into JavaScript-powered AI where you’ll learn how to apply some kick-ass neuroscience.


Learning to code for the Web – Chris Mills introduces the new MDN Learning Area that will teach you everything about coding for the Web.

Mozilla Developer Network

Vertical Slide-Out Menu with CSS – In this tutorial, Samuel Norton explains how to create a vertical slide-out menu using CSS3 transitions.


UI Kits, Icons and Fonts

Line Icon Set for Designers (AI, EPS, SVG, PNG)


Months And Seasons Set (12 Vector Illustrations, PNG, SVG, EPS, AI)


PLENTO – Free typeface


100 Free Icons (SVG, AI, EPS, PNG)

100 Free Icons TylerBrooksDesigns

Flow iOS Wireframe Kit (Sketch). Designed by Vineet Kumar.


And that is it for this weeks Designer and Developer News, I hope you’ve found something useful for your next project. Don’t forget to subscribe to our email newsletter to receive weekly news, tutorials and more directly into your inbox!