Developer’s Notes #10
Developer’s Notes #10 🌊
• Internet trends in 2019: the main points from Mary Meeker's annual report - Offtopic on vc.ru
• How are generations Y and Z different - and what brands should talk to them about
• Multitasking is killing your brain
Design
Twitch has done a redesign
Twitch Brand | Meet your new Twitch
Lays Chips Redesign
Why It Took Lay's 2 Years to Redesign a Bag of Potato Chips
What do the mysterious “…” mean in IOS design and do they really confuse users?
Less... Is More? Apple's Inconsistent Ellipsis Icons Inspire User Confusion - TidBITS
We approach the development of the perfect logo from a scientific and animal point of view
This Is Why You Need The Science Behind Logo Design
Very cool article about the most common mistakes of misunderstanding the purpose of design on the part of business.
How to Communicate with People Who Don't "Get" Design | UXPUB
How Uber made Uber Lite and why they abandoned in-app maps
Yes, a service for ordering a taxi and without a map in full screen.
How Uber quietly redesigned its interface for the rest of the world
Redesign of the Mail Ru mobile application
P.s. I’ve been using it since the first testflight version and I’m enjoying it.
Mail.ru - mobile application redesign | UXPUB
29 years of Adobe PhotoShop, looking at how the interface has changed over the years
• 29 Years of Adobe Photoshop Design History - 101 Images - Version Museum
• UI/UX case: A new type of interaction - parallel chat
If ordinary people come up with new methods of behavior, then a robot does this for Alibaba. Not only UI, but also UX.
How did Alibaba design products?
• AI visual design is already here — and it won’t hesitate to take over your petty design job
• How Netflix gets you to subscribe - UX analysis
Speaking of Netflix, here is a selection of documentaries about/about design, which can be found in Netflix documentaries.
How are those Elon Tesla?
Design Tools
Constantly making images for social networks and getting confused about the sizes and requirements...
kb-12/guide — lendos tip. Everything is beautiful and structured. Save.
Diez — Cross-Platform Design System Framework. Looks delicious and worth keeping an eye on this project.
Printable Mockups — service for flexible customization of templates for creating future designs.
🌟 Gifski — A free app for MacOS to create GIFs from videos.
Sponsor of all gifs in this issue of DN: open source
Catch the Behance alternative — Land-Book — an excellent site that collects atypical collections of landing pages with working links to them.
Creative Conversation Cards — a set of 50 cards with questions that reveal different aspects of your attitude towards the profession, communication and life in general. The questions are good for self-reflection, and for use in interviews)) try it.
Link to download printable version — https://assets.dropbox.com/documents/en-us/creative-conversation-cards.pdf
Each participant selects 4–6 cards from the deck with questions that he considers necessary to answer and answers in front of everyone. This helps people working in a team get to know each other better.
Creative Energy Worksheet — coordinate map of the distribution of projects depending on their impact on creative energy. It is proposed to distribute all available current tasks on the map in order to understand which of them drive, poke or you just like them, and which ones, on the contrary, only take away energy. It seems to everyone that we already know which projects are good and which are not, but by distributing them on a map it is easier to notice patterns and make the necessary decisions.
Download link — https://assets.dropbox.com/documents/en-us/creative-energy-worksheet.pdf
Webdesignmuseum — web design museum. You can see what the websites of large companies and well-known services looked like 20 years ago and see how they have changed over time.
Not a single DN issue is complete without a service for selecting a palette (as if in an elementary class in Chinese schools this is the first task after a summer of learning web development - to make your own website with palettes)
Muz.li We've collected 59 of these tools for creating palettes! (They say that they have collected the best)
Color Tools For Designers 2019
Get waves — a simple web application for generating SVG waves.
Visualsitemaps — a service that automatically generates a visual interactive site map with screenshots
Screenchat.live — a service for creating realistic fake correspondence.
Mockupworld.co — a cool site with cool mockups (free and those you have to pay for, but they look equally juicy)
Development
Everything you need to know about Node.js, what problems there are in working with threads and how they can be solved with new tools
A very short and interesting story..
• Everything you need to know about Node.js
Tutorial on smooth page scrolling from Tympanus
Smooth Scrolling Image Effects | Codrops
An article on how to take all factors into account and make the most ideal transition to a night theme for your application
A guide to implementing dark modes on websites
We quickly go through the most common CSS properties and improve the UX of our sites
why is em better than px and in what situations...
CSS rules that will make your life easier
Let your browser tell you which elements you need to improve on their loading speed.
("priority" tab in Chrome DevTools)
Resource Prioritization - Getting the Browser to Help You
Development Tools
useanimations — cool animated icons on Lottie and completely free.
json.pizza — the very... perfect JSON validation tool we've all been waiting for!
There are people who make food and post it on Instagram.. If you write code and you need to post it on Instagram..
codeimg.io — a tool for processing code before publishing it on social networks. Analogue carbon.now.sh, but tailored for social networks (yes.. this happens too).
Game DEV
This mod turns Geralt from The Witcher 3 into a full-fledged magician
• Why recreating penises in video games is difficult - DTF Games
• Creating a design document for a narrative game mission using the example of Last of Us
Differences in approaches to interface development in digital products and games.
How Video Games Inspire Great UX
Thank you for reaching the end :)
If you have feedback or any suggestions — you can write to me on Telegram. I will be pleased 😉
Subscribe to Developer’s Notes в Telegram
Last issue:
A selection of interesting tools:
Developer’s Notes | Work Tools List ✨
Developer’s Notes #10 was originally published in Developer’s notes on Medium, where people are continuing the conversation by highlighting and responding to this story.