June Punkasem

226 Flips | 10 Magazines | 30 Likes | 32 Following | 1 Follower | @junepunkasem | Keep up with June Punkasem 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 “June Punkasem”

UX Design: How to Use Animations in Mobile Apps

In UX design, app animations present the area for endless creative search as well as one of the objects for hot debates. In today’s article, we are …

UI Design

Data Dashboard UI Kit

A beautifully designed dashboard UI kit with more than 130 components.Designed and published by Creative Form Studio, this data dashboard UI kit is …

Web Design

Two Fascinating Things Salesforce Discovered When It Studied Color

What you think you’ll like isn’t always what helps you make the best decisions, Salesforce Analytics finds in a new research.<p>Consider the last time you made a decision with data. Chances are, you used some kind of visualization to help understand the bigger picture. In visualizations, color is …

Color Management

POFO is the WordPress Theme for Building Beautiful, Hand-Crafted Websites Sponsored

Web professionals are always looking for that extra edge. We want tools that help us get things done faster – but without sacrificing quality. In …

Web Design

What is JAMstack and why you should try it

Have you ever wanted to build a modern web application without all the gimmick then you should have already heard of the JAMstack where JAM stands …

How To Improve Your Design Process With Data-Based Personas

How To Improve Your Design Process With Data-Based PersonasHow To Improve Your Design Process With Data-Based PersonasTim Noetzel …

UX Design

Date picker design

Today is the date picker day! After creating so many of them for different projects, I am still on a hunt for the perfect one. Let’s try to find out …

UI Design

What Are Progressive Web Apps and How Do I Install One?

Apps dominate your phone. And while apps don’t quite influence your desktop or browser in the same way, that looks set to change. Progressive Web …

Coding for Designers

All about JavaScript functions in 1 article

Everything you ever needed to know about JavaScript functions.RecursionLet’s begin at the beginning.What is a function ?Function, generally speaking …

JavaScript

A quick guide to CORS

A JavaScript application running in the browser can usually only access HTTP resources on the same domain (origin) that serves it.Loading images or …

JavaScript

Javascript Algorithms Challenges | Part 2

Hey again!<p>This is the second part of my Javascript coding challenges and I'm super excited to get into it. I want to thank you all for the very kind …

The complete guide to JavaScript functions

First of all, I encourage you to follow along in this article. It will help you learn better, and also help you to remember what you have done. Let's …

The Comprehensive Beginner’s Guide to JavaScript Geolocation Tracking

Combining the Google Maps JavaScript API and PubNub for realtime tracking of device location (with the bells and whistles)<p>Brought to you by …

Next step Git for those that already know add and commit

When I first started using Git a while back it seemed pretty straight forward although I had to get used to the disconnected nature of Git which is …

Material design prototyping components

Buttons and switches. Introduction of controls section for the biggest material team library for Figma<p>With this article I’d like to begin the series …

Resources for Learning Python

About once a week, someone new to their journey writing code reaches out to me asking if I have know of any resources to learn Python. Since I'm …

UX Design Glossary: Affordances in User Interface

Obtaining professional knowledge and skills, designers face a variety of specific terminology. We have already published the posts with key terms for …

Using React, Firebase, and Ant Design to Quickly Prototype Web Applications

In this guide I will show you how to use Firebase, React, and Ant Design as building blocks to build functional, high-fidelity web applications. To …

Explain how Vue.js is different from React.js

The Five Year Old explanation: The biggest difference IMO is that React is a tool that you start building <i>in</i>. Vue is a tool you start building <i>with</i>.<p>A …

ReactAF: Always Fresh (or As F&#%!)

ReactAF does for React what Babel does for JavaScript<p>Let’s say for a moment that you are a component developer and you maintain, or are writing an …

10 Terminal commands for power users

Apple's Terminal offers a lot of functionality compared to the macOS GUI. Power users and anyone else who wants to work smarter will benefit from …

UI Inspiration: This week's selections from Shekh Al Raihan, Shahidul Islam Shishir and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, …

JavaScript Objects, Square Brackets and Algorithms

One of the most powerful aspects of JavaScript is being able to dynamically refer to properties of objects. In this article we will look at how this …

JavaScript

Design in Tech Report 2018

PDF, audio, and voiceover will be available on designintechreport.wordpress.com<p>Today’s most beloved technology products and services balance design and engineering in a way that perfectly blends form and function. Businesses started by designers have created billions of dollars of value, are …

Format your code with Prettier

• Introduction to Prettier<br>• Less options<br>• Difference with ESLint<br>• Installation<br>• Prettier for beginners<br>Introduction to PrettierPrettier is an opinionated code …

JavaScript

Should You Follow Design Trends?

Across all disciplines of design, from fashion to architecture, trends largely define the styles and directions of an industry at a particular …

UI Design