markzz

24 Added | 4 Magazines | 2 Followers | @markzz | Keep up with markzz on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “markzz”

WebGL Fluid Experiment

Sneakpeekit Sketch Sheets

Precision Grid<p>Multipurpose grid with column marks<p>A generic A4 grid template with column marks ideal for website wireframes as well as icon, font and …

Mockups

Transform your web design with functional animation

Animation, in web design terms, has grown up. It's no longer a bit of window dressing for your site, shiny but ultimately worthless. Instead it's …

UI Design

Material motion - Motion - Material Design

The material environment draws inspiration from real-world forces, such as gravity and friction. These forces are reflected in the way user input …

UI Inspiration: Site Interactions

As part of the design process, figuring interactions (to me) is the fun and best part. Some of the developers might hate me for saying this but it's …

UI Design

Animation Plugin for Sketch

Create Keyframes<p>You're the Boss!<p>AnimateMate is based on keyframes. So you'll create the main keyframes while AnimateMate takes care of the keyframes …

Animated GIF

Simple, free, fully responsive one-page sites for pretty much anything

Custom Domains<p>Publish sites to any custom domains you own with full SSL support (via Let's Encrypt).<p>More Sites<p>Build and publish more than three sites …

5 Alternatives to Drop-Down Hover Menus

Is the era of drop-down hover menus over? It might well be. This design pattern doesn’t work for today’s users. The concept is clunky and doesn’t …

UI Design

How To Integrate Motion Design In The UX Workflow

As UX professionals, we play a key role in raising the bar for customer experiences. A simple attention to detail is often what signals to the …

Web Design

7 UX Tips You Might Not Have Considered

Great user experience starts early in the design process. It is in no way a last minute add-on — it’s something you need to consider right from the …

UI Design

How to create animations that scale for all devices

Animation on the web is particularly nuanced, as we have to adjust our work to take into account bandwidth, code compatibility and product design. In …

Rezo Zero

Chemistry and communication<p>We are all passionate about our jobs and area of expertise while also being curious about other related fields. We work as …

Button Styles Inspiration

Winona<p>Open ProjectCreate NewPublish<p>Open ProjectCreate NewPublish<p>Open ProjectCreate NewPublish<p>Ujarak<p>PublishVoteDelete<p>PublishVoteDelete<p>PublishVoteDelete<p>…

Web Design

The 40 best free web fonts

It's time-consuming to cut through the ocean of free fonts online, especially web fonts, to find the real gems that punch above their price tag. With …

How to Conduct a Usability Study: Quickstart Guide to Remote Usability Testing

We all know keeping your users at the core and testing consistently is crucial for any online product or service. However, that’s usually easier said …

Jedi Principles of UI Animation

<i>By</i> <i>Kit Oliynyk</i><p>Why, when, and how to use animation in your UI, what UX Choreography is, and what all of this has to do with Star Wars.<p>I used be a print …

UI Design

Complete Beginner’s Guide to Information Architecture

Information architecture is a task often shared by designers, developers, and content strategists. But regardless of who takes on the task, IA is a …

Information Architecture

💧Fluid for Sketch 1.7.6

<i>A collaborative project brought to you by Matt Curtis & Cat Noone</i><p>Fluid is a Sketch plugin that provides a means to create more constraint-based, …

Web Development

A Collection of Inspiring Sitemaps and User Flow Maps

All websites should start with a good plan. Focussing on the design process first may be common for smaller sites. For larger sites, when user …

Web Design

Las paletas de colores utilizadas en grandes películas

Cada película se encuentra asociada con una gama tonal, la cual es definida por las diferentes paletas de colores utilizadas durante el etalonaje.<p>El …

Fantastic UI Design by Gal Shir

Nothing like an awesome set of Interface Design to close the week. There are some very talented designers out there doing sweet interfaces... one of …

Tel Aviv

Cinematic Continuity on UI Design – Design Words – Medium

Lessons from the Movie Theatre — Part 1.<p>This is the <b>first of a three post series</b> which explores the connection between the cinematic language used by …