Tag Archives: digital

Using Design Workouts To Build World-Class Design Teams

What do the makers of the most successful products in the world, whether digital or physical, have in common? I bet they put design and user experience at the center of everything they do. These companies recognize that the smallest detail can make or break a product. The best design ideas, though, are made not in isolation, but by strong, well-rounded teams. So, how do you cultivate a strong design team?

Taken from:  

Using Design Workouts To Build World-Class Design Teams

Building Accessible Menu Systems

Editor’s Note: This article originally appeared on Inclusive Components. If you’d like to know more about similar inclusive component articles, follow @inclusicomps on Twitter or subscribe to the RSS feed. By supporting inclusive-components.design on Patreon, you can help to make it the most comprehensive database of robust interface components available.
Classification is hard. Take crabs, for example. Hermit crabs, porcelain crabs, and horseshoe crabs are not — taxonomically speaking — true crabs.

Read article here:

Building Accessible Menu Systems

Mobile Interface Myths You Should Throw Out The Window

If anything’s clear in 2017, it’s that lying is back in fashion (if it ever left us at all). From the heated fake news debate to the false data provided by Facebook, lying is all the rage these days. A white lie here and there is no big deal. We’re all guilty of it. The problem arises when lies turn into full-grown myths, then become accepted as truths.
In an era of digital chaos, we understandably gravitate to our trusted sources of information.

Link to article – 

Mobile Interface Myths You Should Throw Out The Window

Creating Secure Password Resets With JSON Web Tokens

When a user of your application has forgotten their password, it can and should be reset securely. To accomplish a secure password reset, I will demonstrate how to use JSON Web Tokens (JWT) to generate a URL-safe token. The JWT contains encoded information about the user and a signature that, when decoded, is validated to ensure that the token has not been tampered with.

Illustration showing mobile, medium and wide viewports, where the layout of the header and sidebar change as the viewport widens.

Once the JWT is validated, your application can securely allow the user to generate a new password, instead of sending them their forgotten one.

The post Creating Secure Password Resets With JSON Web Tokens appeared first on Smashing Magazine.

Originally from:  

Creating Secure Password Resets With JSON Web Tokens

How to Optimize Your Website for Google’s Mobile-First Index

We know that Google’s Mobile-First Index is coming. As is the norm with Google, we’re just not sure when. The latest reports from SMX Advanced in Seattle back in June saw Gary Illyes quoting early 2018 as the rollout date, but we can expect a fairly soft roll out on this one. It’s also likely that Google will be providing webmasters with a lot of guidance as this is a huge move with the potential to cause havoc to a lot of great websites if they get it wrong. With that timeline in mind, there are things you can be…

The post How to Optimize Your Website for Google’s Mobile-First Index appeared first on The Daily Egg.

View original – 

How to Optimize Your Website for Google’s Mobile-First Index

Quick Wins For Improving Performance And Security Of Your Website

When it comes to building and maintaining a website, one has to take a ton of things into consideration. However, in an era when people want to see results fast, while at the same time knowing that their information online is secure, all webmasters should strive for a) improving the performance of their website, and b) increasing their website’s security.

Quick Wins For Improving Performance And Security Of Your Website

Both of these goals are vital in order to run a successful website. So, we’ve put together a list of five technologies you should consider implementing to improve both the performance and security of your website.

The post Quick Wins For Improving Performance And Security Of Your Website appeared first on Smashing Magazine.

Read the article – 

Quick Wins For Improving Performance And Security Of Your Website

Naming Things In CSS Grid Layout

When first learning how to use Grid Layout, you might begin by addressing positions on the grid by their line number. This requires that you keep track of where various lines are on the grid, and also be aware of the fact the line numbers reverse if your site is displayed for a right-to-left language.

Naming Things In CSS Grid Layout

Built on top of this system of lines, however, are methods that enable the naming of lines and even grid areas. Using these methods enables easier placement of items by name rather than number, but also brings additional possibilities when creating systems for layout. In this article, I’ll take an in-depth look at the various ways to name lines and areas in CSS Grid Layout, and some of the interesting possibilities this creates.

The post Naming Things In CSS Grid Layout appeared first on Smashing Magazine.

Taken from – 

Naming Things In CSS Grid Layout

Implementing A Service Worker For Single-Page App WordPress Sites

With so many JavaScript frameworks around, single-page application (SPA) websites seem to be all the rage nowadays. However, an SPA architecture has the drawback of having a slower first-page load than a server-based application, because all of the JavaScript templates used to render the HTML view must be downloaded before the required view can be generated.

Implementing A Service Worker For Single-Page App WordPress Sites
Enter service workers. Through service workers, all framework and application code to output the HTML view can be precached in the browser, thus speeding up both the first meaningful paint and the time to interact. In this article, I will share my experience with implementing service workers for PoP, an SPA website that runs on WordPress, with the goal of speeding up the loading time and providing offline-first capabilities.

The post Implementing A Service Worker For Single-Page App WordPress Sites appeared first on Smashing Magazine.

See more here – 

Implementing A Service Worker For Single-Page App WordPress Sites

What is Web Spam?

Web Spam: Intentional attempts to manipulate search engine rankings for specific keywords or keyword phrase queries. But isn’t that what SEO is? Trying to get your website content to rank better in search engine results? Well… There’s a fine line between doing everything you can to give your website content the best shot at ranking well in the search engines, vs. trying every sneaky trick possible. The Old Days of Web Spam – Keywords, Keywords, Keywords Everywhere! The first search engines (Lycos, HotBot, AltaVista to name a few) used a fairly basic approach to ranking webpages. For the most part,…

The post What is Web Spam? appeared first on The Daily Egg.

Read the article: 

What is Web Spam?

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

Two years ago, I decided to start a series of short WebGL experiments on Codepen. Earlier this year, I finally found the time to compile them all together on a single website named “Moments of Happiness”. Since its incarnation, I’ve found ways to explore and learn different animation and interaction techniques, which I’ve implemented in these interactive toys.

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

As you’ll see, the gameplay is very different in each one, but all of the experiments share one principle: The behavior of each character responds programmatically to user input. No precalculated animation — every movement is defined at runtime. Breathing life into these characters with only a few lines of code was the main challenge.

The post Exploring Animation And Interaction Techniques With WebGL (A Case Study) appeared first on Smashing Magazine.

View this article:  

Exploring Animation And Interaction Techniques With WebGL (A Case Study)