💻 Полезные сервисы для веб-разработчиков

1️⃣ HTML Template Generator — генератор базовой HTML-разметки документа

2️⃣ CSS Triggers — подробная информация обо всех CSS-свойствах

3️⃣ PX to EM — удобный конвертер из PX в EM и обратно

4️⃣ SnazzyMaps — различные цветовые схемы для Google Maps

5️⃣ Bounce.JS —  сервис/JS-библиотека для быстрого создания и редактирования CSS - анимаций

#сервисы #верстка

💻 Полезные сервисы для веб-разработчиков

1️⃣ Fontawesome — Сервис является лучшим иконочным шрифтом. Его без проблем можно подключить на любом сайте.

2️⃣ Flaticon — Иконки для сайта

3️⃣ Glyphter — Cоздание своего иконочного шрифта

4️⃣ Tinypng — Cжатие изображений

5️⃣ Browsershots — Тестируем сайт в самых различных браузерах

#сервисы #верстка

Полезные инструменты для фронтенда

1️⃣ Fontsquirrel — Генератор веб-шрифтов

2️⃣ Sprite — Простой способ сделать из множества картинок одну

3️⃣ git — Система контроля версий

4️⃣ gulp — Сборщик проектов

5️⃣ Box shadows — Добавляет элементу тень

6️⃣ Favicon generator — Генератор FAV-иконок под любые разрешения

7️⃣ VirtualBox — виртуальная машина от Microsoft, возможность протестировать проект на Windows, если работаешь на Mac

Полезные библиотеки для фронтенда

1️⃣ jQuery FancyBox — плагин для создания фотогалерей и вывода изображений в модальных окнах.

2️⃣ Snap svg — JavaScript библиотека. Позволяет создавать и анимировать векторную графику в современных браузерах.

3️⃣ jQuery Form Styler — плагин для стилизации формы обратной связи.

4️⃣ Barba.js — библиотека делает «приложение одной страницы»,  иными словами — страница без перезагрузки. (пример).

5️⃣ Lettering.js — используется для анимации текста. С помощью плагина слово разбивается на буквы и с каждой можно работать отдельно.

6️⃣ Swiper.js —  слайдер, гибкий, имеет множество настроек.

7️⃣ PickMeUp.js — плагин jQuery datepicker. Простой и одновременно мощный календарь событий.

Блок прайс на чистом css

#html #css #price

Вопрос - ответ

#html #css #js #faq

CSS hover эффект на кнопку

#html #css #hover

Эффект наведения карточки профиля

#html #css #hover #card

Онлайн-курс «Frontend-разработчик с нуля до PRO» — ваш проводник в мир IT.
⠀
По окончании обучения вы сможете стать middle-разработчиком и устроиться на высокооплачиваемую работу, даже если вы никогда раньше не программировали.
⠀
На курсе вы научитесь:
- верстать веб-страницы;
- создавать интерактивные веб-приложения;
- работать в системе контроля версий GIT и командной строке Bash;
- применять основные алгоритмы и структуры данных в реальных проектах;
- работать с макетами в Photoshop и Figma;
- создавать серверные приложения с использованием Node.js и многому другому.
⠀
А ещё у вас будет 4 дипломных проекта для вашего портфолио — они повысят шансы получить должность в одной из компаний, которые подберет наш Центр карьеры.
Переходите по ссылке: https://clc.to/pYdLcg, чтобы зарегистрироваться на курс

#реклама

3D-карусель / слайдер

#html #css #carousel #slider

Menu Button Interaction

#html #css #js #menu #button

Radio Buttons

#html #css #radio #buttons

Стильный слайдер для сайта

#html #css #js #slider

Кнопка - Отправить

#html #css #js #svg

Параллакс

#html #css #js #parallax

Кнопки 3D CSS

#pug #css #js #button

Слайдер Voyage | GSAP

#html #css #js #slider #gsap

​Button

#html #css #js #button