Tag Archives: design

How To Create A Sketch Plugin With Front-End Technologies

UX design hasn’t been the same since Sketch arrived on the scene. The app has delivered a robust design platform with a refreshing, simple user interface. A good product on its own, it achieved critical success by being extended with community plugins.

How To Create A Sketch Plugin With Front-End Technologies

The open nature of the Sketch plugin system means that anyone can identify a need, write a plugin and share it with the community. A major barrier is stopping those eager to take part: Designers and front-end developers must learn how to write a plugin. Unfortunately, Objective-C is difficult to learn!

The post How To Create A Sketch Plugin With Front-End Technologies appeared first on Smashing Magazine.

Originally posted here: 

How To Create A Sketch Plugin With Front-End Technologies

User Authentication For Web And iOS Apps With AWS Cognito (Part 1)

Developers and organizations alike are looking for a way to have more agility with mobile solutions. There is a desire to decrease the time from idea to test. As a developer, I often run up against one hurdle that can slow down the initial build of a mobile hypothesis: user management.

User Authentication For Web And iOS Apps With AWS Cognito (Part 1)

Over the years, I have built at least three user management systems from scratch. Much of the approach can be based on a boilerplate, but there are always a few key items that need to be customized for a particular client. This is enough of a concern that an entire category of user management, authentication and authorization services have sprung up to meet this need. Services like Auth0 have entire solutions based on user and identity management that developers can integrate with.

The post User Authentication For Web And iOS Apps With AWS Cognito (Part 1) appeared first on Smashing Magazine.

Read this article:

User Authentication For Web And iOS Apps With AWS Cognito (Part 1)

Building A Simple AI Chatbot With Web Speech API And Node.js

Using voice commands has become pretty ubiquitous nowadays, as more mobile phone users use voice assistants such as Siri and Cortana, and as devices such as Amazon Echo and Google Home have been invading our living rooms.

Building A Simple AI Chatbot With Web Speech API And Node.js

These systems are built with speech recognition software that allows their users to issue voice commands. Now, our web browsers will become familiar with to Web Speech API, which allows users to integrate voice data in web apps.

The post Building A Simple AI Chatbot With Web Speech API And Node.js appeared first on Smashing Magazine.

Taken from:

Building A Simple AI Chatbot With Web Speech API And Node.js

Creating Custom Inputs With Vue.js

Component-based libraries or frameworks such as Vue have given us the wonderful ability to create reusable components to be spread throughout their respective application, ensuring that they are consistent, and (hopefully) simplifying how they are used.

Creating Custom Inputs With Vue.js

In particular, form inputs tend to have plenty of complexity that you’d want to hide in a component, such as custom designs, labels, validation, help messages, and making sure each of these pieces are in the correct order so that they render correctly.

The post Creating Custom Inputs With Vue.js appeared first on Smashing Magazine.

View this article – 

Creating Custom Inputs With Vue.js

Building Pattern Libraries With Shadow DOM In Markdown

Some people hate writing documentation, and others just hate writing. I happen to love writing; otherwise, you wouldn’t be reading this. It helps that I love writing because, as a design consultant offering professional guidance, writing is a big part of what I do. But I hate, hate, hate word processors.

Documenting Components In Markdown With Shadow DOM

When writing technical web documentation (read: pattern libraries), word processors are not just disobedient, but inappropriate. Ideally, I want a mode of writing that allows me to include the components I’m documenting inline, and this isn’t possible unless the documentation itself is made of HTML, CSS and JavaScript. In this article, I’ll be sharing a method for easily including code demos in Markdown, with the help of shortcodes and shadow DOM encapsulation.

The post Building Pattern Libraries With Shadow DOM In Markdown appeared first on Smashing Magazine.

From: 

Building Pattern Libraries With Shadow DOM In Markdown

How Lean UX Can Save Your Start-Up

lean UX

Lack of “product/market fit” is one of the key reasons for start-up failures. Despite initial success, businesses fail to be sustainable. One way to escape this is to get everyone involved and get back to experience-based design. Don Norman, one of the top names in UX design, coined the term, “User Experience,” back in 1995. He said, “User experience is nothing but starting any design by understanding the audience.” It allows coordination between all the elements and putting together psychology and designing. From the way things were understood in 1995, we have moved a long way in terms of design….

The post How Lean UX Can Save Your Start-Up appeared first on The Daily Egg.

Source: 

How Lean UX Can Save Your Start-Up

3 Reasons to Use End-to-End Testing in Your Content Marketing Strategy

finish line

End-to-end testing is a term usually reserved for the product team. Put simply, such testing ensures the product will complete the tasks it is intended to in real life conditions from beginning to end. Interestingly, end-to-end testing is a proven content marketing strategy as well. From The Wirecutter’s in-depth gadget reviews to Michelle Phan’s face care and makeup tutorials, they’ve turned their end-to-end product experience into content. So why do they work? Let’s go over three concrete examples that show how different companies execute end-to-end testing in their content marketing. 1. Gain consumer trust to convert users End-to-end testing can…

The post 3 Reasons to Use End-to-End Testing in Your Content Marketing Strategy appeared first on The Daily Egg.

Follow this link: 

3 Reasons to Use End-to-End Testing in Your Content Marketing Strategy

Connecting With Users: Incorporating Humor In Web Design

Joan is applying for a small loan on all-online-loanzzz.com. She’s becoming frustrated with the number of financial-disclosure forms she has to fill out. She’s thinking about visiting her local bank to ask for a loan instead.

Connecting With Users: Incorporating Humor In Web Design

While waiting for a page to load, the application presents a cartoon image of a person wearing a business suit sitting in a jail cell. The image caption says, “Hey, everyone hates disclosures. We know you do, too. We’re doing our best to keep everyone out of jail. Please bear with us for a few more clicks. You won’t regret it, and our loan officers will stay out of jail.” Joan smirks at the image. She might not appreciate the number of forms she has to complete, but she understands the serious nature of applying for a loan.

The post Connecting With Users: Incorporating Humor In Web Design appeared first on Smashing Magazine.

View the original here:  

Connecting With Users: Incorporating Humor In Web Design

Want a Better Way to Engage Your Audience? Try Data-Driven Micro-Content

micro content

Content marketing is in a state of surplus: there is too much supply of branded content and diminishing returns of audience engagement. A report by Beckon analyzed over 16 million in marketing spend and concluded: “Brands might be shocked to hear that while branded content creation is up 300 percent year over year, consumer engagement with that content is totally flat. They’re investing a lot in content creation, and it’s not driving more consumer engagement.” -Jennifer Zeszut, CEO at Beckon The painful truth is: the vast majority of content marketing ended up going down the rabbit holes of the internet…

The post Want a Better Way to Engage Your Audience? Try Data-Driven Micro-Content appeared first on The Daily Egg.

Taken from:  

Want a Better Way to Engage Your Audience? Try Data-Driven Micro-Content

Developing A Chatbot Using Microsoft’s Bot Framework, LUIS And Node.js (Part 1)

This tutorial gives you hands-on access to my journey of creating a digital assistant capable of connecting with any system via a RESTful API to perform various tasks.

Developing A Chatbot Using Microsoft Bot Framework, LUIS And Node.js (Part 1)

Here, I’ll be demonstrating how to save a user’s basic information and create a new project on their behalf via natural language processing (NLP).

The post Developing A Chatbot Using Microsoft’s Bot Framework, LUIS And Node.js (Part 1) appeared first on Smashing Magazine.

Source – 

Developing A Chatbot Using Microsoft’s Bot Framework, LUIS And Node.js (Part 1)