Долго мучаюсь и пытаюсь реализовать следующую бегущую строку с элементами.
Присутствует контейнер в котором расположены различные элементы, у него есть анимация бегущей строки (не тег marquee, а css анимация, но можно заменить и на JS). В …
Вставил такой вот код: <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A93c55165dbf215f795ff45c2ce85dbc5c19153ee465f496e1a0be4cdf…
Онлайн и на оффлайн-площадках в 23 городах России IT-специалистам предстоит решать задачи от крупных компаний. Призовой фонд — 4,5 млн рублей.
— Читать дальше «Хакатон «Креативные индустрии. Коммуникации и контент»»
…
Школьники 12 — 16 лет познакомятся с профессиями будущего, создадут свои первые игры и сайты и увидят, как работают крупные IT-компании изнутри.
— Читать дальше «Курс «Летняя программа по IT-профессиям»»
…
Есть сайт
Подскажите бесплатные курсы по веб-дизайну, которые могли бы помочь создать гармоничный вид сайта. Принимаются любые субъективные ответы, хоть какие-то варианты – поскольку в веб-дизайне я не шарю. Чтобы были плавные переходы м…
Есть сайт
Подскажите бесплатные курсы по веб-дизайну, которые могли бы помочь создать гармоничный вид сайта.
Пишу тестовое сейчас на понимание ООП в Java и столкнулся с таким диссонансом:
public abstract class Shape {
protected String color;
protected double area;
Shape() {
color = null;
area = 0;
}
Shape (Str…
Нужно, чтобы был чёрный фон и белый текст. Также, требуется наличие цветного свечения, похожего на радиальный градиент. Оно должно просвечиваться через текст, но чёрный фон должен находиться поверх свечения. То есть, это цветное свечение д…
Есть блок, который при нажатии на кнопку должен плавно исчезает и появляется благодаря js:
document.getElementsByTagName(‘div’)[0].style.opacity = ‘0’;
setTimeout(()=> {
document.getElementsByTagName(‘div’)[0].style.opacity =…
уважаемые разработчики, дизайнеры.
Не давно разрабатывали проект на ОС WebOS для LG телевизоров.
Проект разработан на чистый JS, наши дизайнеры подготовили иконки для приложения по требованиям которое указано в
http://webostv.developer.lg…
Перевод раздела Metrics & keylines официальной документации Google: http://www.google.com/design/spec/material-design/. Основная сетка Все компоненты выравниваются по основной сетке, состоящей из квадратов со стороной 8 dp. Шрифт и иконки на панели инструментов выравниваются по сетке, состоящей из квадратов со стороной 4 dp….
ДАЛЕЕ
Перевод раздела Units and measurements официальной документации Google: http://www.google.com/design/spec/material-design/. Некоторые единицы измерения в различном контексте имеют различные значения. В этой главе описано использование устройство-независимых пикселей, масштабируемых пикселей, а также таких идей как плотность пикселей. Плотность пикселей Количество пикселей, помещающихся в…
ДАЛЕЕ
Перевод раздела Principles официальной документации Google: http://www.google.com/design/spec/material-design/. В основе материального дизайна лежат элементы печатного дизайна — типографика, сетки, пространство, масштаб, цвет и изображения, создающие иерархию, особый смысл и центры внимания, погружающие пользователя в эту реальность. Материальный дизайн использует приемы из…
ДАЛЕЕ
Перевод раздела Typography официальной документации Google: http://www.google.com/design/spec/material-design/. После релиза Android Ice Cream Sandwich, стандартным шрифтом, используемым в Android, стал Roboto. После релиза Froyo штрифт Noto стал стандартным шрифтом, используемым в Android для всех языков, не поддерживаемых шрифтом Roboto. Кроме того, Noto…
ДАЛЕЕ
Перевод раздела Imagery официальной документации Google: http://www.google.com/design/spec/material-design/. Изображения – это не просто украшение. Это мощный инструмент, который может помочь вам донести свои идеи и выделить свой продукт. Смелые, яркие и осмысленные изображения помогают привлечь внимание пользователя. Неважно, хотите ли вы…
ДАЛЕЕ
Перевод раздела Icons официальной документации Google: http://www.google.com/design/spec/material-design/. Иконки приложений Иконки приложений являются средством визуального выражения приложений, сервисов и инструментальных средств бренда. Простые, выразительные и удобные, они сообщают основную идею и цель приложения. Несмотря на то, что иконка каждого приложения визуально…
ДАЛЕЕ
Перевод раздела Color официальной документации Google: http://www.google.com/design/spec/material-design/. Цвет в материальном дизайне пропитан духом смелых оттенков, стоящих бок о бок с приглушенным окружением, глубокими тенями и яркими светлыми участками. В качестве примеров использовались современная архитектура, дорожные знаки, маркировочная лента тротуаров и спортивные площадки. Используйте неожиданные…
ДАЛЕЕ
Перевод раздела Delightful details официальной документации Google: http://www.google.com/design/spec/material-design/. Анимация может присутствовать во всех компонентах приложения, какого бы размера они ни были. От высокодетализированных иконок до ключевых переходов и действий. Все элементы работают сообща, создавая единое восприятие и прекрасное функциональное приложение….
ДАЛЕЕ
Перевод раздела Meaningful transitions официальной документации Google: http://www.google.com/design/spec/material-design/. Иногда пользователю трудно определить, куда нужно смотреть. Ему бывает неясно, как элемент попал из точки А в точку Б. Тщательно скоординированный дизайн движений может фактически управлять вниманием пользователя на протяжении множества шагов…
ДАЛЕЕ
Перевод раздела Responsive interaction официальной документации Google: http://www.google.com/design/spec/material-design/. Отзывчивое взаимодействие создает доверительную связь с пользователем и вовлекает его. Когда пользователь взаимодействует с приложением и видит, как происходят прекрасные и абсолютно логичные вещи, он чувствует удовлетворение и даже восторг. Взаимодействие имеет…
ДАЛЕЕ
Перевод раздела Authentic motion официальной документации Google: http://www.google.com/design/spec/material-design/. Осознание осязаемости формы объекта позволяет нам понять, как манипулировать им. Наблюдение за движением объекта позволяет нам понять, легкий он или тяжелый, гибкий или жесткий, маленький или большой. Движение в мире материального дизайна…
ДАЛЕЕ
Перевод раздела Objects in 3D space официальной документации Google: http://www.google.com/design/spec/material-design/. Между организацией объектов в реальном мире и в их расположении в материальном пространстве существуют параллели. В реальном мире объекты могут накладываться друг на друга, но не могут проходить сквозь друг…
ДАЛЕЕ
Перевод раздела Material properties официальной документации Google: http://www.google.com/design/spec/material-design/. Материал обладает некоторыми неизменными характеристиками и характерной линией поведения. Понимание этих свойств поможет вам манипулировать материалом в соответствии с концепциями материального дизайна. Физические свойства Материал обладает изменяющимися размерами по осям x и…
ДАЛЕЕ
Перевод раздела Environment официальной документации Google: http://www.google.com/design/spec/material-design/. Трехмерный мир Материальная среда является трехмерным пространством, а это значит, что все объекты располагаются в плоскостях x, y и z. Ось z расположена перпендикулярно плоскости отображения, и ее положительная шкала направлена на зрителя….
ДАЛЕЕ
Перевод раздела Introduction официальной документации Google: http://www.google.com/design/spec/material-design/. Введение Мы поставили перед собой задачу по созданию для своих пользователей визуального языка, который бы сочетал в себе классические принципы хорошего дизайна с инновациями и возможностями технологий и науки. Перед вами материальный дизайн….
ДАЛЕЕ
Свежие комментарии