5 трендов UI/UX-дизайна в 2020 году

Сегодня почти каждый, кто работает с ПК слышал о UI/UX-дизайне. Они так тесно связаны, что иногда грань между понятиями размывается. Поэтому обычно проектированием интерфейсов занимается один дизайнер и его профессия пишется через слеш.

Поговорим о них и о совершенно новых тенденциях в дизайне, которые будут нас радовать в ближайшее время.

Читать статью

#article #design #trends

Поздравляем всех программистов с Новым Годом! Достигайте новых вершин. Желаем вам расти, развиваться и видеть говнокод только на нашем канале Говнокод.

Читайте в новом году наш новый проект:
Daily Coding — это платформа (канал + сайт), которая научит вас программировать лучше и эффективнее.

🥳

Как правильно создать страницу ошибки 404

Каждый из нас сталкивался с 404-й ошибкой на сайте и такую страницу хотелось покинуть как можно скорее. Но некоторые компании, интернет-магазины, медиа создают страницы с 404 ответом сервера, которые срочно добавляешь в закладки. Давайте поговорим о том, как добиться такого эффекта и «выжать» из 404 максимум.

Читать статью

#article #error

Numeral.js — это библиотека для удобного форматирования чисел. Numeral.js позволяет задавать число знаков после запятой, символы-разделители для дробной части и групп разрядов, формат представления валют, процентов, времени, аббревиатуры для миллионов, миллиардов, мегабайтов и т.п. Кроме того, можно восстанавливать числовые значения из существующего строкового представления. Библиотека распространяется под лицензией MIT.

Numeral работает в браузерах и под Node.js.

Демо | GitHub

#library #js #nodejs

Svelte — это малоизвестный, но очень перспективный фреймворк. Ключевая особенность Svelte — очень маленький размер файла благодаря более короткому коду.

Задумка Svelte в том, что он является лишь инструментов для создания кода. После создания приложения оно может существовать отдельно от Svelte. Фреймворк будет применяться только в случае внесения правок.

Благодаря этому конечный размер файла получается значительно меньше. При этом, повышается скорость работы программного обеспечения, поскольку ему нужно обрабатывать меньше информации.

Демо | GitHub

#framework #react #js #ractive

Clarity — это опенсорсная система дизайна, созданная VMware. Она представляет собой комбинацию из реализации рекомендаций по UX-дизайну, HTML/CSS фреймворка и компонентов для Angular. Clarity даёт разработчику обширный набор высокопроизводительных компонентов с привязкой данных.

Демо | GitHub

#library #angular #ux #design

Spectre.css — лёгкий, отзывчивый и современный CSS фреймворк для ускоренной и расширяемой разработки. Spectre предоставляет базовые стили для шрифтового оформления и элементов, адаптивную систему макетов на основе Flexbox, а также чистые компоненты и утилиты CSS.

Особенности: лёгкий (~ 10 КБ в сжатом виде); эстетически приятные компоненты и цветовая палитра; интуитивно понятный синтаксис; гибкость: JS не требуется.

Демо | GitHub

#css #framework

7 популярных трендов типографики в веб-дизайне сайтов в 2020 году

В настоящее типографика стала неотъемлемым элементом веб-дизайна. В этой статье мы рассмотрим актуальные для данного направления тенденции дизайна, что появились в 2019 и уверенно идут в 2020 год.

Читать статью

#article #design #typography

UIkit — это легкий и модульный фреймворк для разработки быстрых и мощных веб-интерфейсов.

Он поставляется с широким спектром многоразовых и сочетающихся компонентов. Все UIkit классы с уникальными именами, поэтому они не будут мешать работе других конструкций и расширений, которые используются совместно не вызывая ошибок. Начальные размеры стартуют с 55Kb (js – 33Kb / css – 22Kb).

Демо | GitHub

#css #framework #ui

Buefy — это библиотека, которая представляет собой набор компонентов, построенных с использованием возможностей Vue и Bulma. На GitHub она собрала около 7 тысяч звёзд, компоненты, которые можно в ней обнаружить, подходят, без дополнительных усилий со стороны разработчика, для создания приложений, использующих отзывчивый дизайн. Хотя компонентов в этой библиотеке не так уж и много, она, определённо, достойна внимания.

Демо | GitHub

#js #library #vue #bulma

Выберите правильный ответ 👇 #test

Правильный ответ: код выведет сначала "undefined", а потом "5"

Код выполнится без ошибок. Первый alert выведет сообщение "undefined", а второй - "5".

Node.js в действии
М. Кантелон, M. Хартер, 2014

Один из наиболее интересных и популярных инструментов для создания легко масштабируемых сетевых приложений является Node.js, основанный на движке V8 и превращающий JavaScript из узкоспециализированного языка в язык общего назначения. Node.js добавляет возможность JavaScript взаимодействовать с устройствами ввода-вывода через свой API (написанный на C++), подключать другие внешние библиотеки, написанные на разных языках, обеспечивая вызовы к ним из JavaScript-кода.

Цель данной книги – быстро овладеть основами Node.js, помочь вам начать разработку приложений и научить всему, что необходимо знать о «продвинутом» JavaScript.

Скачать книгу | Больше книг

#book #js #web

Nuxt.js — это фреймворк для создания универсальных приложений на Vue.js с использованием Node.js. С помощью него можно рендерить UI на сервере и генерировать статические сайты. Он абстрагирует большую часть сложной конфигурации, связанной с управлением такими вещами, как асинхронные данные, промежуточное программное обеспечение (middleware) и маршрутизация.

Демо | GitHub

#js #framework #vue

Angular в 2020 и далее

Статья рассказывает о будущем Angular. О слабых и сильных сторонах. Сравнивает Angular с React и Vue JS.

Читать статью

#article #angular

Currency.js — это легковесная библиотека JavaScript для работы с валютами. Она решает проблемы плавающей точкой в JavaScript и позволяет вам выполнять все основные арифметические операции не беспокоясь о точности дробей. Она работает с разными видами вводных данных: строчными, числовыми, десятичными и денежными единицами.

Демо | GitHub

#library #js

Выберите правильный ответ 👇 #test

Правильный ответ: 8

Параметр передаётся в метод increment по значению, так как int - примитивный тип, соответственно после вызова increment с переменной x ничего не происходит, она остаётся 8.

Далее в консоль выводится x++ - особенность работы постфиксного инкремента/декремента в том, что как результат выражения используется исходное значение 8, оно и выводится в консоль, а после этого происходит сам инкремент.