Случайны выбор дневника Раскрыть/свернуть полный список возможностей


Найдено 33 сообщений
Cообщения с меткой

параллакс - Самое интересное в блогах

Следующие 30  »
Аноним

Среда, 01 Декабря 1970 г. 03:00 (ссылка)

Комментарии ()КомментироватьВ цитатник или сообщество
LUTERRR

Ненаписанная песня

Вторник, 02 Июня 2015 г. 22:01 (ссылка)


Это было давно, почти 20 лет назад. Меня познакомили с одним интересным молодым человеком, который был увлечён книгами и музыкой, он отличался от моих сверстников взрослым понимаем жизни, хотя я сам тогда ещё только начинал взрослеть. Это было в 1998 году, мне было 18, ему на 2 года меньше. Как это не удивительно - звали его просто Вася, Василий. Мы как-то быстро нашли общий язык, мы могли что-то вместе придумывать. Конец 90х это было волшебное время. в то время я уже начал осваивать гитару и пробовать сочинять первые песни, равно как в то время я стал сближаться с церковью, мои горизонты расширялись.



Впрочем духовные поиски иногда нас к прослушиванию только появившихся команд, таких как Сплин, помню как по 10 раз слушали Гранатовый альбом, вникали в слова, ещё был мистер Кредо, хотя я его слушал в меньшей степени, мне было ближе первое, ну и ДДТ, Наутилиус, вобщем русский рок. Тогда же я собственно познакомился с Маршалом, мюзиклом Иисус Христос - суперзвезда, а так же - Кошки.



Одно время мы даже пытались делать своё радио, записывали выпуски, и давали слушать друг другу. Нам казалось что мы просто мастера эфира, крутилось ли это где-то ещё - без понятия, уже и не помню. У нас уже тогда было желание что-то творить, и мы творили, каждый из нас что-то писал, преимущественно стихи, впрочем я всё пытался положить на музыку.



В какой-то момент мы даже подумали что в состоянии сделать студию звукозаписи. Так появилась на свет импровизированная студия, которой я дал название "Параллакс". Ну и кульминацией стало то, что мы записали мой первый альбом, это был далёкий 1998 год. Вася был звукооператором, а пел, играл, сочинял - я. Тогда я только учился играть на гитаре, сейчас найдя эти записи - голос реально не узнать, он тоньше, почти детский, наивный. Вася ещё нарисовал обложку для альбома, хорошо у него получилось. Однако по большому счёту альбом так никто и не услышал, ну кроме звукооператора, я  всегда был критичен к своему творчеству. Второй апокрифический альбом - Детские игры, я так и не записал. Руки не доходили до материала, а переключился на другой формат. Однако альбом "В последний вечер сентября" - состоялся, и во многом благодаря Василию Казанцеву.



Вы думаете я стал менее трепетно относиться к своим творениям? Да ничего подобного. Песней, что в заглавии поста я решил поделиться только по одной причине, отдать дань человеку, с которым какое-то время мне было удобно идти по жизни. К сожалению перед моим уходом в армию мы всё меньше и меньше общались, да и потом собственно отношения были утрачены. А сегодня моя мама мне позвонила и сказала, что вчера - 1 июня Васи не стало. Обширный инфаркт сердца, парню было 32 года.






Вокал, гитара, слова, музыка - Орлов Илья


Метки:   Комментарии (7)КомментироватьВ цитатник или сообщество
SoftLabirint

Создание сайта для мобильных устройств в Adobe Muse (2014) » SoftLabirint.Ru: Скачать бесплатно и без регистрации - Самые Популярные Новости Интернета

Четверг, 24 Апреля 2015 г. 00:02 (ссылка)
softlabirint.ru/video/video...-2014.html


Создание сайта для мобильных устройств в Adobe Muse (2014)

В курсе подробно рассказано об особенностях создания мобильного макета сайта в программе «Adobe Muse» для более удобного использования на небольшом экране смартфона, стратегиях расположения контента на сайтах для смартфонов, о добавлении интерактивных элементов, параллакс эффектов и многом другом. Данный курс подходит тем, кто хочет научиться создавать сайты, адаптированных для использования на мобильных устройствах. В конце курса Автор поделится с Вами полезными ресурсами для саморазвития и вдохновения.



Программа Adobe Muse используется дизайнерами для создания сайтов. Основным преимуществом этой программы является отсутствие необходимости работы с HTML кодом.



Чему Вы научитесь в этом курсе?

• Изучите основы создания мобильного сайта в Adobe Muse быстро и эффективно

• Приобретете навыки, необходимые для создания и публикации мобильного сайта а Adobe Muse

• Научитесь создавать мобильную версию сайта в Adobe Muse

• Адаптировать контент сайта под небольшой экран смартфона

• Сможете создавать компактное меню навигации для мобильного сайта в Adobe Muse

• Узнаете как синхронизировать текстовый контент между макетами сайта

• Научитесь добавлять якоря и параллакс эффект на мобильную версию сайта

• Научитесь создавать мобильный сайт с горизонтальным пролистываем страниц в Adobe Muse

• Узнаете как опубликовать мобильную версию сайта, созданного в Adobe Muse



Содержание:



• Раздел 1: Введение

1. Введение

2. Зачем нужно создавать мобильную версию сайта

3. 7 золотых правил создания эффективных мобильных сайтов



• Раздел 2: Создание мобильного сайта

4. Создаем новый мобильный сайт и задаем настройки будущего сайта в Adobe Muse

5. Создание мобильного сайта на основе версии сайта Компьютер в Adobe Muse

6. Способы просмотра мобильной версии сайта на разных девайсах

7. Создание шаблонной страницы для макета "Телефон" в Adobe Muse



• Раздел 3: Варианты меню навигации сайта для мобильных устройств в Adobe Muse

8. Разработка меню навигации для мобильного устройства

8. Разработка меню. Обзор видов навигационного меню для мобильных сайтов

9. Создание меню с помощью виджета "Раздвижная панель" в Adobe Muse

10. Создание меню навигации в стиле "Лайтбокс" в Adobe Muse



• Раздел 4: Размещение контента мобильного сайта в Adobe Muse

11. Перенос текста и текстовых стилей на мобильный сайт в Adobe Muse

12. Создание слайдшоу для мобильной версии сайта в Adobe Muse

13. Создание слайдшоу для портфолио и галереи работ в Adobe Muse

14. Адаптирование информационного блока под мобильную версию сайта Adobe Muse

15. Особенности создания кнопок для мобильной версии сайта



• Раздел 5: Добавление интерактивных элементов на мобильный сайт в Adobe Muse

16. Использование якорей на мобильной версии сайта в Adobe Muse

17. Добавление перекрестных ссылок на разные макеты сайта в Adobe Muse

18. Добавление параллакс эффекта на мобильный сайт в Adobe Muse

19. Добавление параллакс эффекта на страницу контакты в Adobe Muse

20. Создание кнопок связи в один клик на странице контакты в приложении Adobe Muse

21. Создание мобильного сайта в Adobe Muse с горизонтальным пролистыванием страниц



• Раздел 6: Публикация мобильного сайта Adobe Muse

22. Создание иконки мобильного сайта

23. Публикация мобильного сайта

24. Функция редактирования мобильного сайта Adobe Muse в браузере



• Раздел 7: Заключение

25. Ресурсы для саморазвития и вдохновения

26. Заключение

 



Создание сайта для мобильных устройств в Adobe Muse (2014) Создание сайта для мобильных устройств в Adobe Muse (2014) Создание сайта для мобильных устройств в Adobe Muse (2014) Создание сайта для мобильных устройств в Adobe Muse (2014)






Информация о видеокурсе

Название: Создание сайта для мобильных устройств в Adobe Muse

Год выхода: 2014

Автор: Е.Домашева

Жанр: Обучающий, Веб-дизайн

Продолжительность: 03:07:03

Язык: Русский



Файл

Формат видео: MP4

Качество видео: PCRec

Видео: MPEG-4, 1280x720, ~879 Kbps, 15.000 fps

Аудио: AAC, 192 Kbps, 44.1 KHz

Доп. материалы: присутствуют

Формат архива: RAR

Размер архива: 2,16 GB



Скачать: Создание сайта для мобильных устройств в Adobe Muse (2014) >>>

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

[Перевод] «Hero Image» — баннеры в параллаксе

Четверг, 26 Февраля 2015 г. 14:38 (ссылка)

С CSS 3D Transforms у вас есть безграничные возможности. Но могущество влечет за собой ответственность. Вы будете сталкиваться с ситуациями, когда вы сможете воспользоваться всеми трехмерными преимуществами CSS. Однако в большинстве проектов вы сможете лишь слегка приукрасить некоторые вещи.



Сегодняшнее сокровище – это эффект, который завоевывает все большую популярность и создается за счет 3D Transforms. Благодаря этому мы поместили несколько изображений на ось z, после чего использовали мышь в качестве ложной трехмерной камеры, таким образом, чтобы перспектива изменялась при передвижении курсора мыши. На самом деле в этом случае мы поворачиваем изображение в трехмерном пространстве в соответствии с положением мыши.



Демо



Так как этот эффект зависит от движения мыши, на мобильных устройствах он будет незаметен.



Этот замечательный эффект можно посмотреть на таких сайтах, как Squarespace и HelloMonday.



Создание структуры



Мы используем элемент figure, который содержит наш баннер (hero image) (здесь мы использовали 3 разных ) и обернут в элемент .cd-background-wrapper.





image-1







Размеры используемых изображений должны быть одинаковыми.



Добавление стиля



Чтобы создать hero image, мы накладываем элементы поверх друг друга: первый имеет статичное положение, а остальные находятся в абсолютном положении; каждому из них присваивается отдельное значение translateZ.



В чем заключается идея параллакс-эффекта: когда пользователь двигает мышкой на «hero image» баннере, элемент .cd-floating-background вращается (вдоль осей X и Y), в зависимости от положения мыши. Так как элементы имеют разные значения translateZ, каждый из них вращается по-разному.



Чтобы в полной мере добиться этого эффекта, нам необходимо убедиться, что наши -элементы правильно расположены в трехмерном пространстве: сначала мы указываем значение перспективы для .cd-background-wrapper, который создает трехмерное пространство, в котором располагаются его дочерние элементы; потом мы назначаем transform-style: preserve-3d для .cd-floating-background таким образом, чтобы эти дочерние элементы размещались в трехмерном пространстве, а не в плоском (как установлено по умолчанию). Остальное делает TranslateZ!



.cd-background-wrapper {
overflow: hidden;
perspective: 4000px;
}

.cd-floating-background {
transform-style: preserve-3d;
}

.cd-floating-background img:first-child {
transform: translateZ(50px);
}

.cd-floating-background img:nth-child(2) {
transform: translateZ(290px);
}

.cd-floating-background img:nth-child(3) {
transform: translateZ(400px);
}




Об IE: IE9 не поддерживает CSS3 3D Transforms, а IE10+ не поддерживает свойство «transform-style: preserve-3d». Поэтому в браузере IE эффект параллакса не будет виден, и вы увидите стандартное изображение.



Обработка событий



Мы привязываем функцию initBackground() к событию загрузки изображения: эта функция изменяет значение свойства положения элемента с относительного на абсолютное (используется класс «is-absolute»). В этом случае нам нужно указать правильную высоту элемента .cd-background-wrapper (так как его дочерний элемент находится в абсолютном положении, его высота по умолчанию равна 0) и правильные размеры .cd-floating-background (он должен быть больше, чем оболочка – тогда при вращении не обнаружатся пустые границы).



Мы оцениваем соотношение сторон и ширину обзора изображения и назначаем для .cd-background-wrapper высоту, равную значениям viewportWidth/heroAspectRatio. Высота и ширина .cd-floating-background должны быть пропорциональны .cd-background-wrapper, а параметры левой и верхней стороны должны быть установлены таким образом, чтобы изображение располагалось по центру внутри родительского элемента.



После этого мы привязываем событие mousemove к .cd-background-wrapper: положение мыши оценивается с помощью event.pageX и event.pageY, после чего элементу .cd-floating-background назначается соответствующее значение rotateX и rotateY.



Примечание: Modernizr пока не определяет «preserve-3d». Поэтому, чтобы создать этот эффект для тех браузеров, которые его не определяют, мы использовали функцию getPerspective, которая назначает для класс «preserve-3d/no-preserve-3d» в соответствии с поддержкой браузера.

Original source: habrahabr.ru (comments, light).

http://habrahabr.ru/post/251591/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
qaz5

Зеленый Фонарь / Green Lantern (2011/TS/1400Mb) *PROPER*

Понедельник, 08 Августа 2011 г. 13:43 (ссылка)
xl-films.ru/janr/fantastic/...roper.html

Во Вселенной, столь же бесконечной, сколь и загадочной, многие века существовал отряд воинов, обладающих огромной силой. Защитники мира и справедливости, их называют Корпус Зеленых Фонарей.
Комментарии (0)КомментироватьВ цитатник или сообщество

Следующие 30  »

<параллакс - Самое интересное в блогах

Страницы: [1] 2 3 ..
.. 10

LiveInternet.Ru Ссылки: на главную|почта|знакомства|одноклассники|фото|открытки|тесты|чат
О проекте: помощь|контакты|разместить рекламу|версия для pda