Frontend Головного Мозга

2021-07-01 10:23:00 Анимированные открытки на чистом CSS

#codepen #css

@frontend_mind Открыть/Комментировать

2021-06-30 17:23:00 Лучшие сервисы для подбора цветов

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

1. ColorHexa - даёт много информации о цвете: разложение на базовые цвета, коды в разных системах кодировки, цветовые схемы, альтернативные цвета, примеры текста с этим цветом, оттенки, тона.

2. Coolors.co - позволяет создать и сохранить палитру в разных форматах с загруженного изображения, ещё имеется галерея уже готовых палитр.

3. Adobe Color - есть возможность выбрать из 10 цветовых систем, благодаря чему большая часть схемы создается автоматически.

4. ColorHunt.co - галерея готовых палитр. Пользователь может отметить понравившиеся палитры и найти наиболее популярные из них, также можно отсортировать палитры по стилям.

5. Colourco - позволяет подбирать цвета, водя мышкой по экрану. Если вам понравился цвет, просто нажмите левую кнопку мышки и продолжите подбор следующих цветов.

#полезно #подборки_инструментов

@frontend_mind Открыть/Комментировать

2021-06-30 11:23:03 Гайды программиста — канал, где мы собираем самые полезные гайды для программиста всего в одной картинке!

it_guides покоряют телеграм, стань частью истории

https://t.me/joinchat/k8xMMMm-EWQyMDNi Открыть/Комментировать

2021-06-30 10:23:00 Pop-Out эффект реализованный с использованием clip-path: path(...) для страницы "О нас"

#codepen #css

@frontend_mind Открыть/Комментировать

2021-06-29 18:23:02 Popper.js - JS библиотека, для реализации всплывающих подсказок на сайтах и web приложениях.

Особенности / преимущества:
Легкая библиотека размером около 3 КБ
Расширенная возможность настройки
Легко интегрировать в проект
Удобный API
Открытый исходный код

Оф. сайт: https://popper.js.org/
Гит: https://github.com/popperjs/popper-core

#библиотеки #полезно #js

@frontend_mind Открыть/Комментировать

2021-06-29 16:11:03 Есть работа для программистов с зарплатой от 2000$ в месяц!

IT вакансии для всех — берут на работу и с опытом, и без!

UPD: на канале выкладывают вакансии от HP, Oracle, DELL, IBM Открыть/Комментировать

2021-06-29 10:23:03 Анимация выбора колёс велосипеда, написанная на HAML и SCSS.

#codepen #scss

@frontend_mind Открыть/Комментировать

2021-06-28 17:23:01 Сервис для удалённого подключения библиотек

Cdnjs - это сеть доставки контента (CDN) бесплатного программного обеспечения с открытым исходным кодом, он обслуживает 4013 библиотек JavaScript и CSS, которые публично хранятся на GitHub. Существует общедоступный JSON API для разработчиков, который может запрашивать метаданные библиотеки cdnjs. Ресурсы на cdnjs могут быть загружены с использованием ряда протоколов подключения - HTTP / 2 , HTTP , HTTPS или SPDY .

Сайт: https://cdnjs.com/
Гит: https://github.com/cdnjs
API: https://cdnjs.com/api
Твиттер: https://twitter.com/cdnjs

@frontend_mind Открыть/Комментировать

2021-06-28 10:23:01 Анимированный слайдер, сделанный с помощью JS библиотеки Babel

#codepen #scss #js

@frontend_mind Открыть/Комментировать

2021-06-27 17:23:00 FullPage.js- это библиотека JS, позволяющая создавать красивые сайты с полноэкранной прокруткой.

Особенности / преимущества:
Предлагает широкий спектр вариантов настройки и конфигурации.
Поддерживает фреймворки JavaScript, такие как react-fullpage, angular-fullpage и vue-fullpage.
Включает как вертикальную, так и горизонтальную прокрутку.
Адаптивный дизайн, который подходит для экранов разных размеров, а также для разных браузеров.

Оф. сайт: https://alvarotrigo.com/fullPage/ru/#page1
Гит: https://github.com/alvarotrigo/fullpage.js
Примеры использования: https://codepen.io/search/pens?q=fullpage.js

#библиотеки #полезно #js

@frontend_mind Открыть/Комментировать