CodeRoll | Web & Design

2022-02-16 13:00:58 QR code

Для генерации кодов существует не мало сторонних ресурсов, но всегда полезно знать, как можно реализовать подобную вещь самому.

Делимся обучающей статьей, как с помощью JavaScript создать генератор QR кода.

Ссылка на статью

#js Открыть/Комментировать

2022-02-15 13:01:35 CSS градиент

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

О CSS градиентах и о том, как избежать подобных несовершенств подробно в статье!

А если вы не совсем хотите вникать в данную тему, в конце статьи вы найдете ссылку на генератор градиентов.

Ссылка на статью

#css Открыть/Комментировать

2022-02-14 17:01:20 Пишете на Python или Go и хотите работать в Яндексе?

Или хотите перейти на них с другого языка программирования? Тогда приглашаем 26–27 февраля на Fast Track для бэкенд-разработчиков. На мероприятии, которое пройдет в онлайн-формате, вы сможете за пару дней получить оффер в команду, которая разрабатывает FinOps платформу Яндекса.

FinOps платформа — это внутренняя высоконагруженная финансово-операционная система, через которую проходят денежные транзакции всех сервисов Яндекса. Приходите работать с нами, задачи сложные, но действительно интересные.

Регистрируйтесь, решайте отборочный тест и до встречи 26 и 27 февраля!

#реклама Открыть/Комментировать

2022-02-14 13:01:50 Emmet - это расширение для редакторов кода, которое упрощает и повышает скорость написания кода за счет использования сниппетов.

Например, написав div>ul>li*3, вы можете создать вот такой блок:
.

И сэкономить прилично времени! 

Если вы еще не освоили emmet, то сейчас самое время. Быстрый мини-курс из статьи поможет вам в этом! 

Ссылка на статью

#статьи Открыть/Комментировать

2022-02-13 13:01:05 Портфолио

У вас есть готовые работы для портфолио, но вы никак не можете собрать их все в одном месте? Для вас бесплатный шаблон для сайта-портфолио разработчика!

Он многостраничный и адаптирован под разные экраны. В демо-версию встроен color picker, для возможности подбора цвета основной темы.

Пользуйтесь на здоровье!

Ссылка на демо-версию
Ссылка на GitHub репозиторий

#дизайн Открыть/Комментировать

2022-02-12 13:00:52 Динамическое автозаполнение

При вводе в строку запроса Google, сразу предлагаются варианты для поиска и с вводом каждого нового символа генерируются новые варианты. Это и есть динамическое автозаполнение строки поиска.

Как реализовать подобную вещь с помощью Node.js и React подробно описано в статье.

Ссылка на статью

#react #nodejs Открыть/Комментировать

2022-02-11 13:01:37 React Animation

Иногда хочется оживить сайт и добавить немного анимации. Здесь на помощь приходят специальные библиотеки для этой цели.

В статье представлен обзор трех библиотек анимаций для React:
- React Transition Group
- React Reveal
- React Spring

Ссылка на статью

#react Открыть/Комментировать

2022-02-10 17:00:23 По каким критериям рекламодатель выбирает сайт, которому заплатит за размещение? Какие факторы необходимо учитывать вебмастеру? Какой контент привлекает интересную рекламодателю аудиторию на сайт?

Узнаем на бесплатном вебинаре от RTBSape 17 февраля в 14:00.

СЕО RTBSape Сергей Самонин поделится исследованием предпочтений рекламодателей и расскажет, как сделать свой сайт привлекательным для размещения рекламы и кратно увеличить прибыль от монетизации. Контент-продюсер Tilda Publishing Сергей Болисов раскроет секреты работы с контентом сайта для разных аудиторий.

На вебинаре обсудим:

По каким принципам рекламодатели выбирают площадки;
Как попасть в WhiteList крупных рекламодателей;
Как работать с рекламными сетями; 
Как 99% рекламодателей анализируют качество трафика на сайте;
Как контент помогает таргетироваться на нужную ЦА;
Работа с контентом для разных сегментов, на что обратить внимание.

#реклама Открыть/Комментировать

2022-02-10 13:00:22 Vuestic UI

Vuestic UI - это UI библиотека, содержащая более 50 многофункциональных компонентов. Она позволяет настраивать компоненты глобально через конфигурации и переменные CSS.

Пользовательский интерфейс Vuestic совместим с Vue.js 3.0, готов к работе с i18n и поддерживает все современные браузеры.

Ссылка на официальный сайт

#инструменты Открыть/Комментировать

2022-02-09 13:00:46 Контент псевдоэлемента

У псевдоэлементов ::before и ::after есть свойство content, куда можно записать текст, символ Unicode и даже CSS функцию attr(данная функция возвращает значение атрибута, указанного в элементе).

В статье показан пример, как с помощью JavaScript можно получить значение CSS свойства content.

Ссылка на статью

#js Открыть/Комментировать