Всем привет! 👋
Любой уважающий себя разработчик всегда старается облегчить свою жизнь по возможности. Зачем делать что-то одно и то же, если можно заставить программу делать это за тебя, верно? Как и в любой другой разработке при написании Frontend'а разработчик сталкивается с задачами, которые не обязательно решать с нуля, а можно воспользоваться уже готовыми инструментами.
В сегодняшней подборке несколько таких инструментов, которые помогут делать те же самые действия быстрее, качественнее и эффективнее! Начнём!
1. CSSMatic
Сегодняшнюю подборку открывает CSSMatic. Это небольшой сайт, который поможет сделать проще и быстрее сразу несколько вещей при вёрстке сайта - подобрать красивый градиент, подобрать оптимальный вид границы (border), добавить изображению небходимый "шум", если потребуется, а также настроить тени. Это всё происходит наглядно и понятно, а готовый результат можно скопировать в виде кода и вставить в ваш проект.
2. Better Mobile Input
Чтобы лучше понять input - нужно мыслить как input воспользоваться сайтом Better Mobile Input. С помощью него вы сможете понять как работает тот или иной тип инпута и как он будет выглядет в телефоне.
3. Stylish CSS3 progress bars
А на этом сайте вы сможете выбрать подходящий вам прогресс-бар, посмотреть как он делается и добавить к себе в проект. Автор показывает основные варианты, выполненные на CSS3.
4. CSSPlay
А на этом сайте вы можете найти множество любопытных приёмов вёрстки, причём большинство CSS-стилей можно использовать без разрешения автора. Но чтобы ими воспользоваться вам придётся залезть в меню разработчиков, но ведь для вас это не проблема 😉.
5. Coolors.co
Если вы и жрец, и жнец, и на дуде игрец, то есть на вас лежит и дизайн и функционал сайта, то этот сервис поможет вам собрать палитру цветов, которые будут идеально сочетаться. Помимо готовых решений вы можете создать также и свой вариант, настроив существующую палитру или сделав свою с нуля.
На сегодня это всё!
А какими сервисами пользуетесь вы? Расскажите в комментариях, а также подписывайтесь на канал и ставьте лайки!
Классные викторины, полезные лайфхаки, задачи и статьи для Frontend-разработчиков доступны у нас в Telegram! Подписывайтесь! А если вам нужна помощь - вы можете задать свой вопрос в нашем чате.