WebDEV
8.97K subscribers
2.2K photos
12 videos
2.72K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
​​Визуализация вашей активности на GitHub за всё время существования профиля

GitHub Contribution Chart Generator

#tools
​​Обучение 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
​​Красивая анимация чекбоксов на чистом CSS

Codepen: Checkboxes that work goodly

#css #checkbox
Наверняка вы часто замечали, сколько всякого мусора лежит внутри node modules. Это тесты, бенчмарки, ридми файлы, лицензии, тайпскрипт, и ещё безумное количество мусора, который можно более-менее безопасно удалить. В статье описывается, как очистить Node.js проект от личшего мусора.

Diarrhea для вашего бэкенда на Node.JS — уменьшаем вес сборки

#nodejs
​​Radio Buttons в стиле Material Design на чистом CSS

Codepen: Material Design Radio Buttons

#css #material
​​Шаблон адаптивного сайта с обратным отсчетом. На выбор есть 3 фона:

1. Статический
2. Слайдер
3. Анимированный

Демо: Count.
Скачать: Dropbox

#template
​​HammerJS — простой инструмент для поддержки жестов на веб-странице

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

#js