Developer’s Notes #9 🌀
Очень крутая статья про создание креативной и эффективной рекламы. Разбираются форматы рекламных постов и примеры наилучшено их использования.
Как зарабатывать 67,801,400₽/год за продажу шаблонов сайтов WordPress?
Хотите чтобы вас читали? Научитесь интересно писать.
О скрытно действующей фирме с огромной оценкой стало известно после обнаружения уязвимости в WhatsApp, через которую, как предполагается, был взломан богатейший человек планеты — Джефф Безос.
Что произойдет, если вы потеряете доступ к второму фактору?
Потеряете “доверенное устройство” Apple например.
Design
Разбираемся с патентами.
Можно ли патентовать UX и кто придумал то, что все новые сервисы пытаются скопировать.
Какие бывают сетки в вебе и приложениях
Основные моменты в разработке дизайна для мобильных приложений.
Статья про дизайн экрана оплаты в мобильных приложениях.
Все примеры сопровождаются анимацией в контексте.
Три типа дизайна, учимся делать, думать и понимать.
Как внедрить принципы дизайна в ваш бизнес?
Очень крутая статья об использовании цветов в маркетинге и представлении продукта.
John Rhea предлагает воспринимать вашего пользователя, как героя небольшой истории.
Sketch vs Figma vs Adobe XD vs Framer X обзорная статья о различиях этих инструментов.
Ребрендинг Miro (RealtimeBoard) за 3 месяца.
(с недавнего времени RealtimeBoard называется Miro)
Design Tools
Muzli сделали Google для дизайнеров и их дизайнов.
Можно найти всё что угодно в гробальной мусорке дизайнерских ресурсов, цветов, мокапов…
PixelSnap 2 — приложение для macOS, которое позволяет дизайнерам и разработчикам очень легко измерять любые объекты на экране.
Vectary 3.0 — хотите в 3D, но Сinema4D, 3ds Max и Blender не для вас? Этот инструмент поможет вам освоить 3D прямо из браузера. Экспорт в некоторые форматы без танцев с конвертерами обойдется в 9$, в остальном инструмент бесплатный.
AEUX — экспорт макетов Sketch для использования в After Effects.
Octopus.do — сервис для создания карты сайта и приблизительного расчета стоимости разработки.
Remove.bg — (сервис для удаления фона с фотографий) выпустил приложения для MacOS/Windwos/Linux и плагин для Photoshop.
Icomoon.io — сервис, который позволит из загруженных вами иконок собрать полноценный шрифт для web.
Colorbox.io — очередная палитра. Простая, быстрая, удобная.
Myfonts.com/WhatTheFont/ — сервис распознавания шрифтов по загруженному изображению.
Useberry — сервис помогает проводить юзабилити-тестирование интерактивных прототипов.
Quirktools.com — сервис, содержащий инструменты для тестирования, диагностики прототипов, сеток..
Speakhuman.today — сервис генерирует человеческие тексты для разных событий в вашем проекте.
Geenes.app — сервис подбора палитры.. Geenes покажет как люди с различными дефектами зрения будут воспринимать ваши цвета и построит пример UI с использованием собранной вами палитры.
Как Developer’s Notes, только о другом:
- Designnotes.co — коллекция самых различных ресурсов для дизайнеров.
- ficture.design — ресурс, на котором собираются крутые сайты и производится анализ их типографии.
- betterwebtype.com — ресурс с ресурсами про типографию. Есть даже игры на запоминание шрифтов и книги.
Development
Почему нужно делать плагины для Sketch и как их вообще делать?
В статье есть очень крутые примеры.
Что значит быть Full Stack разработчиком?
Хлебные крошки на сайте при помощи CSS.
Что можно делать с console, кроме как log?
Ответ возможно вас поразит. Например, с помошью console.time() можно замерять тайминги операций..
Что такое BigData простым языком?
На блоге css-live наткнулся на очень интересную статью про css inline-block. Было интересно и рядом нашлось еще много полезного материала по этой теме.
Туториал по созданию формы оценки сложности пароля с индикацией сложности.
Что случится с человеком, который целый день будет использовать только IE8?
Браузерное разнообразие начинается с нас.
Что такое WebSockets, зачем нужны, как использовать и как появились?
Что такое DNS как работает и что нужно об этом знать.
Отчет Stack Overflow Developer Survey 2019
Статья о том, как сделать невероятно крутой эффект Sticky Image при помощи Three.js
Ну и под конец.. немного поиграем.
Design Patterns Game — игра, которая проверит насколько хорошо вы знаете патерны проектирования на javascript.
Я нашел несколько хороших практик.. о которых раньше даже не догадывался.
Development Tools
pagePiling.js — плагин, который даёт возможность сделать на сайте секционную прокрутку страниц. Очень часто при реализации подобного эффекта, скрол с мобильных устройств или тачпадов уводит на несколько экранов, здесь этот недочет учтен.
lax.js — крошечный (3kb) плагин на ванильном js для создания крутых smooth scroll animations.
DisplayJS — крошечный фреймворк, упрощающий синхронизацию данных с DOM. С помощью DisplayJS можно просто сопоставлять (мапить) переменные JavaScript с определенными элементами HTML, аналогично тому, как работают шаблоны React или Vue.js.
Howlerjs —хороший инструмент для работы со звуком в web. От потоковых плееров и проигрывателей, до звука в браузерных играх. На сайте есть множество примеров.
Phpinsights.com — отличный инструмент для анализа качества кода (и не только) PHP проекта.
javascriptobfuscator.com — если вам вдруг понадобится обфусцировать свой js код, то вспомните про этот инструмент.
uppy.io — плагин формы загрузки файлов. Поддерживаются облачные сервисы и еще много чего.
Все любят регулярки.
Game DEV
Twitch это платформа для интровертов.
Давненько ничего нового про VR не было слышно.. на сайте createwebvr вы найдете компании, которые занимаются шлемами для VR, все фреймворки для разработки web проектов, конференции и многое другое..
Создатель Iconoclasts рассказал о психологических проблемах и напряжении, которое испытывали в течение многих лет.
В игровой индустрии существует романтизированный образ разработчика-одиночки: он полностью контролирует творческий процесс; редкий гений, стремящийся реализовать художественное видение, не подверженный влиянию фокус-групп, давлению рынка и других коммерческих аспектов, которые касаются издателей ААА-тайтлов. Это то, к чему стремятся многие разработчики.
В статье рассказывается о процессе портирования простой игры на C в веб среду, при помощи Emscripten — компилятора из C/C++ в JavaScript
Подпишись на Developer’s Notes в Telegram
Прошлый выпуск:
