Google Chrome to Show Suggestions for Mistyped URLs

At times we put in the wrong or misspelled website address into Google Chrome Omnibox which directs us to weird web pages with lots of pop-up ads or phishing sites. Google Chrome is set to launch a feature that would warn users about lookalike websites. Google has been working on this from a long...

[ This is a content summary only. Visit our website http://bit.ly/1b4YgHQ for full links, other content, and more! ]

by Aqsa Rasool via Digital Information World

Twitter to Keep You Updated with latest News Stories In A New Update

Twitter, one of the leading social media platform, is trying a new feature of keeping users updated with the latest news stories by putting them on the top of the timeline. Wally Gurzynski, Product Manager at Twitter, said the purpose of the feature is to keep users updated about what their...

[ This is a content summary only. Visit our website http://bit.ly/1b4YgHQ for full links, other content, and more! ]

by Aqsa Rasool via Digital Information World

TensorFlow.js, Babel 7.3, Jest 24, and the future of JavaScript

#422 — February 1, 2019 Read on the Web JavaScript Weekly Future JavaScript: What's Still Missing? — We’ve looked at ES2018 and ES2019 and it seems JavaScript is evolving at a good pace, but Dr. Axel asks.. what’s still missing? Dr. Axel Rauschmayer Google Play Store Now Open for Progressive Web Apps — Chrome 72 for Android shipped the Trusted Web Activity feature meaning you can now distribute PWAs in the Google Play Store - via our Mobile-focused newsletter. Maximiliano Firtman Swift and Straightforward Bug Fixes for Your JavaScript Apps — Identify impactful errors at a glance. Sort errors by event count or users impacted to find ones that occur most frequently or affect a large segment of users. Get to the root cause of errors quickly with automatic diagnostic collection. Try it free. Bugsnag sponsor FlexSearch.js: A Full Text Search Library — Claims to outperform all of the alternatives while supporting features like multi-word matching and phonetic transformations. Happy in both the browser and Node.js. Nextapps GmbH Jest 24 Released: The JS Testing Framework — It’s been 8 months since the last major release and it’s a big one with built-in support for TypeScript, improved assertion messages, and a fix for an annoying console.log bug, plus it gets a new Web site. Simen Bekkhus Severe Security Vulnerabilities Found in Bower — Bower, a popular web package manager, is vulnerable to archive extractions, so if you’re still using it, upgrade to version 1.8.8. Liran Tal (Snyk) 📣 A Note.. If you don't always make it to the end of an issue, make this week an exception as we've interviewed Sandeep Gupta, the product manager of TensorFlow.js, an increasingly important part of the JavaScript ecosystem in the machine learning space. 💻 Jobs React Native Developer - Remote — Join our fully remote team and help bring one of the leading recreational poker platforms to the mobile world. Replay Gaming Become a Part of European Remote Work Culture — We built the first Europe-focused remote jobs board. No US only positions. Work during European working hours. Europe Remotely Find A Job Through Vettery — Vettery specializes in developer roles and is completely free for job seekers. Vettery 📘 Tutorials and Opinions How to Remove Array Duplicates in ES6 — A look at filtering out duplicates from an array and returning only the unique values in three ways, with Set, filter, and reduce. Samantha Ming Improving Code Readability With async/await Ben McCormick Type-Driven Development: Replacing Unit Tests with Types in TypeScript — Unit tests are great. But on TypeScript projects, many of them can be replaced with explicit type definitions.. Andy Peterson Secure and Accelerate Your Cloud Storage — Use Cloudflare Workers to cache content while still preventing unwanted access with HMAC & JSON Web Tokens. Cloudflare Workers sponsor Object.assign vs Object Spread in Node — The Object spread operator {...obj} is similar to Object.assign(), so which should you use? Valeri Karpov What Is 'Tree Shaking' and How Does It Work? — Ire is great at explaining concepts in a way anyone can understand. Ire Aderinokun Building an Image Recognition App using ONNX.js — ONNX.js is a JavaScript library by Microsoft for running ONNX (Open Neural Network Exchange) models in browsers and on Node. Zain Sajjad Creating Container and Presentational Components in Angular Latish Sehgal A Year on TC39: Going from Oblivious to Co-Chair in 14 Months — You’ll enjoy this story if you’re interested in the way the standards behind JavaScript come together and get discussed. Aki Rose (Braintree) 🔧 Code and Tools Babel 7.3.0 Released — Includes support for named capturing groups in regular expressions, private instance accessors, and the smart pipeline operator. Nicolò Ribaudo A Much Faster Way to Debug Code Than with Breakpoints or console.log — Wallaby catches errors in your tests and displays the results of expressions right in your editor as you type. Wallaby.js sponsor Finance.js: A Library for Common Financial Calculations — Covers several things like amortization, compound interest, ROI.. Essam Brady-Jobory TypeScript 3.3 Released — A smaller than usual release with no breaking changes. Microsoft Relay: A Framework for Building Data-driven React Applications — Version 2 just came out and now uses the new Context API rather than the legacy one. It also steps up to React 16. Facebook Readability.js: Extract the Readable Content from an HTML Document — A standalone version of the library used to power Firefox’s Reader View. Mozilla Improve Video Quality with Per-Title and 3-Pass Encoding Bitmovin sponsor Nuxt.js 2.4: Framework for Server-Rendered Vue.js Apps — 2.4 introduces smart prefetching, TypeScript support (seems to be the fashion!), and more. Plus a formal release schedule has been adopted. Chopin, Chopin, et al. A Vue.js Declarative Animations Library — A declarative Vue template wrapper around Velocity.js. Brian Rosamilia The Lounge: A Modern, Self Hosted Web-Based IRC Client — Version 3 is a major release with lots of updates. The Lounge 💬 A Q&A with… Sandeep Gupta Product Manager for TensorFlow.js at Google Mountain View, CA TensorFlow is a predominantly Python-oriented open source machine learning framework (and dataflow programming in general) originally developed at Google that has seen a burst in popularity recently. TensorFlow.js, released less than a year ago, brings the power of TensorFlow to JavaScript developers keen to do things like in-browser machine learning (though Node is also supported), and we caught up with its product manager to find out a little more about it: How do you see TensorFlow.js opening up new opportunities versus the more established Python and C TensorFlow worlds? In the browser, TensorFlow.js offers unique opportunities by taking advantage of the interactive user experience, sensors such as webcam, microphones, GPS, etc, and the ability to offer rich, real-time visualization experiences. See some fun demos here. For enterprises using Node.js, building ML solutions using TensorFlow.js means that the same teams working on their backend infrastructure can also integrate ML pipelines directly without having to stand-up separate Python-based data-science teams. What's the most interesting use of TensorFlow.js you've seen so far? We are continuously surprised by novel and interesting use cases of TensorFlow.js. Several examples are listed here in our gallery page. We love projects like Creatability and Handsfree.js, which allow you to make more accessible and handsfree interfaces and experiences for the Web and open incredible new opportunities. With server-side TensorFlow.js, Magenta Studio has built several amazing music generation plug-ins using powerful ML techniques. While machine learning is perhaps the most noteworthy use case for TensorFlow, what interesting uses for TensorFlow.js do you see outside of that space? At a low level, TensorFlow.js is fundamentally a math and linear algebra library so it enables non-ML numerical and computational uses. A great example is the work done by Uber in building their Manifold application. Although Manifold is a tool for Uber's ML visualizations, they are using TensorFlow.js for its extremely fast numerical computations in JavaScript. But we are still in the early days of large scale data science in JavaScript. To make TensorFlow.js a widely-used general-purpose computational library, a lot of other numerical functionality would be needed in JS - similar to the rich data analysis toolset that exists in the Python world eg. Numpy, Pandas, matplotlib, etc. Sandeep Gupta is the product manager of TensorFlow and TensorFlow.js.

by via JavaScript Weekly

How to get better at chatting with people IRL (infographic)

Chat is easy when it takes place in a little square box on your laptop or mobile screen. But the more you do it, the more you may find you struggle when it comes to passing the time of day face-to-face with real live humans. It’s worth maintaining your meatspace social skills for a number of...

[ This is a content summary only. Visit our website http://bit.ly/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

Why Do People Click on PPC Advertising?

An effective search marketing strategy uses PPC and organic SEO services as complementary efforts. Specifically, using data from your PPC ad campaigns, you can learn what keywords, copy, topics, and formats your target customers interact with most. This isn’t new information: combining PPC and...

[ This is a content summary only. Visit our website http://bit.ly/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

Google’s Biggest Algorithm Changes of 2018 (And What to Expect in 2019)

Google’s search ranking algorithm is on a never-ending mission to improve the user experience and match people with the highest quality content relevant to their searches. Each year, we see all kinds of updates that reinforce this mentality. Some are more or less predictable by SEO experts, while...

[ This is a content summary only. Visit our website http://bit.ly/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

How to Speed Up Your UX with Skeleton Screens

However well-designed your user interface may be, at some point or other, the people using it are going to have to wait for something to load.

[caption id="attachment_133504" align="aligncenter" width="800"] Photo: Marco Giumelli, “Waiting” [/caption]

A 2014 MIT study showed that humans can perceive discrete images in as little as 13 milliseconds however deciding where to focus takes between 100 and 140 milliseconds. In practical terms, this gives us around 200 milliseconds to present a user interface state change in order to appear instant.

Between 200 milliseconds and 1 second, people feel they are within the flow of their actions. After 1 second without any other feedback, focus starts to shift. Beyond 10 seconds, user focus is likely to be lost entirely.

To make people happy, we need to give an indication that something is happening. This leaves us with three basic options:

• progress bar if we can measure the duration;
• spinner if we can’t; and
• nothing at all.

Psychological studies into progress indicators show that our interpretation of them is anything but linear. Our method of processing a delay doesn’t match up with reality.

Understanding this concept leads us into the realm of manipulating interfaces in order to improve perception.

In software design, skeleton screens provide an alternative to the traditional methods. Rather than show an abstract widget, skeleton screens create anticipation of what is to come and reduce cognitive load.

Skeleton Screens in the Wild

Apple have incorporated skeleton screens into their iOS Human Interface Guidelines under the name “launch images”. Apple’s guidelines recommend showing an outline of the initial application screen excluding text and any elements that may change.

Apple’s Clock

Apple’s Clock is a classic example of a skeleton screen. The launch screen sets the expectation of what the app will look like and creates an impression of the app loading faster than it actually does.

This launch screen shows the basic outline of the app and the four icons at the base of the screen.

Once launched, all the text and variable UI elements are filled in.

Nintendo

Nintendo has recently launched their first mobile application, which pays absolutely no attention to UI guidelines or common decency.

The initial launch screen shows the title of the app and a background image none of which reflect the application’s use.

After launch, a load screen first has a “Loading” text indicator as a minimalist spinner.

Then you get a numeric progress indicator.

And that’s followed by another spinner.

Finally, the application itself appears.

Over an incredible 14 second load time, Nintendo use two spinners and one progress bar, none of which do much to ease the load time. The dynamic “tips” during the load screen also act as a spinner by changing the UI state and creating a sense of progress.

Each discrete screen requires a new visual scan and makes the launch process seem even slower than it actually is.

The post How to Speed Up Your UX with Skeleton Screens appeared first on SitePoint.

by Chris Lienert via SitePoint