Что такое WebAssembly

WebAssembly (WASM) — новый бинарный формат, позволяющий запускать код в браузере. Вы наверняка слышали, что WebAssembly очень быстрый. Но что это значит, и что это за технология в целом? Ответы на эти и другие вопросы в статье.

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

#article #js #wasm

Что такое JAMstack и как с ним работать

Все больше и больше оборотов набирает довольно новый и нетрадиционный подход в создании сайтов — JAMstack.

Для начала давайте разберемся, что такое JAMStack, с чем его едят и почему он «превосходит» традиционные web-сайты. Подробнее в статье.

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

#article #js #jamstack

Как работает CSS Flexbox

Модуль flexbox позволяет решать следующие задачи:
— располагать элементы в одном из четырех направлений: слева направо, справа налево, сверху вниз или снизу вверх;
— переопределять порядок отображения элементов;
— автоматически определять размеры элементов таким образом, чтобы они вписывались в доступное пространство;
— решать проблему с горизонтальным и вертикальным центрированием.

И многое друго. В статье подробно и с примерами описано, как пользоваться flexbox.

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

#article #css #flex

Вирусы на сайтах

Одной из наиболее опасных угроз для современных сайтов являются вирусы. Обнаружив вредоносный код на страницах сайта, поисковые системы добавляют к сниппету в выдаче специальную отметку, рекомендующую пользователю не переходить по ссылке.

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

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

#article #security

Интересные новые функции в ES2018

Включая оператор spread в объектах, оператор rest, асинхронную итерацию и многое другое.

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

#article #js #es2018

Да, это npx, а не npm — объясняем разницу

Недавно, когда я начала изучать React, я увидел, что многие люди (включая меня) запутались, увидев npx вместо известного всем npm. Объясняем различия.

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

#article #js #npm

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

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

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

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

#article #design #trends

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

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

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

#article #error

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

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

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

#article #design #typography

Angular в 2020 и далее

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

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

#article #angular