CodeRoll | Frontend

Уровень и классификация программиста В этой статье мы коротко разберем разницу между различным уровнем программистов. Узнаем кто такой Junior программист, а кто такой Team Lead. Ну и конечно же поймете, кем являетесь Вы на текущий момент. Чтобы стать хорошим разработчиком, нужна постоянная практика. А хороший код может писать даже Junior! #Статьи

GDevelop - это кроссплатформенный игровой движок с открытым исходным кодом на JS, предназначенный для всех - он расширяемый, быстрый и простой в освоении. GDevelop предоставляет хороший набор инструментов, которые помогут вам разработать игру, которую вы хотите. И хотя они рекламируют возможность создавать «игры любого типа», этот игровой движок ориентирован на создание 2D-игр, таких как платформеры, перестрелки и обычные 8-битные игры.В качестве дополнительного бонуса GDevelop позволяет экспортировать ваши игры на разные платформы, такие как Android, iOS, Facebook Instant Games и другие. #JS

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

Курс по JavaScript Canvas В этом курсе вы изучите jаvascript Canvas и освоите основы. Курс от Алекса Лущенко. Canvas — элемент HTML5, предназначенный для создания растрового двухмерного изображения при помощи скриптов, обычно на языке jаvascript. Начало отсчёта блока находится слева сверху. От него и строится каждый элемент блока. Размер пространства координат не обязательно отражает размер фактической отображаемой площади. #Курсы #JS

CSS Gradient Generator - классный сервис для генерации и отображения градиента. Это значительно сэкономит Ваше время, ведь данный сервис сразу покажет как будет выглядеть градиент без перезагрузки страницы. #Инструменты

Что выведет данный код? Выберите правильный ответ ниже.

Qart.js - кастомный qr-код Qart.js - отличный и полезный инструмент на js, для тех, кто использует на своем проекте qr-коды. Данный инструмент генерирует qr код поверх любой картинки со своими настройками. Так же может использовать его без внедрения в свой проект, а воспользоваться сервисом онлайн и быстро создать себе qr-код. #JS

Лучшее на канале за последнюю неделю 1) Resizing — бесплатный онлайн сервис для работы с изображениями. 2) YoPalette - отличный сервис для подбора оптимальной цветовой гаммы. 3) Бесплатный анимированный набор иконок от команды дизайнеров Mercury 4) Анимированная страница 404 ошибки на чистом CSS. 5) Генерация пароля с помощью JavaScript Всем успешной разработки! #Лучшее

Генерация пароля с помощью JavaScript В этом уроке мы рассмотрим генерацию случайного пароля с помощью jаvascript, зададим длину пароля и желаемые символы для генерации. Решение очень простое, поэтому разобраться в нем будет достаточно легко. Итак, что нам предстоит сделать? Определяем функцию, зададим ее параметры - длину и символы. Создадим пустую переменную в виде строки и вернем ее в качестве вывода нашей функции. Далее сделаем итерацию, которая нам поможет создать символы длиной, равной длине пароля. В каждой итерации мы случайным образом выбираем символ из всего набора символов и добавляем его к паролю. #JS

Во время разработки мобильной версии для iOS устройств в Safari браузере, многие сталкиваются со следующей проблемой: на всех полях формы input, textarea присутствует внутренняя тень, а так же иногда закругление. Решение на CSS Внизу указан CSS стиль, который убирает закругления и тень у полей в WebKit браузерах. input:not([type=checkbox]):not([type=radio]),textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } Важно знать Обратите внимание, что указано input:not([type=checkbox]):not([type=radio]) Это означает исключить инпуты типа checkbox и radio. Почему? Если вы пропишите тот же самый стиль для этим типов (radio, checkbox), то у вас пропадет точка в radio и галочка в checkbox. #HTML_CSS

Пришла пятница, а это значит - время смотреть что-то интересное. Человек будущего (2017-…) Выпущенные сезоны: 3 Главный герой сериала – уборщик по имени Джош Футтурман. Его любимое занятие – это игра Biotic Wars, в которой еще ни одному игроку не удалось одержать победу. Когда Джош доходит до последнего уровня, происходит что-то совершенно нереальное. Ему наносят визит главные герои компьютерной игры, которые зовут его на помощь! Джош отправляется в будущее вместе с Тигрицой и Мистером Волком, чтобы спасти мир от грозящей ему опасности. КиноПоиск: 7.3 IMDB: 7.8

Zepto - это минималистичная библиотека jаvascript для современных браузеров и в значительной степени jQuery-совместимым API. Если вы используете jQuery, вы уже знаете, как использовать Zepto. Цель состоит в том, чтобы иметь модульную библиотеку ~ 5-10k, которая быстро загружается и выполняется, с привычным и универсальным API , чтобы вы могли сосредоточиться на выполнении работы. Скачать Zepto.js Не сжатый файл - 57.3k без сжатия, много комментариев  Сжатый файл - 9,6 Кб в сжатом виде  Как подключить Zepto.js Подключается Zepto так же, как и jQuery Закинуть файл в проект в папку js и перед закрывающим тегом </body> подключить: <script src="js/zepto.min.js"></script> #JS

Иконки из сериала "Игры престолов" Сегодня мы публикуем дизайнерский набор из 4 иллюстраций персонажей Game of Thrones в форматах файлов PNG и SVG. Вы можете использовать эту графику в своих личных или коммерческих проектах: веб-сайты, приложения, баннеры или печать. Список иллюстраций: - Дейенерис Таргариен - Джон Сноу - Тирион Ланнистер - Джоффри Баратеон #Иконки

Evolution CMS - это бесплатная платформа с открытым исходным кодом для разработки сайтов и сервисов, перераборанная, всемирно известная MODX Evolution с использованием компонентов PHP-фреймворка Laravel, но с обязательным условием сохранения полной обратной совместимости. Laravel выбран потому, что имеется обширная документация, активная поддержка, множество готовых пакетов, которые можно будет использовать и на Evolution 2.0. На данный момент более 70 000 сайтов сделано на Evolution CMS.  Так как прародитель этой CMS был запущен в далеком 2005 году, сегодня у Evolution CMS имеется развитое сообщество разработчиков по всему миру. #CMS

Что такое Fallback и почему это необходимо? С английского слово fallback можно перевести как резервный. То есть иначе говоря, вы пытаетесь оставить резервный вариант для отображения того или иного элемента в случае проблем с отображением стилей, работой jаvascript или jquery. Банальный пример того, как все сейчас рисуют скругленные края у элементов: #roundbox { -webkit-border-radius: 5px; /* Safari */ -moz-border-radius: 5px; /* Firefox */ -o-border-radius: 5px; /* Opera */ border-radius: 5px; } В случае, если браузер пользователя не поддерживает CSS3, он увидит просто прямоугольник, обладающий всей необходимой функциональность. То есть отобразится базовый вид элемента - это и есть fallback (резервная) страховка. #Статьи

Resizing — бесплатный онлайн сервис, который помогает конвертировать, оптимизировать, обрезать и изменять размеры изображений в сети одним щелчком мыши. Есть расширение для Chrome. #Инструменты

Что выведет данный код? Выберите правильный ответ ниже.