Social Network for Developers. Jean Helfenstein | Creative Developer | Los Angeles. Html5-canvas-animation by JoanClaret. ...and an animated background color Tags HTML5, javascript, canvas, three.js, animation, colors. What is? I took a prebuild three.js example and put a fancy animated background color, adjust some parameters like number of lines, perspective and colors.
Now is ready to use for everyone. How it works? Javascript initialization Layout <div class="canvas-wrap"><div class="canvas-content"><h1>Hello world</h1></div><div id="canvas" class="gradient"></div></div> Options The script is fully configurable (colors, lines, opacities, perspectives...) but you'll need to dive in to the code to adjust them. License.
CSS. Улучшение опыта взаимодействия за счет использования карточек в дизайне. Талантливый Ник Бабич разработчик, UX/UI специалист поделился своим опытом в блоге UX Planet про Улучшение опыта взаимодействия за счет использования карточек в дизайне. Наша команда выполнила перевод данной статьи Веб- и мобильные приложения уже далеко ушли от обычных интернет-страниц и превратились в полноценные персонализированные системы. Эти системы построены на множестве отдельных фрагментов контента. Карточки –вот новый креативный концепт. Независимо от того, как вы относитесь к этой концепции, карточки теперь с нами надолго. Что такое карточки? Карточки – это такие маленькие прямоугольники, заполненные инклюзивным изображением и текстом, которые служат точками перехода к более детальной информации.
Пример карточки. Отличные метафоры Использование карточек в пользовательском интерфейсе – это прекрасная метафора, поскольку выглядят они как настоящие осязаемые карточки. Карточки – это отличный способ рассказать короткую историю. Каждая карточка посвящена одному игроку. Визуальный комфорт. 50+ лучших дополнений к Bootstrap / Блог компании DataArt. Благодаря популярности CSS фреймворка Bootstrap, для него разработали массу различных дополнений. Даже сейчас вы можете использовать Bootstrap практически для любой задачи при разработке и оформлении вебсайта. Для статьи я подобрал наиболее полезные дополнения «на все случаи жизни». Наборы компонентов Fuel UX Отличный набор дополнительных контролов, которые зачастую не хватает при работе с Bootstrap.
Website Github X-editable Думаю, это незаменимый набор компонентов для инлайн-редактирования. WebsiteGithub Jasny Небольшой набор дополнительных элементов к Bootstrap. WebsiteGithub Bootstrap Form Helper Еще один интересный набор элементов. WebsiteGithub Leapstrap Набор элементов для поддержки плагина Leapstrap контроллера. WebsiteGithub Отдельные компоненты jQuery Bootpag Дополнительный компонент, которого зачастую не хватает в стандартном комплекте Bootstrap — Pagination.
WebsiteGithub Tocify Компонент для отслеживания содержания страницы. WebsiteGithub Bootstrap Link Preview WebsiteGithub Flippant.js Github. Список YouTube-каналов для обучения веб-разработке. Привет, хабражители! Представляю вам список YouTube-каналов для обучения веб-разработке. Список доступен на гитхабе, там он будет пополняться и редактироваться. В планах — создание отдельной странички для фильтрации каналов по тегам и рубрикам.
Также хочу попросить вас о небольшой услуге: если вы знаете канал, не вошедший в список — опубликуйте ссылку на него в комментариях или отправьте pull request. Под катом — текущая версия списка. Русскоязычные каналы Англоязычные каналы. Hexlet Webinar #4 Собеседования Взгляд со стороны работодателя. Список YouTube-каналов для обучения веб-разработке. Какие еще есть блогеры вроде Sorax?