Collective #565

Inspirational Website of the Week: Bruno Arizio An outstanding design with some very engaging and elegant interactions. Our pick this week. Get inspired This content is sponsored via Thought Leaders Clubhouse.io: PM tool that’s easy on the eyes Try the modern project management Read more

A Comprehensive Guide To Wireframing And Prototyping

dreamt up by webguru in Uncategorized | Comments Off on A Comprehensive Guide To Wireframing And Prototyping

(This is a sponsored article.) With the big picture established and your user interface considered, it’s time to start building some prototypes. My sixth article in this series of ten articles dives into the prototyping process. As I’ve stressed before in the earlier articles in this series, the best design follows an iterative process:
You undertake research, working with users to identify the underlying user requirements that need to be addressed.
Source: Smashing Magazine, A Comprehensive Guide To Wireframing And Prototyping

Collective #394

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









Screen-Shot-2018-03-01-at-21.21.40

It’s Resilient CSS Week

A video series where Jen Simmons explains step-by-step how to write CSS that works in every browser at the same time, including the old ones.

Watch it





C394_color

V6: Color

The last article in a three-part series about Rob Weychert’s website redesign.

Check it out


C394_notifications

Notifications

Heydon Pickering takes a look at notification components and how they can increase confidence in the use of web applications, in an inclusive way.

Read it


C394_promts

Prompts

Lightweight and user-friendly interactive prompts that use promises and async/await.

Check it out







C394_Sixdegrees

Six Degrees of Wikipedia

Inspired by the concept of six degrees of separation, Six Degrees of Wikipedia traverses links on Wikipedia to find the least number of clicks it takes to travel between any of the nearly six million pages.

Check it out




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


Source: Codrops, Collective #394

Contributing To WordPress: A Beginner’s Guide For Non-Coders

dreamt up by webguru in Uncategorized | Comments Off on Contributing To WordPress: A Beginner’s Guide For Non-Coders

If you’ve been using WordPress for any amount of time, there’s a good chance you’ve come across the following statement: “Free as in speech, not free as in beer.’ If you haven’t, pull up a chair and let’s talk.
WordPress is a free and open-source software (also known as FOSS) project. The explanation of that could easily fill up a separate article, but the TL;DR version is that the software is free to download, use, inspect and modify by anyone who has a copy of it.
Source: Smashing Magazine, Contributing To WordPress: A Beginner’s Guide For Non-Coders

Exploring New Worlds In March: The Smashing Creativity Submissions And Winner

dreamt up by webguru in Uncategorized | Comments Off on Exploring New Worlds In March: The Smashing Creativity Submissions And Winner

Everybody’s an artist. That was the idea behind the Smashing Creativity Challenge which we announced at the beginning of the month. We asked the community to get their creative ideas flowing, and design a desktop wallpaper for March 2018. The only requirement: The wallpaper had to somehow relate to the theme “Exploring New Worlds”. How? Well, only your imagination was the limit.
Today, we are happy to present the result of this creative experiment, and the lucky winner, too, of course.
Source: Smashing Magazine, Exploring New Worlds In March: The Smashing Creativity Submissions And Winner

Smashing Newsletter #200: The Things We Learned

dreamt up by webguru in Uncategorized | Comments Off on Smashing Newsletter #200: The Things We Learned

When we share our lessons learned, we can’t predict who is going to read them, but it can make all the difference in the world. I still vividly remember that day when I received an email from a school teacher in Johannesburg, South Africa, five or six years ago. Back then, they didn’t have any teaching materials available at their school, and interaction design was often taught on paper with a few outdated books from the 90s.
Source: Smashing Magazine, Smashing Newsletter #200: The Things We Learned

How GDPR Will Change The Way You Develop

dreamt up by webguru in Uncategorized | Comments Off on How GDPR Will Change The Way You Develop

Europe’s imminent privacy overhaul means that we all have to become more diligent about what data we collect, how we collect it, and what we do with it. In our turbulent times, these privacy obligations are about ethics as well as law.
Web developers have a major role to play here. After all, healthy data protection practice is as much about the development side — code, data, and security — as it is about the business side of process, information, and strategy.
Source: Smashing Magazine, How GDPR Will Change The Way You Develop

Collective #393

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




C393_jellymario

Jelly Mario

Stefan Hedman puts Mario into a gelatinous Mushroom Kingdom. So much more fun!

Play it


C393_webpack4

Webpack 4

Read all about the new webpack 4 (Legato) version in this article by Sean T. Larkin.

Read it


C393_midi

Neural Arpeggiator

Tero Parviainen’s amazing deep learning experiment: Let a deep neural network play an arpeggiated pattern around your chord.

Check it out





C393_ampemail

On AMP for Email

Jason Rodriguez shares his thoughts on Google’s announcement about adding dynamic content and interactivity to Gmail with AMP for email.

Read it










C393_gifski

Gifski

Gifski is a macOS app for the gifski encoder, which converts videos to GIF animations.

Check it out





C393_FragmentSlideshow

From Our Blog

Animated Fragment Slideshow

A tutorial on how to create an experimental slideshow that animates in fragments. The slider is powered by the “Pieces” library, which was created for achieving interesting effects like these easily.

Check it out

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


Source: Codrops, Collective #393

A Comprehensive Website Planning Guide (Part 2)

dreamt up by webguru in Uncategorized | Comments Off on A Comprehensive Website Planning Guide (Part 2)

In Part 1, I emphasized on the importance of recognizing the purpose of your website, and why planning for the web is just as important as planning for anything else associated with your business. Today, I’d like to go into more detail of evaluating a plan, choosing web professionals, and determining your site structure.
Writing The Plan (Or Proposal) Note: The following section is for designers, but everyone ought to understand this part of the process.
Source: Smashing Magazine, A Comprehensive Website Planning Guide (Part 2)

Adobe XD Contest: Create An App Prototype With Your City's Best-Kept Secrets

dreamt up by webguru in Uncategorized | Comments Off on Adobe XD Contest: Create An App Prototype With Your City's Best-Kept Secrets

(This article is kindly sponsored by Adobe.) Every city has its hidden spots: the best place to see the sunset, a cozy coffee shop that makes excellent espresso, or that impressive building you won’t find in any guidebook. As a visitor, you might stumble across little gems like these by chance, but, well, no one knows a city’s secrets as well as the locals, right?
Now’s your opportunity to let fellow creatives see your city through your eyes — and to put your design skills to the test at the same time.
Source: Smashing Magazine, Adobe XD Contest: Create An App Prototype With Your City's Best-Kept Secrets

Adding Code-Splitting Capabilities To A WordPress Website Through PoP

dreamt up by webguru in Uncategorized | Comments Off on Adding Code-Splitting Capabilities To A WordPress Website Through PoP

Speed is among the top priorities for any website nowadays. One way to make a website load faster is by code-splitting: splitting an application into chunks that can be loaded on demand — loading only the required JavaScript that is needed and nothing else. Websites based on JavaScript frameworks can immediately implement code-splitting through Webpack, the popular JavaScript bundler. For WordPress websites, though, it is not so easy. First, Webpack was not intentionally built to work with WordPress, so setting it up will require quite some workaround; secondly, no tools seem to be available that provide native on-demand asset-loading capabilities for WordPress.
Source: Smashing Magazine, Adding Code-Splitting Capabilities To A WordPress Website Through PoP