Local Storage - небезопасно!

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

Почему не стоит использовать LocalStorage

#js #security

​​Odometer - это JavaScript библиотека для анимирования чисел

#js

Вы, наверное, начали получать сообщения от сервисов об изменении правил пользования в части защиты персональных данных, и пока вы не примете новые правила использования, они перестанут работать.

Все, что вам нужно знать про GDPR

#security

​​С помощью библиотеки timeline.js можно легко добавить анимированный таймлайн на свой сайт.

Демо и документация timeline.js

#js #frontend

​​Демонстрация работы box-shadow

How Box-Shadow Works на Codepen

#css

​​Темная тема Chrome DevTools

Чтоб установить тему достаточно выполнить три простых шага:

1. Установите тему оформления из магазина приложений Chrome
2. Перейдите по адресу chrome://flags/#enable-devtools-experiments и нажмите Enable. Затем в этом же окне нажмите Relaunch Now
3. Откройте настройки инспектора Chrome и во вкладке Experiments tab поставьте галочку напротив Allow custom UI themes

Zero Dark Matrix в магазине Chrome

#devtools #theme

​​Диана Смит создала портрет женщины «Франсин» вручную с помощью инструментов разработчика в Google Chrome. Она опубликовала код на GitHub.

Работа лучше всего смотрится в последних версиях Chrome, а в других браузерах все намного веселее.

Масляная картина на чистом CSS

#css #art

​​А так выглядит ее картина в других браузерах. На фото Opera, IE7 и старая версия Chrome.

​​Визуализация вашей активности на GitHub за всё время существования профиля

GitHub Contribution Chart Generator

#tools

C# 8.0 – New Planned Features

All of the C# 8 features are still early in development and are likely to change.

#csharp #eng

Google опубликовал руководство по стилям кода для JavaScript, где изложены лучшие стилистические практики (по версии компании) для написания аккуратного, понятного кода.

13 интересных моментов из руководства по стилям для JavaScript от Google

#js

​​Обучение Git прямо в браузере

Изучи Git с помощью интерактивного курса Try Git

#git #forbeginner

Gulp — это инструмент сборки веб-приложения, позволяющий автоматизировать повторяющиеся задачи, такие как сборка и минификация CSS- и JS-файлов, запуск тестов, перезагрузка браузера и т.д.

О том, что может Gulp и как его использовать можно почитать в статье Что такое Gulp и для чего он нужен?

#devtools

​​Онлайн книга по CSS препроцессору Less

Эта книга поможет вам разобраться со всеми возможностями, которые предоставляет этот замечательный CSS-препроцессор. Неважно, новичок вы, впервые решивший разобраться с препроцессорами или бородатый веб-разработчик, который повидал на своём веку многие технологии — каждый найдёт что-нибудь интересное для себя.

Путеводитель для новичков

#css #less

​​simple-slider - это легковесная карусель для вашего сайта

Библиотека весит всего 1.2kb, есть много примеров на GitHub, а так же можно изменять анимацию переходов

Демо и документация

#js #slider

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

Подробнее: Аутентификация без паролей

#security

​​Сложилось так, что push-уведомления, весьма распространённые в мире мобильных приложений, довольно поздно добрались до веба, хотя они являются одной из тех возможностей, которыми хотели бы пользоваться многие разработчики.

О том, как работают веб push-уведомления написано в этой статье

#js

​​MUI - это легковесный CSS фреймворк в стиле Material Design

MUI включает в себя только необходимые компоненты, которые понадобятся для создания сайта. Основные плюсы MUI:

1. Малый размер. MUI вести всего 11kb.
2. Есть свой grid для создания адаптивных сайтов
3. Фреймворк в стиле Material Design

Демо и документация: MUICSS

#css

​​Бесплатный Node.js хостинг для open source проектов - opeNode.io

#nodejs #hosting

​​Набор крутых фонов - Cool backgrounds

Выбираете нужный фон и скачивайте в формате PNG.

#design

​​Бесплатный шаблон продающего лендинга.

Furn - адаптивный сайт с минималистичным дизайном и приятной анимацией.

Dropbox: Ecommerce Template

#template