Developer’s Notes #7 🚀
Design
Musical UI
Launched the service, where you can listen to sounds from different products.. a very strange thing.. but yes. The goal is clear.
These videos are really interesting to watch...
How people interpret different sounds...
I really liked it with breathing)
Template website builders still won’t calm down. Now STUDIO 2.0 has rolled out. The video is of course in the best traditions... however, I don’t even want to write about the instrument itself.
But I looked at the results of 2018 from Tilda and it’s somehow even cool! I want to drop everything and really go make websites for them.
There are a lot of goodies and UX innovations... they are the only ones doing things right now.
Well, everything has become for people... but is this good?
Personalization of content. Have you eaten? Here's more for you. And then try this.
An article about the problems that contextual advertising and advanced algorithms for selecting recommendations can cause. Very scary and very interesting. I will start translating this article and Maybe you will see him soon.
without leaving the cash register...
UX in Age of Personalization
What can be personalized and where such offers are usually placed. Special patterns and recommendations have already been formed.
Well, now to other articles.
HTML5 Input Types: Where Are They Now?
They say there are such things in HTML - field types..type="number" type="email" type="url" ... but how these types of fields are adapted for different browsers and devices is usually not said.
The YouTube design we deserve.
Full research and concepts.
10 Year Challenge
Stack Overflow, IMDB, The New York Times, Twitter and others... you can scroll through... For example, I liked the old Yahoo better...
Yandex started running Medium. We'll all be here soon.
Spotify has already moved here too.
Very cool article about table design.
If everyone did this...
A good collection of UX practices with examples.
How does children's UX differ from adult UX?
Interesting article and very cool research. You can look at the sign and everything will immediately become clear. The Oldies are getting further away.
Sketch 53 what's new?
Setting up Jira to work with designs.
User Research and Analytics
The following three tools are needed to collect feedback, buybacks, overbacks and all other backs. The services also launched not so long ago, so it makes sense to look at them.
Web Page Usability Matters
Design Tools
MacOS Shortcuts
Product designer Readymag created a website dedicated to shortcuts... MacOS.
I also came across
Almanac by design from Readymag
The ABC of fundamental concepts in design.
Pointbreak
Sketch plugin for developing responsive designs in one artboard.
- hemorrhoids
Flowbase is a base that is also a flow.
They collect materials and tools that are now like weeds. I already told you once about similar service, but he was black.
In short, we need to start structuring all this.. I have long wanted to make a selection of tools that I myself use and that can really change your workflow.
Palettte App
Tool for creating a palette... There are already more of these tools than there are flowers in the world.
But this one is cool... at least the approach is original.
Сloudflare color
Cloud, aka flare, also launched their pipette machine.
This tool can look at the colors of an image and show how and what can be done with these colors... this has never happened before.
Stockmagic
This is a magical thing that can throw you any photos from a variety of stocks from the tray.
Eva Icons
An open source project that includes more than 400 very nice icons + animations for them. Very simple, fast and beautiful.
Coverr
beautiful, free stock videos that you can put on your website.
Development
Stuff in NPM
Well.. astronauts.. recently on the blog I showed a website to monitor launched satellites in orbit of our home planet.
It looks something like this:
Now let's do the same with NPM packages and build on the galaxy.
Pix2Story
Microsoft trained the Pix2Story neural network to write short stories based on images in the genres of adventure, science fiction and thriller.
You can try it on the Microsoft website:
Sources:
How to handle errors in JavaScript?
What if you could check NPM packages for malware?
How not to design an API
Webpack 5 Changelog
How to work with time zones in JavaScript?
Top 100 Pens of 2018 on Codepen.
If you have read this far and still have nothing to do, then the next one is for you.
Development Tools
Tilt.js
Allows you to create a parallax effect on buttons or any other elements.
Pressure ice
Force Touch, 3D Touch, and Pointer Pressure in your projects.
Matter
A set of components in the material design style. pure CSS + easy customization.
Hover.css
CSS library for animating buttons and other elements.
sanitize.css
A CSS library that fixes common styling bugs in browsers. Simple, easy, fast.
fx
CLI tool for convenient viewing and editing JSON in the terminal.
Easel.js
library for working with Canvas.
Used in game development and interactive UI creation
Anime
A lightweight and convenient library for working with SVG and much more..
A-FRAME
a web framework that allows you to create various applications, games, scenes in virtual reality. VR in the browser.
Game DEV
Subscribe to Developer’s Notes в Telegram
Last issue: