Stacks - это бесплатный и простой в использовании диспетчер задач, который помогает организовать ваши задачи элегантным и интуитивно понятным способом. При использовании парадигмы канбан для управления вашими проектами, Stacks предлагает гибкий и наглядный способ организации задач. Сочетая мощные функции, такие как теги, группировка задач, быстрый поиск и вложения с красивым пользовательским интерфейсом, Stacks стремится сделать управление задачами простым и увлекательным. Скачать планировщик для своей платформы можно с официального сайта.
#Инструменты
#Инструменты
Лучшее на канале за последнюю неделю.
1) IKONS - иконки для дизайнеров и разработчиков.
2) AOS — это современная библиотека, которая может менять позиции элементов при скролле.
3) Magic CSS3 Animations - библиотека крутых кросс-браузерных анимаций.
4) Vue.js с нуля
5) Анимированный прелоадер для сайта на чистом CSS.
Всем успешной разработки!
#Лучшее
1) IKONS - иконки для дизайнеров и разработчиков.
2) AOS — это современная библиотека, которая может менять позиции элементов при скролле.
3) Magic CSS3 Animations - библиотека крутых кросс-браузерных анимаций.
4) Vue.js с нуля
5) Анимированный прелоадер для сайта на чистом CSS.
Всем успешной разработки!
#Лучшее
Particles.js - библиотека для создания красивых плавающих частиц на веб-странице. Плавающие частицы данной библиотеки отлично реагируют на поведение курсора для создания интерактивности.
#JS
#JS
YoPalette - отличный сервис для подбора оптимальной цветовой гаммы при разработке шаблона или макета сайта. Просто делаете клик по цвету и он будет сразу скопирован в буфер обмена. YoPalette поможет оптимально подобрать цветовое решение с оттенками для Вашего веб-проекта.
#Инструменты
#Инструменты
Corso - шаблон для целевой страницы.
Шаблон разработан на Bootstrap 4 и имеет таймер обратного отсчета до даты события, слайдер галереи, слайдер логотипов, лайтбокс подробностей для дополнительной информации, лайтбокс видео, слайдер текста для отзывов, раскрывающуюся навигацию, дополнительные страницы: подробности статьи, условия, политика конфиденциальности, регистрация, информационный бюллетень и контактные формы.
Corso имеет смешанный стиль дизайна со светлым и темным фоном, который создает современную обстановку для презентации вашего мероприятия вместе с контрастной черно-желтой цветовой гаммой.
#Шаблоны
Шаблон разработан на Bootstrap 4 и имеет таймер обратного отсчета до даты события, слайдер галереи, слайдер логотипов, лайтбокс подробностей для дополнительной информации, лайтбокс видео, слайдер текста для отзывов, раскрывающуюся навигацию, дополнительные страницы: подробности статьи, условия, политика конфиденциальности, регистрация, информационный бюллетень и контактные формы.
Corso имеет смешанный стиль дизайна со светлым и темным фоном, который создает современную обстановку для презентации вашего мероприятия вместе с контрастной черно-желтой цветовой гаммой.
#Шаблоны
Анимированная страница 404 ошибки на чистом CSS.
Одной из самых распространенных проблем, с которыми сталкиваются посетители различных сайтов является ошибка 404 Not Found. Если говорить простым языком, то он означает, что страницы с таким адресом не существует. В этом уроке мы рассмотрим как стилизовать страницу с 404 ошибкой.
#HTML_CSS
Одной из самых распространенных проблем, с которыми сталкиваются посетители различных сайтов является ошибка 404 Not Found. Если говорить простым языком, то он означает, что страницы с таким адресом не существует. В этом уроке мы рассмотрим как стилизовать страницу с 404 ошибкой.
#HTML_CSS
Бесплатный анимированный набор иконок от команды дизайнеров Mercury, чтобы добавить немного плавного движения в ваш свежий дизайн пользовательского интерфейса. Прилагаемый архив содержит 24 иконки в нескольких форматах и разрешениях:
- CSS SVG для Web
- PNG-спрайты для iOS и Android (версии 24 и 48 пикселей)
- Lottie JSON для React Native
- Статические иконки в PNG + SVG.
#Иконки
- CSS SVG для Web
- PNG-спрайты для iOS и Android (версии 24 и 48 пикселей)
- Lottie JSON для React Native
- Статические иконки в PNG + SVG.
#Иконки
Курс Python 3 для начинающих от ADV-IT.
Язык программирования Python 3 — это мощный инструмент для создания программ самого разнообразного назначения, доступный даже для новичков. С его помощью можно решать задачи различных типов. Этот курс вас с основами языка, работой с запросами и данными, погружением во фреймворк Django, установкой и запуском игр.
#Курсы
Язык программирования Python 3 — это мощный инструмент для создания программ самого разнообразного назначения, доступный даже для новичков. С его помощью можно решать задачи различных типов. Этот курс вас с основами языка, работой с запросами и данными, погружением во фреймворк Django, установкой и запуском игр.
#Курсы
Resizing — бесплатный онлайн сервис, который помогает конвертировать, оптимизировать, обрезать и изменять размеры изображений в сети одним щелчком мыши. Есть расширение для Chrome.
#Инструменты
#Инструменты
Что такое Fallback и почему это необходимо?
С английского слово fallback можно перевести как резервный. То есть иначе говоря, вы пытаетесь оставить резервный вариант для отображения того или иного элемента в случае проблем с отображением стилей, работой jаvascript или jquery.
Банальный пример того, как все сейчас рисуют скругленные края у элементов:
В случае, если браузер пользователя не поддерживает CSS3, он увидит просто прямоугольник, обладающий всей необходимой функциональность. То есть отобразится базовый вид элемента - это и есть 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 (резервная) страховка.
#Статьи
Evolution CMS - это бесплатная платформа с открытым исходным кодом для разработки сайтов и сервисов, перераборанная, всемирно известная MODX Evolution с использованием компонентов PHP-фреймворка Laravel, но с обязательным условием сохранения полной обратной совместимости.
Laravel выбран потому, что имеется обширная документация, активная поддержка, множество готовых пакетов, которые можно будет использовать и на Evolution 2.0. На данный момент более 70 000 сайтов сделано на Evolution CMS.
Так как прародитель этой CMS был запущен в далеком 2005 году, сегодня у Evolution CMS имеется развитое сообщество разработчиков по всему миру.
#CMS
Laravel выбран потому, что имеется обширная документация, активная поддержка, множество готовых пакетов, которые можно будет использовать и на Evolution 2.0. На данный момент более 70 000 сайтов сделано на Evolution CMS.
Так как прародитель этой CMS был запущен в далеком 2005 году, сегодня у Evolution CMS имеется развитое сообщество разработчиков по всему миру.
#CMS
Иконки из сериала "Игры престолов"
Сегодня мы публикуем дизайнерский набор из 4 иллюстраций персонажей Game of Thrones в форматах файлов PNG и SVG. Вы можете использовать эту графику в своих личных или коммерческих проектах: веб-сайты, приложения, баннеры или печать.
Список иллюстраций:
- Дейенерис Таргариен
- Джон Сноу
- Тирион Ланнистер
- Джоффри Баратеон
#Иконки
Сегодня мы публикуем дизайнерский набор из 4 иллюстраций персонажей Game of Thrones в форматах файлов PNG и SVG. Вы можете использовать эту графику в своих личных или коммерческих проектах: веб-сайты, приложения, баннеры или печать.
Список иллюстраций:
- Дейенерис Таргариен
- Джон Сноу
- Тирион Ланнистер
- Джоффри Баратеон
#Иконки
Zepto - это минималистичная библиотека jаvascript для современных браузеров и в значительной степени jQuery-совместимым API. Если вы используете jQuery, вы уже знаете, как использовать Zepto.
Цель состоит в том, чтобы иметь модульную библиотеку ~ 5-10k, которая быстро загружается и выполняется, с привычным и универсальным API , чтобы вы могли сосредоточиться на выполнении работы.
Скачать Zepto.js
Не сжатый файл - 57.3k без сжатия, много комментариев
Сжатый файл - 9,6 Кб в сжатом виде
Как подключить Zepto.js
Подключается Zepto так же, как и jQuery
Закинуть файл в проект в папку js и перед закрывающим тегом </body> подключить:
#JS
Цель состоит в том, чтобы иметь модульную библиотеку ~ 5-10k, которая быстро загружается и выполняется, с привычным и универсальным API , чтобы вы могли сосредоточиться на выполнении работы.
Скачать Zepto.js
Не сжатый файл - 57.3k без сжатия, много комментариев
Сжатый файл - 9,6 Кб в сжатом виде
Как подключить Zepto.js
Подключается Zepto так же, как и jQuery
Закинуть файл в проект в папку js и перед закрывающим тегом </body> подключить:
<script src="js/zepto.min.js"></script>#JS
Пришла пятница, а это значит - время смотреть что-то интересное.
Человек будущего (2017-…)
Выпущенные сезоны: 3
Главный герой сериала – уборщик по имени Джош Футтурман. Его любимое занятие – это игра Biotic Wars, в которой еще ни одному игроку не удалось одержать победу. Когда Джош доходит до последнего уровня, происходит что-то совершенно нереальное. Ему наносят визит главные герои компьютерной игры, которые зовут его на помощь!
Джош отправляется в будущее вместе с Тигрицой и Мистером Волком, чтобы спасти мир от грозящей ему опасности.
КиноПоиск: 7.3
IMDB: 7.8
Человек будущего (2017-…)
Выпущенные сезоны: 3
Главный герой сериала – уборщик по имени Джош Футтурман. Его любимое занятие – это игра Biotic Wars, в которой еще ни одному игроку не удалось одержать победу. Когда Джош доходит до последнего уровня, происходит что-то совершенно нереальное. Ему наносят визит главные герои компьютерной игры, которые зовут его на помощь!
Джош отправляется в будущее вместе с Тигрицой и Мистером Волком, чтобы спасти мир от грозящей ему опасности.
КиноПоиск: 7.3
IMDB: 7.8
Во время разработки мобильной версии для iOS устройств в Safari браузере, многие сталкиваются со следующей проблемой: на всех полях формы input, textarea присутствует внутренняя тень, а так же иногда закругление.
Решение на CSS
Внизу указан CSS стиль, который убирает закругления и тень у полей в WebKit браузерах.
Важно знать
Обратите внимание, что указано
Это означает исключить инпуты типа checkbox и radio. Почему? Если вы пропишите тот же самый стиль для этим типов (radio, checkbox), то у вас пропадет точка в radio и галочка в checkbox.
#HTML_CSS
Решение на 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
Генерация пароля с помощью JavaScript
В этом уроке мы рассмотрим генерацию случайного пароля с помощью jаvascript, зададим длину пароля и желаемые символы для генерации. Решение очень простое, поэтому разобраться в нем будет достаточно легко.
Итак, что нам предстоит сделать?
Определяем функцию, зададим ее параметры - длину и символы. Создадим пустую переменную в виде строки и вернем ее в качестве вывода нашей функции. Далее сделаем итерацию, которая нам поможет создать символы длиной, равной длине пароля. В каждой итерации мы случайным образом выбираем символ из всего набора символов и добавляем его к паролю.
#JS
В этом уроке мы рассмотрим генерацию случайного пароля с помощью jаvascript, зададим длину пароля и желаемые символы для генерации. Решение очень простое, поэтому разобраться в нем будет достаточно легко.
Итак, что нам предстоит сделать?
Определяем функцию, зададим ее параметры - длину и символы. Создадим пустую переменную в виде строки и вернем ее в качестве вывода нашей функции. Далее сделаем итерацию, которая нам поможет создать символы длиной, равной длине пароля. В каждой итерации мы случайным образом выбираем символ из всего набора символов и добавляем его к паролю.
#JS
Лучшее на канале за последнюю неделю
1) Resizing — бесплатный онлайн сервис для работы с изображениями.
2) YoPalette - отличный сервис для подбора оптимальной цветовой гаммы.
3) Бесплатный анимированный набор иконок от команды дизайнеров Mercury
4) Анимированная страница 404 ошибки на чистом CSS.
5) Генерация пароля с помощью JavaScript
Всем успешной разработки!
#Лучшее
1) Resizing — бесплатный онлайн сервис для работы с изображениями.
2) YoPalette - отличный сервис для подбора оптимальной цветовой гаммы.
3) Бесплатный анимированный набор иконок от команды дизайнеров Mercury
4) Анимированная страница 404 ошибки на чистом CSS.
5) Генерация пароля с помощью JavaScript
Всем успешной разработки!
#Лучшее
Qart.js - кастомный qr-код
Qart.js - отличный и полезный инструмент на js, для тех, кто использует на своем проекте qr-коды. Данный инструмент генерирует qr код поверх любой картинки со своими настройками. Так же может использовать его без внедрения в свой проект, а воспользоваться сервисом онлайн и быстро создать себе qr-код.
#JS
Qart.js - отличный и полезный инструмент на js, для тех, кто использует на своем проекте qr-коды. Данный инструмент генерирует qr код поверх любой картинки со своими настройками. Так же может использовать его без внедрения в свой проект, а воспользоваться сервисом онлайн и быстро создать себе qr-код.
#JS