CodeRoll | Frontend

CSS3 Loader & Spinners. Крутой набор анимированных прелоадеров на CSS для вашего веб-проекта. Просто копируете код и добавляете к себе на проект. #CSS #HTML

FontPairings - это бесплатный инструмент, где можно визуализировать шрифты на разных шаблонах и отобрать для себя лучшую пару. #Инструменты

Что такое прогрессивное улучшение (progressive enhancement) Прогрессивное улучшение предполагает, что веб-интерфейсы должны создаваться поэтапно, циклически, от простого к сложному. На каждом из этапов должен получаться законченный веб-интерфейс, который будет лучше, красивее и удобнее предыдущего. Основные этапы: 1. Семантическая разметка страницы при помощи HTML. 2. Настройка внешнего вида при помощи CSS. 3. Безупречная настройка внешнего вида при помощи CSS3. 4. Интерактивность, взаимодействие, удобство при помощи JavaScript. Если говорить проще, то прогрессивное улучшение - это идеология веб-разработки, где мы начинаем разработку с простых вещей и переходим к более сложным. #Статьи

Gradihunt — простой и удобный онлайн генератор градиентов, который легко поможет подобрать оптимальный цвет для вашего фона, блока, элемента и в целом для всего проекта. #Инструменты

Mousetrap - простая библиотека для обработки сочетаний клавиш в Javascript. Это автономная библиотека без внешних зависимостей. Он весит около 2 КБ в сжатом виде. #JavaScript

HTML для JS разработчиков. Этот бесплатный видео-курс от Алекса Лущенко подойдет тем, кто ворвался в js разработку и нуждается в хорошей базе HTML + CSS. В данном курсе рассмотрены организация кода, flexbox, grid, позиционирование, настройка gulp и многое другое. #Курсы

FilePond - библиотека JavaScript, которая предназначена для загрузки файлов. Оптимизирует изображения для более быстрой загрузки, а также предлагает большой, доступный UX. Данная библиотека адаптирована под React , Vue , Angular и jQuery. #JavaScript

Marketspot v1.0 - шаблон цифрового магазина HTML. Это специальный HTML-шаблон торговой площадки, в котором есть все необходимые шаблоны для электронной торговли. MarketSpot предоставит вам все необходимое для запуска вашего интернет-магазина, бесплатного сайта или любого другого цифрового рынка. Если вы ознакомитесь с онлайн-демонстрацией, вы сможете получить хорошее представление о том, как может выглядеть ваш сайт на торговой площадке. #Шаблоны

🔥 Лучшее на канале за последнюю неделю 1) 30 seconds of code — полезный сервис с подборками коротких фрагментов кода, выполняющих конкретные задачи. 2) Набор из более 700 качественных иконок пользовательского интерфейса. 3) Superplaceholder.js — отличная библиотека для анимации ваших плейсхолдеров в input формах. 4) WhatTheHex - онлайн помощник нейминга. 5) Шпаргалка по регулярным выражениям JS. Всем успешной разработки! #Лучшее

Шпаргалка по регулярным выражениям JS. Перевод статьи «Regex Cheat Sheet» автора Emma Bostian. Регулярные выражения или «regex» используются для игнорирования регистра, а также для поиска символов и пробелов с дополнительными условиями. Всего 25 примеров. #JavaScript

30 seconds of code — полезный сервис с подборками коротких фрагментов кода, выполняющих конкретные задачи. Используйте строку поиска, чтобы найти фрагменты, которые соответствуют вашим потребностям. Вы можете искать по имени, тегу, языку или используя описание фрагмента. #Инструменты

Control Illustration - бесплатный набор из 108 иллюстраций различной тематики для Вашего проекта. #Графика

Как закрыть сайт от индексации в Robots.txt В процессе разработки или редизайна проекта бывают такие ситуации, когда лучше не допускать поисковых роботов на сайт. В таком случае необходимо закрыть сайт от индексации поисковых систем. В этой статье рассмотрим несколько способов закрытия сайта от поисковой индексации. #Статьи

Reveal.js - это фреймворк HTML с открытым исходным кодом. Это инструмент, который позволяет любому пользователю с веб-браузером создавать полнофункциональные и красивые презентации бесплатно. Презентации, сделанные с помощью Reveal.js, основаны на открытых веб-технологиях. Изменение стилей с помощью CSS, <iframe> добавит внешнюю веб-страницу или можете добавить свое собственное поведение с помощью  JavaScript API. Фреймворк обладает широким набором функций, включая вложенные слайды , поддержку Markdown , Auto-Animate , экспорт PDF , заметки докладчиков , поддержку LaTeX и выделенный синтаксис кода. #HTML #JS

Some Sticky-Stacked Cards Интересная реализация отображения блоков в виде карточек при скролле окна браузера. Данная реализация выполнена на чистом CSS без JS. #CSS

Superplaceholder.js — отличная библиотека для анимации ваших плейсхолдеров в input формах. Это позволит освежить внешний вид Вашего проекта. Библиотека очень минимизирована и имеет размер <1кб. #JavaScript

👨‍💻 Java-программист уровня middle-senior в GameShells 💸 $2000 - $3000 Друзья, здравствуйте! Меня зовут Виталий, я помощник HR в компании "GameShells", наша компания занимается разработкой онлайн-игр с использованием искусственного интеллекта (AI). Что нужно делать: — Разрабатывать реализацию онлайн-игр. Что нужно уметь: — Хорошее знание Java (SE); — Хорошее знание ООП; — Понимание принципов создания многопоточных приложений; — Английский язык на уровне чтения технической документации. Будет плюсом: — Опыт работы с сокетами; — Опыт работы с JNI, JNA; — Опыт работы с PHP, MySQL, Git; — Базовые знания C/C++. Что предлагаем: — Полностью удаленная работа; — Гибкий график работы; — Зарплата по результатам собеседования и выполнения тестового задания (от 2000$); — Выполнение тестового задания (оплачиваемое, $200, при выполнении всех условий тестового задания). Для получения тестового задания и ваших любых вопросов, пишите в Telegram @leonety_lety или на емаил igwtforever7@gmail.com

Выберите правильный ответ ниже. Этот и другие вопросы по разработке можно всегда обсудить в нашем чате.