Michel Mayer

673 Added | 5 Magazines | 7 Likes | 13 Followers | @MichelMayer2014 | Keep up with Michel Mayer 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 “Michel Mayer”

To Improve Outcomes, We Need to Take a Critical Lens to Instructional Design

No one can deny the fact that we are seeing some pretty exciting changes to teaching, learning, and leadership. Advances in research, brain science, …

Pedagogy

How I design with CSS grid

After a couple of rounds of introducing CSS grid to people who haven’t tried it before, I found it wasn’t the implementation of grid that people …

Web Development

Learn kerning basics in less than 2 minutes

Kerning has a huge impact on how your lettering is read by viewers, so it's important to get it right. Get your kerning wrong and at best you end up …

Typography

Sketching in the Browser

Ask any team that works with a design system, and you’ll find the benefits are clear—designers and developers are more productive, products are more …

JavaScript

Top 9 UI Design Trends for Mobile Apps in 2018 – Muzli -Design Inspiration

Mobile app User Interface design trends keep changing based on varying user needs. However, that does not mean <b>UI design trends for mobile apps</b> in …

UI Design

Designing learning and assessment in a digital age

Introduction<p>Creative Commons attribution information<p>In this guide, we focus on elements of learning and assessment design that research tells us are …

Pedagogy

10 Exciting Page Transition Effects

The act of clicking around a multipage website can become monotonous over time. Adding page transition effects to the mix can help to kick things up …

Web Design

Bootstrap 4 is released

The Bootstrap team has announced that after years of development Bootstrap 4 is finally here. Bootstrap is an open source toolkit for developing …

An 8-Minute Crash Course on Blending Modes in Photoshop

Want to get a good grasp of Photoshop’s Blend modes? Here’s an 8-minute crash course on the subject by the Photoshop Training Channel. They may be …

30 Amazing Vue.js Open Source Projects for the Past Year (v.2018)

<b>For the past year</b>, we’ve compared nearly 3,000 Vue.js open source projects to pick Top 30 (1% chance).<p>This is a competitive list and it carefully …

2018 front-end curriculum

STEP 1. JavaScript Programming (with nodeJS)<p>contents<p>IDE (with nodeJS)<p>Version control(Git)<p>Variables, Scope, Type, String<p>operator, switch, iterator, …

6 Ways Illustration Improves UX

The old saying “a picture is worth a thousand words” is still relevant to today’s experiences. People are attracted to visuals faster than text, and …

Top Web Design Trends To Watch In 2018

It’s that time of the year again. What’s going to be hot in web design next year?<p>Previously I covered web design trends to watch in 2016 and 2017. This year, I reached out to seven experts from various fields and asked what they feel is going to dominate web design in 2018.<p>I can tell you that 2018 …

UI Design

Top UX Trends To Follow For Best Design

Trends come and go. Some fade away as if they never touched our lives, some stay and change the course of history. Here are our picks for the most …

10 Beautiful Examples of Motion Design in Mobile Apps

Interactions are a smaller detail of mobile design but can make a tremendous difference to the overall user experience of an application.In the past …

UI Design

Learn how to create interactive prototypes in Adobe XD that you or others can use to validate the user experience.

After you have completed designing your screens, you can connect them to each other to visualize how users can experience your app or website.<p>Adobe …

A code review checklist prevents stupid mistakes

My team uses a code review checklist to prevent stupid mistakes from causing us problems and wasting time. In this post, I want to share the reasons …

Software Development

10 CSS & JavaScript Parallax Scrolling Code Snippets

There’s a lot of confusion about parallax design and how it works on the web. Generally speaking, parallax design is the use of motion to create the …

Web Design

Introducing InVision Studio: the World’s most powerful screen design tool

On a very quiet Wednesday, the awesome folks from InVision took the whole design community by the storm by announcing their latest game-changing …

5 website development trends that rocked 2017

StaticGen combines language markups like reStructuredText or Markdown with engines for creating templates such as Jinja, to generate HTML files. HTML files developed from the process can be served and hosted by a CDN (content delivery network), or a web server without using other dependencies like …

Web Design

Dynamic Shape Overlays with SVG

Today we’d like to share another way of achieving morphing page transitions. This time, we’ll generate multiple SVG curves with JavaScript, making …

SVG

Brand Identity & UI/UX: Behance Studio Desktop App Concept

We would like to share this brand identity that involves also UI/UX for a desktop app concept based on the very popular design platform to showcase …

Kakaopage Brand Experience and Graphic Design Renewal by Plus X

Renewal of the overall Kakaopage brand experience by studio Plus X.Plus X, a Seoul, South Korea based graphic design and branding studio was …

Graphic Design

10 Free Code Snippets for Creating CSS Content Cards

CSS content cards are a great way to organize listings of blog posts, products, services or just about any repetitive content. When well-designed, …

Web Design

Introducing Formik 0.9.0

Build forms in React, with a smile<p>Since its release in July, Formik has come a long way. It’s now the 2nd most starred form library for React on …

What is Visual Hierarchy?

Visual Hierarchy: Organizing content to follow natural eye movement patterns<p>Let’s look at a topic that deals with, oddly enough, how we look at …

The Benefits of Creating a Design System

Styleguides have been around for years and have always been important to the visual identity of a company, but the rebrand of the term has given a …

UX Design

Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)

By Luis Elizondo<p>At Rever (www.reverscore.com) we just released a new version of our web client using Vue.js. After 641 commits and 16 weeks of …