Collective #516

Inspirational Website of the Week: PICTURESTART An amazing design with a very creative navigation and spot on typography. Our pick this week. Get inspired Subgrid Learn all about the new subgrid value of CSS Grid in this MDN guide. Read it Our Sponsor Divi: The Powerful Read more

Maximizing The Design Sprint

dreamt up by webguru in Uncategorized | Comments Off on Maximizing The Design Sprint

Following a summer of Wonder Woman, Spiderman, and other superhero blockbusters, it’s natural to fantasize about having a superpower of your own. Luckily for designers, innovators, and customer-centric thinkers, a design sprint allows you to see into the future to learn in just five days what customers think about your finished product.
As a UX consultant and in-house design strategist, I have facilitated dozens upon dozens of design workshops (ranging from rapid prototyping sessions to, of course, sprints).
Source: Smashing Magazine, Maximizing The Design Sprint

Right-To-Left Development In Mobile Design

dreamt up by webguru in Uncategorized | Comments Off on Right-To-Left Development In Mobile Design

The Middle Eastern market is growing at a rapid pace, and, as a result, demand for various IT products is also booming in the region. What is peculiar, though, is that Middle Eastern countries require design that is not only compatible with their needs and comfortable for their users, but that is also suitable to their language standards, making a serious adaptation process very important. Given that most languages spoken in the Middle East are written and read from right to left (such as Arabic, Hebrew and Urdu), developers often face a range of problems when creating products in those languages.
Source: Smashing Magazine, Right-To-Left Development In Mobile Design

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

dreamt up by webguru in AI, API, Chatbots, Coding, Node.js | Comments Off on 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: Smashing Magazine, Developing A Chatbot Using Microsoft’s Bot Framework, LUIS And Node.js (Part 1)

How To Build Your Own Action For Google Home Using API.AI

dreamt up by webguru in API, Mobile, PWA | Comments Off on How To Build Your Own Action For Google Home Using API.AI





 



 


For the holidays, the owner of (and my boss at) thirteen23 gave each employee a Google Home device. If you don’t already know, Google Home is a voice-activated speaker powered by Google Assistant and is a competing product to Amazon’s line of Alexa products.

How To Build Your Own Action For Google Home Using API.AI

I already have the Amazon Echo, and as Director of Technology at thirteen23, I love tinkering with software for new products. For the Amazon Echo, you can create what are called “skills”, which allow you to build custom interactions when speaking to the device.

The post How To Build Your Own Action For Google Home Using API.AI appeared first on Smashing Magazine.

Source: Smashing Magazine, How To Build Your Own Action For Google Home Using API.AI

How To Build Your Own Action For Google Home Using API.AI

dreamt up by webguru in API, Mobile, PWA | Comments Off on How To Build Your Own Action For Google Home Using API.AI





 



 


For the holidays, the owner of (and my boss at) thirteen23 gave each employee a Google Home device. If you don’t already know, Google Home is a voice-activated speaker powered by Google Assistant and is a competing product to Amazon’s line of Alexa products.

How To Build Your Own Action For Google Home Using API.AI

I already have the Amazon Echo, and as Director of Technology at thirteen23, I love tinkering with software for new products. For the Amazon Echo, you can create what are called “skills”, which allow you to build custom interactions when speaking to the device.

The post How To Build Your Own Action For Google Home Using API.AI appeared first on Smashing Magazine.

Source: Smashing Magazine, How To Build Your Own Action For Google Home Using API.AI

Free Geometric UI Icons With A Fresh And Futuristic Twist (100 Icons, 6 Formats)

dreamt up by webguru in Freebies, Icons | Comments Off on Free Geometric UI Icons With A Fresh And Futuristic Twist (100 Icons, 6 Formats)





 



 


How about an icon set that gives your UI designs just that finishing touch they need? One that stands out while keeping the design clear and legible? Vincent Le Moign spent two years on designing such a set, and we are very happy to feature part of it as a freebie today.

Free Geometric UI Icons With A Fresh And Futuristic Twist (100 Icons, 6 Formats)

The EGO icon collection shines with its well-balanced, geometric style — perfect to make a bold statement without being obtrusive. To prepare you for nearly everything that an app or web interface could ask for, EGO covers tech- and office-themed icons, just like commerce, transport, nature, and leisure motifs. 100 icons in total that can be resized and customized to your liking (AI, EPS, SVG, Sketch, Iconjar, and PDF versions are available). Black and duo-tone blue versions are already on board when you download the set.

The post Free Geometric UI Icons With A Fresh And Futuristic Twist (100 Icons, 6 Formats) appeared first on Smashing Magazine.

Source: Smashing Magazine, Free Geometric UI Icons With A Fresh And Futuristic Twist (100 Icons, 6 Formats)

Just Keep Scrolling! How To Design Lengthy, Lengthy Pages

dreamt up by webguru in Sponsored Content, UX Design | Comments Off on Just Keep Scrolling! How To Design Lengthy, Lengthy Pages





 



 


Websites with long or infinite scrolling are becoming more and more common lately, and it’s no mere trend or coincidence. The technique of long scrolling allows users to traverse chunks of content without any interruption or additional interaction — information simply appear as the user scrolls down the page.

Just Keep Scrolling! How To Design Lengthy, Lengthy Pages

Infinite scrolling is a variety of long scrolling that allows users to scroll through a massive chunk of content with no finish line in sight (it’s the endless scrolling you see on Facebook, Twitter and Tumblr feeds).

The post Just Keep Scrolling! How To Design Lengthy, Lengthy Pages appeared first on Smashing Magazine.

Source: Smashing Magazine, Just Keep Scrolling! How To Design Lengthy, Lengthy Pages

Building For Mobile: RWD, PWA, AMP Or Instant Articles?

dreamt up by webguru in Case Studies, Mobile, Showcases | Comments Off on Building For Mobile: RWD, PWA, AMP Or Instant Articles?





 



 


As we look deep into 2017, one of the questions on every web developer’s mind ought to be, “What trend will define the web in 2017?” Just three years ago, we were talking about the “Year of Responsive Web Design”, and we’ve all seen how the stakes were raised when Google announced Mobilegeddon (21 April 2015) and started to boost the rankings of mobile-friendly websites in mobile search results.

Building For Mobile: RWD, PWA, AMP Or Instant Articles?

Today, as our findings indicate, responsive web design is the norm, with 7 out of 10 mobile-optimized websites being responsive, up from 5 last year, which begs the questions: What’s next? Where is it all heading? We solved the screen-size issue and had a great run for a few years — now what?

The post Building For Mobile: RWD, PWA, AMP Or Instant Articles? appeared first on Smashing Magazine.

Source: Smashing Magazine, Building For Mobile: RWD, PWA, AMP Or Instant Articles?

Web Development Reading List #175: GraphQL, IndexedDB2, And An Open Ethical Internet

dreamt up by webguru in General, Web Development Reading List | Comments Off on Web Development Reading List #175: GraphQL, IndexedDB2, And An Open Ethical Internet





 



 


With GraphQL, FQL, and IndexedDB2, we have new tools at our fingertips that allow us to build products that are not only more flexible but also faster. With this week’s Web Development Reading List, we’ll dive a bit deeper into these promising technologies and combine this with thoughts about the openness of the internet, ethical choices, and building inclusive products. So without further ado, let’s get started!

Web Development Reading List 175

Chrome 57 just hit stable, now the Chrome developer team announced Chrome 58 beta. It includes IndexedDB2.0 support and improvements to iframe navigation. Among the smaller changes are also auto-pause/resume of video on Android when the window is in the background and the fact that HTTPS is now required for the Web Notifications API.

The post Web Development Reading List #175: GraphQL, IndexedDB2, And An Open Ethical Internet appeared first on Smashing Magazine.

Source: Smashing Magazine, Web Development Reading List #175: GraphQL, IndexedDB2, And An Open Ethical Internet

Conversational Design Essentials: Tips For Building A Chatbot

dreamt up by webguru in Communication, UI, UX Design | Comments Off on Conversational Design Essentials: Tips For Building A Chatbot





 



 


Human interactions are incredibly fascinating if you take a close look at them — the social awkwardness, the communication styles, the way knowledge is transferred, the way stories are told and trust is built. But what happens when a machine evokes the same response?

Conversational Design Essentials: Tips For Building A Chatbot

Conversational interfaces have become the new hotness in UX design. Google is about to release a new virtual assistant chatbot; Facebook has already launched the updated Messenger platform with chatbots; and Microsoft went as far as to claim that the operating system of the future isn’t Windows, but “conversation as a platform.”

The post Conversational Design Essentials: Tips For Building A Chatbot appeared first on Smashing Magazine.

Source: Smashing Magazine, Conversational Design Essentials: Tips For Building A Chatbot