Logotype

Полезные ссылки

LLM CheckerCLI tool that scans your hardware and shows which LLM models you can run locally with Ollama
  • AI
  • Development
  • Tools
AI Engineering CoachVS Code extension that turns local AI coding session logs into productivity insights
  • AI
  • Development
  • Tools
SkillOptFramework that optimizes natural-language skill docs for LLM agents via rollouts and reflection
  • AI
  • Development
  • Tools
E-ImageCompressionFigma plugin for compressing images without quality loss
  • Figma
  • Design
  • Tools
SVGitoOnline SVG optimizer by Sketch Master
  • Design
  • Frontend
  • Tools
OverAPICollection of cheat sheets for programming languages, frameworks and tools
  • Frontend
  • Development
public-apisCollaborative list of public APIs for developers
  • Development
Claude Code Cheat SheetCheat sheet for Claude Code with shortcuts, commands, MCP and settings
  • AI
  • Development
  • Tools
llmfitTerminal tool that matches LLM models to your RAM, CPU and GPU
  • AI
  • Development
  • Tools
WeCloneTool for creating a digital avatar from chat history by fine-tuning an LLM
  • AI
  • Development
  • Tools
OllamaRun and customize large language models locally
  • AI
  • Development
  • Tools
MiroFishAI simulation chat for scenario prediction with files and multi-agent workflows
  • AI
  • Tools
MakeAutomation platform for connecting apps and building workflows without code
  • Development
  • Tools
n8nFlexible workflow automation platform for technical teams with UI and code
  • Development
  • Tools
HonoFast, lightweight web framework built on Web Standards for any JavaScript runtime
  • Development
  • Tools
NestJSProgressive Node.js framework for efficient, reliable and scalable server-side apps
  • Development
  • Tools
Local use npm packagesHow To Install A Local Module Using NPM?
  • Development
react-magic-motionmagically animates your components
  • Development
  • Tools
  • Frontend
bundlephobiafind the cost of adding a npm package to your bundle
  • Development
  • Tools
jam.devOne click bug reports devs love
  • Development
  • Tools
  • Frontend
TraeTrae is an adaptive AI IDE that transforms how you work
  • AI
  • Development
  • Tools
cursorThe AI Code Editor
  • AI
  • Development
  • Tools
gsapAnimate anything
  • Development
  • Frontend
  • Tools
ReownToolkits to build onchain UX
  • Development
  • Tools
GitLens in VsCodeInteractive Rebase
  • Development
  • Tools
onestackEasy, simple & fast cross‑platform apps
  • Development
  • Frontend
  • Tools
pbcomponentsUI component library for React and Vue with Typescript and Tailwind
  • Development
  • Frontend
  • Design
  • Tools
pbstylesBasic styles for quick prototyping
  • Development
  • Frontend
  • Design
  • Tools
Tailwind DictionaryCreating a Tailwind Theme from design tokens
  • Development
  • Frontend
  • Tools
Mixin DictionaryCreating mixins from design tokens for LESS and SCSS.
  • Development
  • Frontend
  • Tools
clsxA tiny (239B) utility for constructing className strings conditionally.
  • Frontend
  • Tools
Tailwind UIBeautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. The perfect starting point for your next project.
  • Frontend
  • Design
  • Tools
shadcn UIBeautifully designed components that you can copy and paste into your apps. Made with Tailwind CSS. Open source.
  • Frontend
  • Design
  • Tools
Radix UIStart building your app now
  • Frontend
  • Design
  • Tools
obsidianObsidian is the private and flexible writing app that adapts to the way you think.
  • Tools
Headless UICompletely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
  • Frontend
  • Tools
heroiconsBeautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
  • Frontend
  • Design
  • Tools
Frontend DeveloperStep by step guide to becoming a modern frontend developer in 2024
  • Frontend
Create a Component Library FastUsing Vite's library mode
  • Development
  • Frontend
vite-plugin-css-injected-by-jsA Vite plugin that takes the CSS and adds it to the page through the JS
  • Development
  • Tools
  • Frontend
vite-plugin-lib-inject-cssInject css at the top of each chunk file in library mode using import statement
  • Development
  • Tools
  • Frontend
concurrentlyRun multiple commands concurrently.
  • Development
  • Tools
NxBuild system, optimized for monorepos, with plugins for popular frameworks and tools and advanced CI capabilities including caching and distribution.
  • Development
  • Tools
  • Frontend
StencilStencil is a library for building reusable, scalable component libraries. Generate small, blazing fast Web Components that run everywhere.
  • Development
  • Tools
  • Frontend
prettier-plugin-organize-importsMake sure that your import statements stay consistent no matter who writes them and what their preferences are.
  • Development
  • Tools
commitlintLint commit messages
  • Development
  • Tools
npm-run-allA CLI tool to run multiple npm-scripts in parallel or sequential.
  • Development
  • Tools
sizzy.coThe browser for web developers
  • Development
  • Frontend
  • Tools
simple-git-hooksA tool that lets you easily manage git hooks
  • Development
  • Tools
YargsYargs be a node.js library fer hearties tryin' ter parse optstrings
  • Development
  • Tools
Commander.jsThe complete solution for node.js command-line interfaces.
  • Development
  • Tools
CSS mixinsCreating native CSS mixins with @apply rule
  • Development
  • Frontend
Figma Release Notes
  • Figma
Multi for Tailwind CSStailwindcss-multi is a plugin for Tailwind CSS that introduces the multi directive, a utility that allows you to group utility classes together.
  • Development
  • Frontend
  • Tools
Tokens Studio for FigmaTokens Studio for Figma is a Figma Plugin allowing you to integrate Tokens into your Figma designs.
  • Design
  • Figma
  • Tools
cal.comMeet Cal.com, the event-juggling scheduler for everyone. Focus on meeting, not making meetings.
  • Tools
tailwind-mergeUtility function to efficiently merge Tailwind CSS classes in JS without style conflicts.
  • Development
  • Frontend
  • Tools
ncunpm-check-updates
  • Development
  • Tools
buildship.comBuild powerful APIs in minutes
  • Development
  • Tools
Guide to CSS GridAn Interactive Guide to CSS Grid
  • Frontend
meowCLI app helper
  • Development
  • Tools
chalkTerminal string style
  • Development
  • Tools
DesignsStorybook addon for embedding your design preview in addon panel
  • Development
  • Tools
  • Frontend
WhimsicalThe hub for visual collaboration
  • Tools
Styles to VariablesOnly compatible with Color styles (solid and transparent).
  • Figma
  • Design
  • Tools
DestroyerLet Destroyer recursively detach instances, remove auto layouts, detach styles and variables within your current selection so you can iterate faster!
  • Design
  • Tools
  • Figma
mateThe translator app you'll love
  • Tools
builder.ioAutomate your design-to-code workflow with AI
  • AI
  • Development
  • Tools
autocannonBenchmarking tool
  • Development
  • Tools
HyperHyper is an Electron-based terminal
  • Tools
  • Development
LassoMove and resize windows with your mouse
  • Tools
RiveBuild interactive animations that run anywhere
  • Tools
  • Design
SanityA headless CMS and so much more
  • Development
  • Tools
BunDevelop, test, run, and bundle JavaScript & TypeScript projects—all with Bun.
  • Development
  • Tools
  • Frontend
huskyHusky improves your commits
  • Development
  • Tools
ViteGet ready for a development environment that can finally catch up with you.
  • Development
  • Frontend
  • Tools
TSDXZero-config CLI for TypeScript package development
  • Development
  • Frontend
  • Tools
Developer Roadmapsroadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide developers in picking up a path and guide their learnings.
  • Development
  • Tools
Component CTI StructureОбъяснение CTI структуры дизайн-токенов
  • Design
  • Frontend
  • Development
1.1.1.1Бесплатный и безопасный VPN
  • Tools
UUID GeneratorОнлайн генератор рандомных чисел
  • Tools
  • Development
It's Nice ThatДля референсов
  • Design
Integrating Design Tokens With TailwindИнтеграция дизайн-токенов в тему TailwindCSS
  • Design
  • Frontend
Design Tokens Format ModuleДокументация по дизайн-токенам
  • Design
  • Frontend
Run Strapi 4 in a Docker How to Run Strapi 4 in a Docker Container Using Docker Compose
  • Development
Docker with Strapi V4Dockerize Strapi for development
  • Development
TabbyA terminal for the modern age
  • Tools
recoilA state management library for React
  • Frontend
  • Tools
jotaiPrimitive and flexible state management for React
  • Frontend
  • Tools
Certbot и NginxCertbot и nginx, как обратный прокси в Docker
  • Tools
CanduNo-code UI component builder for SaaS products
  • Design
  • Tools
  • Frontend
wunderbucket.ioTurn local folders into websites
  • Tools
  • Frontend
  • Design
Create AppБыстрый конфигуратор для сборки проекта
  • Frontend
  • Tools
style-dictionaryПакет для компиляции дизайн-токенов в css
  • Design
  • Frontend
  • Tools
zeroheightПространство для документирование дизайн-системы для всех участников продуктовых команд
  • Tools
  • Frontend
  • Design
Awesome design systemsБольшая подборка дизайн-систем
  • Design
  • Frontend
  • Tools
Amplitude с помощью GTMПошаговая инструкция: как отправить данные в Amplitude с помощью Google Tag Manager
  • Tools
  • Frontend
EditorConfigКонсистентный код стайл
  • Tools
  • Frontend
timestripeДизайн твоего времени
  • Tools
  • Design
JavaScript Rising StarsЕжегодный обзор тенденций в мире JavaScript
  • Frontend
  • Tools
TailwindcssCSS framework
  • Design
  • Tools
  • Frontend
StorybookИнструмент для сборки UI компонентов
  • Tools
  • Frontend
  • Design
Создание npm-пакетаНабор команд и описание к ним для создания и публикации своего NPM пакета
  • Development
Passport-PasswordlessМетод авторизации без пароля
  • Tools
jamstackВсе что известно про jamstack в одном месте
  • Frontend
Magic linksВолшебная ссылка для авторизации пользователя
  • Tools
NototoПространство для рабочих досок
  • Tools
Favicon в 2021 годуШесть способов на любой вкус
  • Frontend
HTML рекомендацииИ наилучшие практики на русском языке
  • Frontend
xml-sitemapsГенератор карты сайта
  • Tools
  • Frontend
languagetoolПроверки грамматики и стилистики текста
  • Tools
ОрфографПроверка орфографии от Лебедева
  • Tools
ГлавредГлавред помогает очистить текст от словесного мусора
  • Tools
Яндекс.СпеллерПомогает находить и исправлять орфографические ошибки в русском
  • Tools
ОрфограммкаУмная проверка пунктуации, грамматики и стилистики
  • Tools
Карта компетенций продуктового дизайнераОт Юрия Ветрова
  • Design
OverlayFigma to clean code
  • Tools
  • Design
  • Frontend
dayjsАльтернатива Moment.js
  • Frontend
numeralizeНаписание числительных на русском языке с учётом пола и падежа
  • Frontend
С чего начать дизайн сайтов?Стартовый шаблон в Figma
  • Design
Hide My BarБыстрое скрытие Touch Bar на MacBook
  • Tools
CraftКроссплатформенный редактор документов
  • Tools
Визуальный редактор статичного сайтаОтличное решение для сайтов без бекенда, просто удобный редактор для изменения контента на странице
  • Frontend
  • Design
Custom HighlightВозможность выделения слов в тексте без дополнительных обёрток с помощью нативного CSS
  • Frontend
Sortable JSСортируемый перетаскиванием (drag and drop) списки
  • Frontend
  • Design
ПробелыТаблица с пробелами, примерами, кодами и возможностью скопировать в буфер
  • Design
  • Frontend
Тренажер для развития навыков вёрсткиЭто тренажер Ильяхова. Развивает редакторскую насмотренность, помогает лучше верстать.
  • Design
  • Frontend
Как вскрытие может сделать тебя крутым фрилансеромПо сути обычная ретроспектива по agile, но без agile
  • Design
gSwitchПриложение для управления графическими процессорами на MacBook
  • Tools
Эмпатия — это суперсилаИнтервью с руководителем отдела дизайна Google
  • Design
Дизайн-кабакCамый большой коллективный блог про дизайн на русском языке
  • Design
7 фундаментальных приемов психологии в дизайнеВ заголовке написано «должен знать каждый дизайнер», громко сказано, но ознакомиться точно стоит
  • Design
Визуальная культураПро вкус, идеалы, красоту, доверие, заботу, любовь и визуальную среду в окружении
  • Design
TaskadeЧто-то вроде Miro на минималка
  • Tools
Принципы работы вебЗнаете ли вы, как вообще работают сайты?
  • Frontend
Ложная простота в UI дизайнеПроще не всегда значит лучше
  • Design
Airtable CMSОсобенности Airtable как headless CMS для статичного сайта
  • Tools
Product huntПодборки лучший приложений за день
  • Design
  • Tools
Table CreatorПлагин генератор таблиц для Figma
  • Design
  • Figma
Бардак в коммуникацииПочему Basecamp взялась за разработку почтового сервиса Hey
  • Design
Недоверие к дизайну«Что-то не то», «Можно что-то интереснее», «Мне не нравится»
  • Design
10 ошибок при работе с цветом в UIСамые распространенные ошибки дизайнеров при работе с цветом в интерфейсе.
  • Design
Модель «двойного алмаза»Как управлять дизайн-задачами и проектами
  • Design
Дизайн-система в FigmaТатьяна Маслакова рассказывает как организовать дизайн-систему
  • Design
Cross-sale и upsell инструментыКак увеличить средний чек?
  • Design
Алексей НовичковСделал «Финолог», «Мегаплан» и «Оптима»
  • Design
Онлайн журнал для дизайнеровПродуктовый дизайн (UX/UI), брендинг и аналитика
  • Design
CORSВизуализация работы CORS
  • Frontend
CloverМодный блокнот для планирования задач и времени
  • Tools
Библиотека компонетов от iviМне нравиться что ivi выглядит везде одинаково, хороший пример кроссплатформенной дизайн-системы
  • Design
Проектирование доступных цветовых систем в StripeПодробное исследования о том как создать разнообразную цветовую палитру, но при этом учесть все нормы доступности
  • Design
PitchПродвинутое создание красивых презентаций
  • Tools
  • Design
Сколько стоит время сотрудника?Подробно о зарплате сотрудника со всеми налогами
  • Tools
DenoВроде как замена NodeJS
  • Tools
  • Development
Все о дизайне кнопокВсе, что вам нужно знать о дизайне кнопок в интерфейсе
  • Design
Подборка полезных Google-таблицДля учёта финансов, оценки навыков, создания отчётов и других целей
  • Tools
browser 2020Описание всех возможных браузерных API
  • Frontend
  • Tools
OptimaРедактор для осмысленной работы с текстом
  • Tools
storybook-addon-figmaПозволяет добавить пример макета прямо из фирмы для сравнения компонентов
  • Figma
  • Frontend
  • Design
easymoneyБиблиотека для работы с денежными значениями в JavaScript и Typescript
  • Frontend
  • Tools
HamokСервис для быстрого создания презентаций для макетов на разных устройствах
  • Design
  • Tools
ColumnsПриложение для создание множества разных списком
  • Design
  • Tools
Стать профессионаломТри шага в верном направлении
  • Design
Сетка для печатиИнструмент для настройки разных сеток и сохранении для печати
  • Tools
  • Design
Типографская раскладкаРаскладка для клавиатуры от Ильи Бирмана
  • Tools
BeansОблачный кардхолдер
  • Tools
Spacing ManagerПомогает настроить внутри одного компонента
  • Figma
  • Design
Главред в FigmaПлагин главреда в Figma
  • Figma
  • Design
Map MakerДобавляет карту в проект
  • Figma
  • Design
Get WavesГенератор волн и кривых с заливкой
  • Figma
  • Design
Wave & СurveГенератор кривых линий
  • Figma
  • Design
RedlinesПомогает документировать макет для разработки
  • Figma
  • Design
Marka Email GeneratorГенерирует шаблоны электронной почты HTML
  • Figma
  • Design
Sticky NotesСтикеры-заметки для размещения в проекте
  • Figma
  • Design
TypographerОтформатируйте текст с помощью типографских элементов
  • Figma
  • Design
TypografСоздаёт типографические элементы
  • Figma
  • Design
Design LintПроверка макета
  • Figma
  • Design
WebgradientsГенератор градиентов
  • Figma
  • Design
Contentful to FigmaПозволяет использовать данные из Contentful в макетах
  • Figma
  • Design
Специализация дизайнераКак можно сужать свою специализацию
  • Design
10 мелких ошибок в дизайнеВозвращение правила: «Не заставляйте меня думать»
  • Design
Зачем дизайнеру дружить с Tilda?Плюсы и минусы использования Тильды
  • Design
  • Tools
Как оценивать свой прогрессКак оценивать свой прогресс и что считать нормальным развитием?
  • Design
Работа в офисе: плюсы и минусыАвтор делиться личным опытом после перехода с удаленки в офис
  • Design
strapi.ioCMS для фронтенда
  • Frontend
  • Tools
UnshakyПрограмма помогает исправить проблемы с клавиатурой на macbook pro 15
  • Tools
Oh My ZshУлучшаем iTerm
  • Tools
Ripple эффектАнимация эффекта волны
  • Design
  • Frontend
Как технический долг убивает ваши проектыЧто это такое, как понять проблему и что с этим можно сделать
  • Tools
JAMstackКак создать свой блог используя Gatsby + Contentful + Netlify
  • Frontend
  • Tools
Nextjs Custom DocumentИзменение подгружаемых скриптов и вообще всего что есть теге html
  • Frontend
НеоморфизмГотовые стили оформления
  • Design
  • Figma
Ключевые метрики для дизайн-менеджераКак понять эффективность дизайн-команды
  • Design
Почему мы не делаем то, что запланировалиКак одна особенность мешает нам добиваться поставленных целей
  • Tools
Плагины Figma 11 частьПросто хочу сохранить для себя ссылку на эту рубрику
  • Figma
  • Design
bettertouchtoolДелаем Touch Bar полезным
  • Tools
Чекбоксы и переключателиПро семантику элементов и когда их использовать
  • Design
granim.jsАнимированные градиенты
  • Design
  • Frontend
  • Tools
Типографика digital-продуктаКак собрать систему текстовых стилей сложного сервиса, не уходя в крайности.
  • Design
Про стили наведения, фокуса и активного состоянияПодробно про каждое состояние и почему их надо разделять
  • Design
  • Frontend
15 методов работы с массивамиСамое необходимое про массивы в одном месте
  • Frontend
Интуитивно понятный call to action Очень простые, но полезные советы по организации основных действий экрана
  • Design
Дизайн деструктивных действийИспользуйте красные предупреждающие сигналы и другое
  • Design
КомпозицияПлохая композиция убьет сайт, даже если контент интересен
  • Design
Психология рейтинговых системДолжны ли мы перестать использовать звезды?
  • Design
  • Tools
Продуктивность это управление вниманиемА не управление временем
  • Tools
  • Design
10 эвристических принциповЭвристические принципы помогают определить, где дизайн интерфейса не обеспечивает хороший опыт
  • Design
Модульные сетки в работе UX-дизайнераМного информации про сетки, как их использовать и как это влияет на пользователей
  • Design
MixpanelАльтернатива для сбора данных статистики
  • Frontend
  • Tools
AmplitudeАльтернатива для сбора данных статистики
  • Frontend
  • Tools
Как анимация влияет на UXАнимация как часть более качественного взаимодействия с продуктом
  • Design
NextjsReact SSR фреймворк
  • Frontend
  • Development
Скруглённые углы проще для восприятияНемного теории почему скруглять углы это хорошо
  • Design
Скруглённые или остроугольные?Че же блин делать с углами? Разбор с аргументами
  • Design
Популярные мифы о методах обученияПолезно для дизайнеров, чтобы не питать иллюзий про получение опыта пользователя
  • Design
ManifestСтранные, но интересно сделанные заметки прямо в браузере и на одной странице
  • Design
  • Tools
Орфо онлайнСовершенно ужасно выглядит, но работает. Проверка орфографии и пунктуации
  • Tools
Фреймворк для визуального программированияМодульный фреймворк для визуального программирования. Редактор узлов прямо в браузере.
  • Frontend
  • Tools
ContentfulОблачная CMS для создания сайтов без бекенда
  • Tools
Headless CMSСтатья о том как выбрать облачную CMS, чтобы не пилить бекенд
  • Tools
NodeGuiБиблиотека для создания кроссплатформенных дескоптных приложний
  • Tools
  • Development
zeit.coПлатформа для хостинга статичных сайтов, с поддержкой SSR фреймворков
  • Tools
  • Frontend
Next.js + ReduxПростой пример для интеграции Redux в Next.js SPA
  • Frontend
  • Development
Atlassian designКак устроена дизайн-система Atlassian
  • Design
Как стать лидером творческой командыАбстрактор об очевидно, но очень интересно
  • Design
Не мудрите с формами входаПлохие и хорошие паттерны формы авторизации
  • Design
Мир не вертится вокруг UXПрекрасная статья об экзестенциальном кризисе и понимании дизенром ценности своей работы
  • Design
Визуальный сахарПро злоупотребление визуальным сахаром в дизайне
  • Design
Как упростить дизайнСобрание эвристик для понимание процесса упрощения
  • Design
Design tokens with FigmaКак построить работу с дизайн токенама с помощью Figma API
  • Frontend
  • Tools
  • Design
50 day’s challengeОписание опыта участия в челендже
  • Design
MoveableБиблиотека для скейла, драгенддропа и других манипуляций с объектами
  • Frontend
  • Tools
JSON from figma fileТулза для получение данных с figma api. Хорошо подходит чтобы просто разобраться в api
  • Tools
uxcrowdТестирование вашего сайта реальными пользователями
  • Design
  • Tools
Секреты использования семантической версткиСамое важное в этой статье это примеры и объяснение почему семантическая верстка лучше
  • Frontend
Справочник CSSБольшой и понятный справочник по CSS свойствам на русском
  • Frontend
Памятка пользователям sshСохранил ради раздела алиасов, но информации про ssh очень много
  • Tools
tesseract.jsБиблиотека для распознавания текста на изображении
  • AI
  • Frontend
  • Development
Search by MuzliГугл для дизайнеров
  • Design
  • Tools
v8nБиблиотека для умной валидации на js
  • Frontend
Основы работы с файлами в NodejsКак работать с файловой системой средствами Node.js
  • Development
Dockerizing a React AppБыстрый способ поднять CRA в докер контейнере
  • Development
  • Frontend
LocalStorageПочему не стоит использовать
  • Frontend
Генератор чатаДля создания реалистичных скриншотов
  • Design
  • Tools
CSS Grid NinjaТонкости использования гридов
  • Frontend
fuzzyjsНеточная логика поиска в js
  • Frontend
Команда ssh-keygenГенерирует ssh ключ, подробно про все возможные параметры
  • Tools
Figma — как единая точка правдыПочему Figma это хороший инструмент для всех кто участвует в процессе дизайна
  • Design
Производительность фронтендаРазбор важных метрик производительности. Как измерить и повлиять на них
  • Frontend
7 полезных мелочей JS7 полезных и неочевидных советов
  • Frontend
SvelteJSСтатья про новый (относительно) js фреймворк
  • Frontend
  • Tools
TuemilioИнструмент сбора данных о потенциальных пользователях
  • Tools
Overlay ScrollbarsПакет для замены дефолтного скрола браузера
  • Frontend
EmojipediaБиблиотека всех эмоджи
  • Design
Рендер большого спискаКак делать действительно огромные списки без потери скорости отрисовки
  • Frontend
11 JavaScript Animation Libraries For 2019Если лень писать анимацию самому, то всегда можно выбрать готовый вариант
  • Frontend
21 способ ускорить CSSМеньше кода всегда лучше, тут советы как это сделать
  • Frontend
5 советов как лучше писать условные конструкции в JavaScriptКак это делать в сравнении с обычными методами
  • Frontend
Задачки с собеседованийИнтересные задачки с собеседований, могут помочь устроиться на работу или просто быть готовым
  • Frontend
Pre-Commit and Pre-Push Git HooksВозможность для проверки кода на соответствие правилам линтера и тестинга перед пушем
  • Frontend
12 концепций JavaScript, о которых нужно знатьНу не то чтобы обязательно, но лучше ознакомиться
  • Frontend
Как сэкономить ресурсы в браузереБольше про то как работают браузеры
  • Frontend
Понимаем замыкания в JavaScript. Раз и навсегдаВечный вопрос на собеседованиях. Стоит один раз разобраться и закрыть для себя эту тему
  • Frontend
Бандл мечты с помощью WebpackПодключать только то что используется на странице
  • Frontend
  • Development
Часовые пояса в JavaScriptКазалось бы что может быть сложного, но в JS все непросто
  • Frontend
Дебажить JavaScript-код like a PROФункция console намного круче чем мне казалось, офигенные возможности для дебага
  • Frontend
Typescript with React and ReduxКак внедрить Typescript в React приложение
  • Frontend
30 практик HTML5Создание ясного, поддерживаемого и масштабируемого кода
  • Frontend
Поиск на JSПрокачанный поиск по тексту
  • Frontend
Prefetching Links using Service WorkersС Service Workers все становиться лучше
  • Frontend
dropzonejsБиблиотека для создания зоны для перетаскивания файлов
  • Frontend
CSS loading animationsНесколько разных и готовых анимаций для отображения загрузки
  • Design
  • Frontend
Мощь системы поощренийПеревод статьи автор оригинала — Николас Крамер
  • Design
МодальностьОдна из концепций UX, которую большинство дизайнеров не до конца понимают
  • Design
Как спрашивать у пользователей при проведении UX-исследованияОчень хорошая тема для тех кто проводить интервью
  • Design
Чего мне никогда не говорили о CSSCSS это тоже язык программирования и у него есть свои особенности
  • Frontend
Три Больших Лжи о JavaScriptСкорее не про ложь, а про устоявшиеся стереотипы
  • Frontend
hotkeys.jsБиблиотека для обработки нажатий на клавиатуру
  • Frontend
Eva IconsOpen Source icons
  • Design
  • Frontend
Темы для VSCodeМного самых разных тем для редактора
  • Tools
Генератор grid layoutGrid сложная штука, генератор поможет лучше разобраться или даже сделать готовую для себя сетку
  • Frontend
Animate on ScrollЛегковесная библиотека для создания действий по скролу
  • Frontend
  • Design
Всё (или почти всё) о пробелеПробел не так прост как кажется, особенно если причитать статью
  • Design
  • Frontend
Распознавание чековGoogle Docs с помощью ABBYY OCR SDK
  • Tools
API для расшифровка текста на картинкеОписание ABBYY Cloud OCR SDK
  • Tools
Checklist DesignСписок из пунктов что надо сделать для реализации дизайна разных сущностей
  • Design
Визуальный редакторКрасивый и удобный редактор
  • Frontend
  • Tools
react-snakkeИндикатор проскроливания страницы
  • Frontend
react-fontawesomeПакет Fort Awesome для react приложения
  • Frontend
SCSS — немного практикиРеальные примеры в пользу использования SCSS
  • Frontend
drone.ioОтличный CI/CD для Docker контейнеров
  • Development
  • Tools
Mini searchЛегковесная библиотека для простого поиска по по тексту на JS
  • Frontend
  • Development
Token-Based AuthenticationПро токены, JSON Web Tokens (JWT), аутентификацию и авторизацию
  • Frontend
  • Development
Шпаргалка с командами DockerВсе самые необходимые команды под рукой
  • Development
Защита JS кодаПрячем код на фронтенде от посторонних
  • Frontend
Tips & Tricks for your React-Redux ApplicationКак упросить работу с Redux
  • Frontend
Функции высшего порядкаПонятное объяснение на русском языке, от определения до использования
  • Frontend
Отличие функций от классов в ReactЧто в итоге выбрать то?
  • Frontend
Легкий JS валидаторОчень крутой валидатор, почти для всех случаев
  • Frontend
Асинхронные генераторы в ES9Упрощение и расширение возможностей генераторов
  • Frontend
  • Development
Ускоряем React разработкуАлиса для VSCode для быстрой вставки типичных конструкций, вроде импорта компонентов
  • Frontend
React Modern Web AppПриложение, придерживающееся всех современных веб-стандартов
  • Frontend
  • Development
Понимание prefetchКак это вообще работает и действительно ли стоит использовать
  • Frontend
9 генераторов статичных сайтов на ReactКрутая подборка инструментов для создания легковесных статичных сайтов
  • Frontend
  • Tools
Машинное обучение с Node.jsПри помощи библиотеки Tensorflow.js
  • AI
  • Tools
  • Development
Принципы функционального программирования в JavaScriptНемного о том что это такое и как это можно использовать в JS
  • Frontend
Возможности ES2018Упрощение синтаксиса уже доступных возможностей JS
  • Frontend
  • Development
React Lazy Loading and SuspenseПо сути все сводиться к динамическому импорту
  • Frontend
Верстка градиента с мягким переходомОбычный линейный градиент имеет резкий переход, пример как это исправить
  • Frontend
Подсказка для анимации UIНесколько хороших примеров анимации взаимодействия элементов
  • Design
NotionПриложение для заметок, досок, планирование и тд
  • Tools
Expo.ioДля создания приложений
  • Frontend
  • Tools
Советы по CSSНесколько дельных советов по CSS
  • Frontend
React.lazyРазбор и пример новых возможностей React
  • Frontend
Возможности JavaScriptВозможности JavaScript, о которых я не знал
  • Frontend
OpensourceНе протирайте штаны — займитесь Open Source проектами
  • Frontend
  • Tools
  • Development
Meta TagsПолная проверка meta tags сайта
  • Frontend
  • Tools
User-friendly CLIДля создания крутых возможностей выбора и ввода прямо в консоле
  • Development
Инструменты Андрея РомановаНебольшой список инструментов
  • Tools
ЗамыканияЗамыкания в JavaScript для начинающих
  • Frontend
Пакет для склонений и определения полаЛьвович - пакет для склонения названий городов, определения пола по имени фамилии и отчеству, склонения падежей русских имен, фамилий и отчеств
  • Frontend
Правильное использование анимации в UXДостаточно примеров как стоит делать и почему
  • Design
Cogear.jsStatic websites generator
  • Frontend
  • Tools
FetchМетод fetch: замена XMLHttpRequest
  • Frontend
Понимание таймеров в JavaScriptCallback-функции, setTimeout, setInterval и requestAnimationFrame
  • Frontend
Словарь терминовНаверное все возможные термины и расшифровка к ним
  • Frontend
Дизайн система в фигмеОчень подробный пример как это может быть
  • Design
Спецификация никому не нужнаГлавная мысль: спецификация не тех задание, а база знаний
  • Design
Про удаленную работуТут не про дизайн, но применимо ко всем на удаленке
  • Design
Что такое thisПодробно о том что такое this и как его использовать
  • Frontend
Набор градиентовКрасивые, многоцветные, плавные и не очень
  • Design
React. Управление рендерингомО том как можно улучшить производительность проекта на react
  • Frontend
Local и Session storage в ReactПросто как использовать локальное хранилище браузера в React
  • Frontend
Пользовательские сценарииЧто это такое, как и для чего их нужно строить
  • Design
12 вопросов и ответов по JavaScript12 ответов на достаточные простые вопросы, о которых вроде бы мало говорят
  • Frontend
Пристальный взгляд на CSS архитектурыПоверхностный взгляд на построение CSS архитектуры, хотя в заголовке написано что пристальный
  • Frontend
Основы TypeScriptЭто наверное самые основы, но для знакомства вполне
  • Frontend
NEWСоздание объектов через "new"
  • Frontend
Оптимизация изображенийGUI и CLI для Nodejs
  • Frontend
  • Development
Как тестировать версткуКак и зачем тестировать верстку?
  • Frontend
CMS для статичных сайтовВдыхает жизнь в статичные сайты
  • Frontend
  • Tools
Облачный хостинг для библиотеки компонентовИнструмент должен быть удобным для больших проектов и распределенных или просто больших команд
  • Frontend
  • Tools
Примеры UX от известных приложенийПодробные разборы кейсов от известных компаний
  • Design
Анимация в браузереCSS анимация прямо в браузере
  • Design
  • Tools
  • Frontend
Структура и наименование компонентовВечный вопрос какую выбрать структуру проекта. Это один из возможных вариантов
  • Frontend
Закрой Dribbble3 вещи, которые помогут в карьере больше чем портфолио
  • Design
Стрелочные функции VS Обычные функцииСпойлер: никто не выиграл. Просто плюсы и минусы
  • Frontend
Console на полнуюЕсли уж и использовать отладку через console, то на полную
  • Frontend
Parallax footerНа чистом css
  • Frontend
Sketch или FigmaРаунд #100500
  • Design
Pulse effectНа чистом css
  • Design
  • Frontend
Z-indexЕще одна статья рассказывающая все о z-index
  • Frontend
АвтокомплитАвтокомплит — для помощи человеку, не для проверки
  • Design
Что такое UX/UI дизайн на самом деле?Объяснение для новичков и тех кто совсем не в теме
  • Design
Что такое UX/UI?Очередная статья о том что это такое
  • Design
Отличие UI от UX?Подробный разбор часто используемых терминов
  • Design
Методы массивов и объектовМетоды массивов и объектов в JavaScript, которые заменят циклы
  • Frontend
Почему дизайн-систему вы делаете не вовремя?Из статьи складывает ощущение что дизайн-система всегда не вовремя и заморачиваться вообще не стоит
  • Design
fullstack-дизайнерДля меня идеальное самоопределение
  • Frontend
  • Design
Symbol, Iterator, GeneratorЧе это вообще такое и зачем это использовать
  • Frontend
Три уровня дизайнаДизайн продукта, дизайн взаимодействия и визуальный дизайн
  • Design
Создание интерактивной картыНовый инструмент для создание интерактивной карты пользовательского поведения
  • Design
Определение понятия «Дизайн-система»Достаточно точно и подробно описано что это вообще такое и где можно посмотреть примеры использования
  • Design
React Context APIКак можно сделать смену языка или темную тему на примере работы с новым Context API
  • Frontend
Создание разных цветовых тем с помощью CSS переменныхПо сути не обязательно использовать именно нативные переменные, это скорее описание подхода
  • Frontend
CSS BlocksЗамена БЭМ и css modules. Эволюция лучших практик
  • Frontend
console loggerЛегко настраиваемый и очень вариативный консольный логгер
  • Development
Интерфейс для управление dockerВроде очень просто ставиться и помогает запускать и останавливать контейнеры, создавать новые. Короче полное управление докером с помощью интерфейса.
  • Development
Джуниор в 33Как быть если тебе 33 года а ты все еще джуниор
  • Design
CSS  —  это дизайн!Почему дизайнеру полезно уметь верстать
  • Design
  • Frontend
Понимание жизненного цикла React-компонентаПри работе с react очень важно понимать жизненный цикл компонента
  • Frontend
Материалы по фронтендуПримеры с описанием для разных фреймворков
  • Frontend
Learn X in Y minutesПодсказка, наверное, по всем возможным языкам
  • Tools
Тестовые в студию ЧулаковаЕсть интересные работы и подробные презентации
  • Design
Четыре вопроса про БЭМЧетыре вопроса и ответы к ним
  • Frontend
Дизайн в условиях хакатонаСоветы вполне подходят не только для хакатона, но и для MVP
  • Design
Собеседование js разработчика с ответами на вопросыДоступно написано что надо знать на джуна и выше, для каждой темы есть либо описание либо ссылочки
  • Frontend
9 полезных приемов для JSВсе суть в заголовке
  • Frontend
Как стать UX/UI дизайнеромБез образованя и опыта
  • Design
Курс по версткеМожно пройти бесплатно, но стоит он всего 10€
  • Frontend
Как избавиться от лишних отступов у текстаБоремся с line-height с помощью :before и :after
  • Frontend
Библиотека для анимации react-springВ библиотеки собраны лучшие практики из другие пакетов для анимации
  • Frontend
Scroll и scrollbarВсе что надо знать про scroll и scrollbar
  • Frontend
Рассылка «Интерфейсы без шелухи»Уже не частая, но не менее интересная рассылка
  • Design
Спрвочник материалов по дизайну от Антона ЖияноваСтруктурированные подборки материалов по многих важным вопросам
  • Design
Как получить максимум информации о пользователеСписок открытых api для получения различной информации
  • Frontend
CookiesВообще все что надо знать о cookie
  • Frontend
Набор компонентов antd ProДополнительный набор про компонентов для фреймворка antd для еще более быстрого прототипирования
  • Frontend
Ускорение SSRИнтересный способ оптимизации скорости серверного рендеринга
  • Frontend
  • Development
Google Page SpeedПроверка скорости загрузки страницы
  • Frontend
  • Tools
Валидатор HTML разметкиРасскажет о самый банальных ошибках в разметки
  • Tools
  • Frontend
Каталог дизайн системНа мой взгляд у рамблера самая крутая система из всех представленных, но они все на уровне
  • Design
Антипаттерны в ReactНе делай как все, будь лучше
  • Frontend
Пример прелоадераПочти как на медиуме
  • Frontend
  • Design
Коллекция CSS снипетовТо с чем верстальщики по всему миру сталкиваются каждый день
  • Frontend
Figma freebiesДизайн системы, дашборды и всякое такое, но может и полезные плагины появятся
  • Design
Быстрый старт на create-react-appСтатья примечательна тем что показан полностью процесс от 0 до деплоя на статичный хостинг
  • Frontend
Хостинг для статичных сайтовДавно пользуюсь этим хостингом когда надо просто показать верстку, но он способен и на большее
  • Frontend
  • Tools
Пример модального окнаУ меня в заметках был помечен как «правильный», насколько это правильно не знаю, но способ имеет право на жизнь
  • Frontend
Игра на CSSХороший пример того как можно использовать CSS
  • Frontend
Процесс выбора шрифтаОдна из многих, но достаточно неплохая статья как можно подойти к выбору шрифта
  • Design
Icons setВ заголовке написано что набор иконок для лендингов, но использовать можно хоть где. Разделены тематически
  • Design
Подборка css градиентовМожно скачать картинкой или скопировать код
  • Frontend
Конвертировать psd в sketch файлОт Avocode
  • Design
Немного про сглаживание веб-шрифтовCSS методы визуальной оптимизации шрифтов
  • Frontend
Пакет для удобной верстки писемСоздатель пакета почему-то удалил все необходимое из ветки master, но github все помнит
  • Frontend
Webpack dashboardУдобный дашборд на electronjs
  • Frontend
  • Tools
Работа с файлами в NodeJSЗапись, чтение, загрузка
  • Development
Оптическое выравнивание компонентовНа примере модального окна
  • Design
Настройка TouchbarКастомизация Touchbar на Macbook
  • Tools
Как работает JSРендеринг страниц и выводы по оптимизации производительности
  • Frontend
Инструменты JS разработчикаБиблиотеки, тестирование и еще немного
  • Frontend
Авторизация без ввода пароляАвтоподставление логина и пароля
  • Frontend
Исходник альбома для прототипированияАльбомный лист в точку, можно проектировать экраны любого размера
  • Design
Анимация с помощью svgОчень реалистичный вариант создания несложной (а можно и сложной) анимации без регистрации и смс
  • Design
  • Frontend
Про коллапс отступовПри свойстве display: block равные отступы (margin) схлопываются в один, статья про то как это работает. Лично я просто использую display: inline-block в таких случаях
  • Frontend
Tinkoff Design SystemОдин из подходов к организации дизайна
  • Design
Гайдлайн от КонтураПодробный гайдлайн по элементам интерфейса от контура, стоит посмотреть не как руководство к действию, а пример организации информации
  • Design
Документы для фрилансера от ТЖЕсть разные варианты документов, если вариант договора от ТЖ не понравился
  • Design
Документы для фрилансераВариант договора от ТЖ
  • Design
Библиотека для анимацииРазнообразные примеры анимации, жаль что в вакууме
  • Design
  • Frontend
Алгоритмы для начинающихНесколько хороших примеров на ES6
  • Frontend
Установка Nodejs на UbuntuЛучше всегда выбрать установку через nvm, что бы можно было легко выбрать подходящую версию
  • Development
Смена версии Nodejs с помощью HomebrewПросто подсказка для смены версии
  • Development
Redaction. Простая работа и организация redux actionsПозволяет не использовать файл const, да и в целом меняет подход работы redux
  • Frontend
Nodejs API + DockerПонятное руководство, далеко не исчерпывающее как написано, но закрывает некоторые вопросы
  • Development
Отличный пример переверстки объявленияКратки, но по делу разбор переверстки
  • Design
Как больше никогда в жизни не работать в стол Максим ИльяховВидео не о том как не делать в стол, а как не браться за проекты которые не будут реализованы
  • Design
Фреймворк компонентов для reactПозволяет быстро создавать прототипы для любой панели управления
  • Frontend
Как воткнуть react в существующий сайтИнтересная статья, такой подход позволяет итерационно переводить уже существующий сайт на react, или использовать его для отдельных частей проекта
  • Frontend
30 css селекторовПостоянно забываю как пишется :nth-child(n)
  • Frontend
Генерация jpg с помощью javascriptМощная штука, теоретически так можно кастомизировать изображения для шаринга в социальные сети и еще много чего
  • Frontend
Верстка это не тупоХоть и написано про верстку, но актуально скорее для всех веб-разработчиков
  • Frontend
React состояние загружаемых данныхХороший способ хранить состояние, избегая избыточности
  • Frontend
Пример react SSR с помощью parcelParcel, конечно, сомнительный инструмент, но уже есть примеры SSR для react
  • Frontend
  • Development
Parcel замена webpackПроект интересный, но пока очень сырой. Возможно когда-нибудь и будет полноценной заменой
  • Frontend
Начало работы с NodeJSЯ прочитал этот материал уже достаточно поздно, но его пользы это не отменяет. Все что надо знать для старта.
  • Development
Как использовать razzle с css-modulesПример, который я нашел в PR к проекту, возможно скоро не надо будет даже кастомный webpack config создавать
  • Frontend
Пакет для быстрой настройки SSR для reactМного примеров и вариантов использования, проект быстро развивается
  • Frontend
  • Development
Список react starter kitsВажно что подборка от создателей react
  • Frontend
  • Tools
Руководство по css gridПодробное описание гридов, после прочтения статьи можно смело начинать использовать
  • Frontend
Варианты верстки подчеркивания ссылокКратко собраны возможные варианты подчеркивания ссылок, есть даже вариант через background
  • Design
  • Frontend
Font AwesomeНаверное, самый популярный и большой пак иконок
  • Design
  • Frontend
Справочник HTMLБольшой и понятный справочник по HTML тегам на русском
  • Frontend
Все что может быть в теге <head>Описание на русском, есть ссылка на оригинал, но там тоже самое только на английском
  • Frontend