Freebies & More Aug 2016

Golden Sans Free Font Modern High Quality Font with 7 Styles from Stereotypes and Artill.  Free Pokemon Go Icons 30 Color icons. 30 Line icons. 30 Solid icons.  Magnolia Script A free typeface (calligraphic & lettering style) by Tanya Cherkiz, Ivan Gladkikh & Denis Serikov

Highlights

Multiangles Mockup Scene Generator This is an easy-to-use Mockup Scene Generator allows to generate your own unique scenes by just dragging and dropping items in Photoshop. Micro interactions – what they are and best practices Micro interactions are the latest (possible biggest) UX trend to be recorded so far, thus critical for modern design which can’t go without them anymore.

Resources

A JS tip per day Short and useful daily JavaScript tips that will allow you to improve your code writing.  3D Stat Bars An interesting experiment with nice 3D bar charts in pure CSS.  Recharts A composable charting library built on React components.

Fractal A tool to help you build & document web component libraries, and then integrate them into your web projects. Scrollanim Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere. SpinKit A collection of loading indicators animated with CSS.

Lerna A tool for managing JavaScript projects with multiple packages. Cleave.js Cleave.js has a simple purpose: to help you format input text content automatically. Grade.js Produces complementary gradients generated from the top 2 dominant colours in supplied images.

Articles and inspiration

Typography Visual Hierarchy And What It Means Visual hierarchy matters in the case of typography more than anywhere else, because it has a critical influence on the design project in general. Media Players In Mobile User Interfaces Media players in mobile user interfaces, comparing to other design elements, are allowing a little bit more design creativity and this should and is exploited by designers at maximum.

Wireframes vs prototypes: what’s the difference There’s a really long debate about wireframes vs prototypes and I’m sure you’ve been a part of it at least once. It’s true: the meaning of ‘wireframing’ and prototyping is similar, but it never means they are interchangeable. Portfolio Sites That You Should Take As Example Every designer or artist wants to have the best possible online portfolio to showcase his or hers work in a manner that will make the visitors become clients.

How to get users to sign up You want to know how to get users to sign up, right? Yeah, we know that pain. It doesn’t matter what type of website you’re running – high conversion rates will still be difficult to accomplish. Learn Xcode And Swift To Develop iOS Apps I know you want to learn Xcode and you are not the only one. Yet, you might think that creating an app for use on an iPhone or iPad is too complicated and simply out of your reach.

Color Contrast for Better Readability When you create color palettes for your web design projects, are you testing the color combinations for contrast? If you're not, you might not be considering the eventual readability of the design and thus losing potential audience.  Designing Responsive Progressive Web Apps When Frances Berriman and Alex Russell first defined the characteristics of Progressive Web Apps, responsive design was at the top of their list. Despite this fact, most of the early examples of Progressive Web Apps aren’t responsive.