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.

flexbox-learning-resources-tools-toolbox-css-08

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

Realtime_Validation2

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

useful-tools-resources-web-designers-digital-agencies-05

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

4267b918-28ec-11e6-9fbd-d6cd2973c770

EQCSS – A CSS extension for element queries & more.

weekly-news-designers-june-45-04

Themes and Templates

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

admin-dashboard-panel-free-template-ui-psd-03

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.

parallax-one-wordpress-theme-business

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.

cleanport-wordpress-theme-business
Synthetica – One Page Website Template (HTML, Sketch)
Synthetica_800x600

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.

ItemRevealer_Featured

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

add-to-cart-interaction-featured

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.

1-p37KRWpihIwr1UJ0gozG9g

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.

css3-vertical-slideout-memu-demo

UI Kits, Icons and Fonts

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

designer-line-icons-preview

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

Partial-Preview-opt-w_500

PLENTO – Free typeface

bda24037385151.57483564ee0ab

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

100 Free Icons TylerBrooksDesigns

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

mobile-app-ios-iphone-ipad-design-wireframe-free-template-03

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!