Weekly News for Designers № ۴۰۳






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 or follow us on Twitter for some more amazing design articles, resources and freebies.

New Resources & Tools

Trowel – A Sass toolkit that allows you to create and use CSS frameworks.
Trowel

Visual Inspector – A Chrome extension for designers to make temporary edits in websites without coding.
Visual Inspector

Unnamed – A colorful css framework made by a human not an Ai.
Unnamed

src2png – A tool that turns your source code into beautiful syntax-highlighted images.
src2png

modulator – A spacing tool for design systems.
modulator

AtF Spark – A font for creating Sparklines (tiny charts in text) without code.
AtF Spark

Customize Icons Your Way with IconShock 2.0 – A collection of over 2 million hand-crafted icons that are fully-customizable via a web UI.
Customize Icons Your Way with IconShock 2.0

Alembic – A Sketch plugin that extracts a color palette from any layer that contains bitmap data.
Alembic

The New iPhone X

Design for iPhone X By NIELS
Design for iPhone X

What does the iPhone X’s AR engine mean for UX Designers? By Andrew Wilshere
What does the iPhone X’s AR engine mean for UX Designers?

iPhone X – ۱۰ Free PSD Mockups By Kreativgebiet
iPhone X – 10 Free PSD Mockups

Learning Guides, Tutorials & Tips

Basic grid layout with fallbacks using feature queries By Chen Hui Jing
Basic grid layout with fallbacks using feature queries

Learn How To Debug JavaScript with Chrome DevTools By Brandon Morelli
Learn How To Debug JavaScript with Chrome DevTools

Vue.Js Vs. Jquery: Use Cases and Comparison with Examples By Rachid Laasri
Vue.Js Vs. Jquery: Use Cases and Comparison with Examples

A framework for creating a predictable & harmonious spacing system for faster design-dev handoff By Priyanka Godbole
A framework for creating a predictable & harmonious spacing system for faster design-dev handoff

…and finally…

۱۰ Creative Examples of CSS Grid in Action – CSS Grid is poised to revolutionize the way we create complex layouts. Here are some examples of its potential.
10 Creative Examples of CSS Grid in Action

Browse the Designer News Archives



This post has been written by the team here at Speckyboy Design Magazine.




source link