Collective #542

Inspirational Website of the Week: Igor Mahr A web design full of lively motion with a truly unique feel. Our pick this week. Get inspired This content is sponsored via Syndicate Ads Easily Secure and Manage All Your Apple Devices in Minutes Jamf Now Read more

Collective #368

dreamt up by webguru in Uncategorized | Comments Off on Collective #368


C368_Scrollama

Scrollama

Scrollama is a modern and lightweight JavaScript library for scrollytelling using IntersectionObserver in favor of scroll events.

Check it out















C368_charts

Chartkick

With Chartkick you can easily create beautiful JavaScript charts with just one line of React.

Check it out








Collective #368 was written by Pedro Botelho and published on Codrops.


Source: Codrops, Collective #368

From Cats With Love: Welcome The New Smashing Membership

dreamt up by webguru in Uncategorized | Comments Off on From Cats With Love: Welcome The New Smashing Membership

We can’t believe it’s actually happening. After 18 months of hard work on the big bang relaunch of this little website, today is the day when everything changes. New design and new technical stack. New personality and new ambitious goals. But most importantly, a new focus on our wonderful web community, with the brand new Smashing Membership.
Rewarding Great People Doing Great Work In times when we fight all the craziness and narrow-mindedness around us, we need to remind ourselves how wonderful a vast majority of the web community actually is.
Source: Smashing Magazine, From Cats With Love: Welcome The New Smashing Membership

A Comprehensive Guide To Web Design

dreamt up by webguru in Uncategorized | Comments Off on A Comprehensive Guide To Web Design

(This is a sponsored post). Web design is tricky. Designers and developers have to take a lot of things into account when designing a website, from visual appearance (how the website looks) to functional design (how the website works). To simplify the task, we’ve prepared this little guide.
In this article, I’ll focus on the main principles, heuristics, and approaches that will help you to create a great user experience for your website.
Source: Smashing Magazine, A Comprehensive Guide To Web Design

Collective #367

dreamt up by webguru in Uncategorized | Comments Off on Collective #367

























C367_frame

From Our Blog

Animated SVG Frame Slideshow

An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles.

Check it out

Collective #367 was written by Pedro Botelho and published on Codrops.


Source: Codrops, Collective #367

Monthly Web Development Update 11/2017: Browser News, KRACK and Vary Header Caching

dreamt up by webguru in Uncategorized | Comments Off on Monthly Web Development Update 11/2017: Browser News, KRACK and Vary Header Caching

Editor’s Note: Our dear friend Anselm Hannemann summarizes what happened in the web community in the past few weeks in one handy list, so that you can catch up on everything new and important. Enjoy!
Welcome back to our monthly reading list. Before we dive right into all the amazing content I stumbled upon — admittedly, this one is going to be quite a long update — I want to make a personal announcement.
Source: Smashing Magazine, Monthly Web Development Update 11/2017: Browser News, KRACK and Vary Header Caching

Using CSS Grid: Supporting Browsers Without Grid

dreamt up by webguru in Uncategorized | Comments Off on Using CSS Grid: Supporting Browsers Without Grid

When using any new CSS, the question of browser support has to be addressed. This is even more of a consideration when new CSS is used for layout as with Flexbox and CSS Grid, rather than things we might consider an enhancement.
In this article, I explore approaches to dealing with browser support today. What are the practical things we can do to allow us to use new CSS now and still give a great experience to the browsers that don’t support it?
Source: Smashing Magazine, Using CSS Grid: Supporting Browsers Without Grid

Collective #366

dreamt up by webguru in Uncategorized | Comments Off on Collective #366




C366_costjs

The Cost Of JavaScript

Addy Osmani writes on how to optimize your JavaScript to load faster and be interactive quickly on mobile devices.

Read it


C366_avatar

Avataaars

An outstanding Sketch library by Pablo Stanley where you can mix and match avatars.

Get it








C366_checklist

Inclusive Web Design Checklist

A repo by Heydon Pickering that aims to be the biggest checklist of inclusive design considerations for the web, including items for accessibility, performance, device support, interoperability and language.

Check it out


C366_sql

Datasette

Datasette is a new tool for creating and publishing JSON APIs for SQLite databases.

Check it out










Collective #366 was written by Mary Lou and published on Codrops.


Source: Codrops, Collective #366

Mobile Interface Myths You Should Throw Out The Window

dreamt up by webguru in Uncategorized | Comments Off on 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.
Source: Smashing Magazine, Mobile Interface Myths You Should Throw Out The Window

Creating Secure Password Resets With JSON Web Tokens

dreamt up by webguru in Uncategorized | Comments Off on 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.
Once the JWT is validated, your application can securely allow the user to generate a new password, instead of sending them their forgotten one.
Source: Smashing Magazine, Creating Secure Password Resets With JSON Web Tokens

10 Simple Tips To Improve User Testing

dreamt up by webguru in Uncategorized | Comments Off on 10 Simple Tips To Improve User Testing

(This is a sponsored post). Testing is a fundamental part of the UX designer’s job and a core part of the overall UX design process. Testing provides the inspiration, guidance and validation that product teams need in order to design great products. That’s why the most effective teams make testing a habit.
Usability testing involves observing users as they use a product. It helps you find where users struggle and what they like.
Source: Smashing Magazine, 10 Simple Tips To Improve User Testing