Developer’s Notes #9 🌀
A very cool article about creating creative and effective advertising. The formats of advertising posts and examples of how best to use them are discussed.
How to earn 67,801,400 RUR/year for selling WordPress website templates?
Do you want to be read? Learn to write interestingly.
A secretive company with a huge valuation became known after the discovery of a vulnerability in WhatsApp, through which the richest man on the planet, Jeff Bezos, is believed to have been hacked.
What happens if you lose access to the second factor?
You will lose your “trusted device” from Apple, for example.
Design
We deal with patents.
Is it possible to patent UX and who came up with what all new services are trying to copy.
What are the types of grids in the web and applications?
Key points in developing design for mobile applications.
An article about the design of payment screens in mobile applications.
All examples are accompanied by animation in context.
Three types of design, learning to do, think and understand.
How to implement design principles in your business?
Very cool article about using colors in marketing and product presentation.
John Rhea suggests thinking of your user as the hero of a short story.
Sketch vs Figma vs Adobe XD vs Framer X review article about the differences between these tools.
Rebranding Miro (RealtimeBoard) in 3 months.
(Recently RealtimeBoard is called Miro)
Design Tools
Muzli made Google for designers and their designs.
You can find anything you want in the trash bin of design resources, colors, mockups...
PixelSnap 2 is an app for macOS that makes it very easy for designers and developers to measure any object on the screen.
Vectary 3.0 — do you want to work in 3D, but Cinema4D, 3ds Max and Blender are not for you? This tool will help you master 3D directly from your browser. Exporting to some formats without dancing with converters will cost $9, otherwise the tool is free.
Original picture: open source
AEUX - Export Sketch layouts for use in After Effects.
Octopus.do — a service for creating a site map and approximate development cost calculations.
Remove.bg — (a service for removing backgrounds from photos) has released applications for MacOS/Windwos/Linux and a plugin for Photoshop.
Icomoon.io - a service that will allow you to assemble a full-fledged font for the web from the icons you download.
Colorbox.io - another palette. Simple, fast, convenient.
Myfonts.com/WhatTheFont/ — a font recognition service based on an uploaded image.
Useberry — the service helps conduct usability testing of interactive prototypes.
Quirktools.com — a service containing tools for testing, diagnostics of prototypes, meshes...
Speakhuman.today — the service generates human texts for various events in your project.
Geenes.app — palette selection service. Geenes will show how people with various visual impairments will perceive your colors and build an example UI using the palette you have collected.
Like Developer’s Notes, but about something else:
Development
Why do you need to make plugins for Sketch and how to make them?
The article has some very cool examples.
What does it mean to be a Full Stack developer?
Breadcrumbs on the site using CSS.
What can you do with console, except log?
The answer may surprise you. For example, using console.time() you can measure operation timings..
What is BigData in simple terms?
On the css-live blog I came across a very interesting article about css inline-block. It was interesting and there was a lot of useful material on this topic nearby.
Tutorial on creating a password complexity assessment form with complexity indication.
What happens to a person who uses only IE8 all day?
Browser diversity starts with us.
What are WebSockets, why are they needed, how to use them and how did they appear?
What is DNS, how does it work and what you need to know about it.
Report Stack Overflow Developer Survey 2019
An article on how to create an incredibly cool Sticky Image effect using Three.js
And finally... let's play a little.
Design Patterns Game is a game that will test how well you know design patterns in javascript.
I found some good practices... that I didn't even know about before.
Development Tools
pagePiling.js — a plugin that makes it possible to create sectional page scrolling on a website. Very often, when implementing a similar effect, scrolling from mobile devices or touchpads takes several screens, this shortcoming is taken into account here.
lax.js — tiny (3kb) vanilla js plugin for creating cool smooth scroll animations.
DisplayJS is a tiny framework that makes it easy to synchronize data with the DOM. With DisplayJS, you can simply map JavaScript variables to specific HTML elements, similar to how React or Vue.js templates work.
Howlerjs is a good tool for working with sound on the web. From streaming players and players, to sound in browser games. There are many examples on the site.
Phpinsights.com is an excellent tool for analyzing the code quality (and not only) of a PHP project.
javascriptobfuscator.com — if you suddenly need to obfuscate your js code, then remember this tool.
uppy.io — file upload form plugin. Cloud services and much more are supported.
Everyone loves regular games.
Game DEV
Twitch is a platform for introverts.
We haven’t heard anything new about VR for a long time... on the website createwebvr you will find companies that produce VR headsets, all frameworks for developing web projects, conferences and much more..
The creator of Iconoclasts spoke about the psychological problems and tensions experienced over the years.
In the games industry, there is a romanticized image of the lone developer: he has complete control over the creative process; a rare genius who strives to realize an artistic vision, uninfluenced by focus groups, market pressures and other commercial aspects that affect AAA title publishers. This is what many developers strive for.
The article describes the process of porting a simple C game to the web using Emscripten, a C/C++ to JavaScript compiler.
Subscribe to Developer’s Notes в Telegram
Last issue: