X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Резиновые баннеры
k0ttee
k0ttee
Topic Starter сообщение 6.6.2014, 1:56; Ответить: k0ttee
Сообщение #1


Резиновые баннеры

Нет мне прощения! Ибо царь и бог birds попросил обратить внимание на тему, а днем я был занят.
Значит смою позор кровью напишу статейку по теме.

Речь пойдет о атипичных птичьих гриппах А/H1N1 (birds, будь здоров!) баннерах HTML + CSS + JS / JQ.

Итак... Современный интернет все больше и ярче свисто-пердит динамическими материалами сделанными на Flash.
Все вроде бы прекрасно, но Flash напрягает браузеры (наиболее остро это заметно в UNIX-like системах: Macintosh и Linux).
Кроме того, разработчику приходится учиться новой для него технологии, а это отнимает время и вообще лень.

Функциональный баннер можно состряпать не изучая ничего нового. Фишка в том, что он будет тем же, чем по сути является сайт. Делается фоновый <div>, в который вкладываются другие элементы, например так.
<div class='back'> <!--фоном будет картинка-->
    <div class='front'>
        <img class='logo' src='logo.png'> <!--png картинку в качестве лого-->
        <p class='text'>немного стильного текста</p><!--текст со свечением или тенью-->
    </div>
</div>

И стили
.back {background: url(img.jpg);}
.front {margin: 10px;}
.logo {height: 64px; width: 128px;}
.text {box-shadow: 0 0 10px rgba(0,0,0,0.5);}


Кроме CSS элементы можно стилизовать и через JavaScript или jQuery.
Первое что пришло в голову — плавное появление текста по буквам. http://usefulscript.ru/text_animation.php
Из более сложного:
Капли воды на стекле http://ruseller.com/lessons/les1879/dem ... ;novideo=1
Эпичный текст как в анонсе блокбастера (я даже рекомендую) http://tympanus.net/Development/OpeningSequence/
Листалка страниц http://www.script-tutorials.com/demos/304/
И даже юзабельный рабочий стол Виндавс http://www.soyos.net/tl_files/demos/aero-window/
...А вообще jQuery умеет даже 3D объекты ворочать.

Пилите HTML-баннеры, ибо Flash не нужен.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Amney_rs
Amney_rs
сообщение 6.6.2014, 3:32; Ответить: Amney_rs
Сообщение #2


Отличный вариант.
Я где читал, что флеш умирает уже.


--------------------
Доступные VPS под киносайты Дешевые VPS и хостинг - проверено временем и на собственном опыте! Отлично хостимся уже третий год!Заметки сис. админа - уникальные посты
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prolisk
prolisk
сообщение 6.6.2014, 14:39; Ответить: prolisk
Сообщение #3


Amney, много можно сделать стилями и html5


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
Topic Starter сообщение 6.6.2014, 14:54; Ответить: k0ttee
Сообщение #4


Я где читал, что флеш умирает уже.

Это заявлял Стив Джобс. Но увы: Джобс умер, а Flash - нет. :cry:

много можно сделать стилями и html5

С дуру можно взяться даже за Canvas, на котором пилят двумерные браузерные игры.
[video]http://www.youtube.com/watch?v=dlmTFl1U1oE[/video]
Или вообще WebGL (адаптированный для интернетов Open GL), который потянет 3D-игры прямо в браузере да еще и с аппаратным ускорением.
[video]http://www.youtube.com/watch?v=AJg_BmY9-8o[/video]

Кхм-кхм, мне кажется что Canvas и Web GL для рекламного баннера это уже перебор. :swoon:


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
airman
airman
сообщение 6.6.2014, 22:26; Ответить: airman
Сообщение #5


k0ttee, спасибо, но с баннером уже разобрались :)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Работаю в PhotoShop - аватарки, логотипы, превью, шапки, оформление youtube, баннеры gif
16 Alifer 26498 29.11.2023, 20:15
автор: Alifer
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыБаннеры по бросовой цене
Качество 100%. Демократичная цена.
8 Porsche 4989 29.3.2022, 21:12
автор: Porsche
Открытая тема (нет новых ответов) Сделаю бесплатно (набираю портфолио) – дизайн для соц. сетей, e-mail дизайн, баннеры (статика)
4 romaldemin 2536 7.12.2021, 8:36
автор: PayperK
Открытая тема (нет новых ответов) Сайты "под ключ" | Веб-дизайн | Логотипы | Баннеры
Дизайн для веб, сайты на Wordpress
3 lex86 3296 11.11.2021, 11:31
автор: lex86
Горячая тема (нет новых ответов) Макеты сайтов, логотипы, шапки, баннеры и др.
заманчивые цены и отличное качество
60 vicatsu 37215 25.10.2021, 15:42
автор: vicatsu


 



RSS Текстовая версия Сейчас: 18.4.2024, 6:51
Дизайн