Так. В общем. "аналоговые часы на сайт". Круглые. Штука эта не очень востребованная. Но, спрос есть. Я конечно не первый, кто это прилумал. В инете много реализаций, но все они имеют свои минусы. Я изучил все предложения, и вот к каким выводам пришел.
Всего в принципе вариантов технологии несколько, а именно:
1) флеш
2) канвас
3) жаваскрипт
1) Флеш. Он позволяет сделать красивые, практически любые по дизайну аналоговые часы на сайт. Но, у него есть ряд недостатков. А именно. Флеш не работает в айфонах\андройдах\айпадах и т. д. Во вторых, технология флеш перестала поддерживаться в связи с принятием стандарта хтмл5. В третьих, он не интерактивен, т. е. тикают они себе и все, ничего больше с ними не сделаешь. Наприример, не нажмешь на цыферку, не выберешь время, не установишь и т. д. Примеров много. Очень много J потому что востребовано.
http://xuxu. /clocks/clock_classic/
2) канвас - это новая технология хтмл5, тут делать все просто, интерактивно, но пока эта технология плохо поддерживается. Т. е. у половины посетителей сайта будут ошибки, лажи и неработать. Выглядит это так:
http://www. linkexchanger. su/2009/86.html
3) Жаваскрипт. Это самы крутой метод, потому что а) он работает везде б) можно настраивать как тебе вздумается 3) позволяет сделать красиво. Но это НЕРЕАЛЬНО СЛОЖНО. Вот единственный вариант, который я нашел:
http://*****/analog_clock. php
Что есть у нас. Я напрогал крутецкие жаваскрипт-часы, которые
1) работают во всех браузерах, даже в старом эксплоире
2) им можно придать практически любой вид
3) 100% интерактивность
Зачем это нужно – особенно пункт 3, все ради него. Часто в на сайте встает вопрос выбора времени. Это например: Отложенная публикация в контакте, может слышала, «таймер», график публикации статей в вордпресс(движок такой), время встречи в том же контакте, или вот на сайте хостела, который мы делали – там есть «время заезда\выезда». Как использовать – придумать. Сейчас это делается выпадающим меню, типа жмешь на стрелочку и выбираешь час. Но я хочу это сделать часами: жмешь на циферку на циферблате – согласись, это удобней наглядней и прочие хорошие слова.
В связи с этим у нас будет 2 продукта.
1) информер – просто тикающие красивые часики, как флеш, но которые будут работать на планшетах\айфонах и проч.
2) связка календарь+часы для выбора даты и времени. Календарь я тоже уже напрогал на той неделе.
Наши плюшки:
1) Информер бесплатно разлетися по разным сайтам, нам слава почет и уважение
2) Информер целиком и полностью тебе в портфолио
3) Он же хороший+ в портфолио для меня, потому что сделать это реально непросто, а я смог.
4) Связка календарь+часы – там, где это используется, это наше конкурентное преимущество перед заказчиком, потому что опять же мало кто сможет это повторить J А у нас уже готово, пожалуйста выбирайте дизайн.
5) Денег с этого в прямом смысле получить вряд ли удастся, потому что жаваскрипт невозможно защитить, и как только я выложу пример любой прогер сможет его украсть. Да и не стоит выглядеть жлобами. Но респекту принесет много, особенно мне, потому что я молодец.
6) Если вам нравятся наши часы, но ни один из предложенных дизайнов не подходит, мы создадим специальный эксклюзивный итд дизайн специально для вас за символическую плату(за вашу душу АХАХА *злобный смех*)
Что делать:
Я так прикинул, ну и даже сама посмотри сколько вариантов этих часов во флеш, нам с этим придется конкурировать. Так что вариантов нужно много, чтоб любой-любой-любой(для начала, чтоб об этом узнали) мог найти подходящий дизайн к своему сайту.
Вариантов 30 для начала надо, а желательно 50. При том, они должны быть реально качественные, что б людям хотелось это себе. Но, не обязательно все сразу, можно будет по чуть-чуть допиливать по пару вариантов, и со временем наберется.
Распространять будем через наши сайты, я напишу несколько статей, мне со смыслом «как сделать часы на жс», типа какой я крутой прогер, тебе со смыслом «мои работы», у меня будет запросы типа «аналоговые часы на жаваскрипт», а у тебя «аналоговые часы для сайта скачать» как-то так. Но ко времени этого всего, эти 30-50 вариантов должны быть готовы.
Технические требования:
1) я тебе ща пришлю макет, где какие элементы
2) Для информера как в обычных часах цифры, или возможно 1 2 3 большие и возможномаленькие, типа приписки, ты поймешь, когда увидишь.
3) Для выбора календарь+час+минута все сложней. Там понадобится полный набор цифр, 8 9 …, а так же…для минут.
4) Размеры: Диаметр циферблата 156 пикселей. Для каждой цифры квадрат 20х20 пикселей. Для цифр обязательно прозрачный фон. Для стрелок: часовая – 14х74(ширину 14 менять можно, длину нельзя), минутная – 14х114. Для стрелок обязательно прозрачный фон. Сами стрелки на прямоугольнике-фоне должны быть строго по центру, иначе будет не точно время показывать J
5) Все изображения должны быть в формате PNG
6) Названия файлов: Файлы цифр должны называться 1.png 2.png 3.png … 23.png
Для минут: 00.png 05m. png 10m. png 15m. png … 50m. png 55m. png
Циферблат - fon. png
Названия не критичны, я переименую, если что, но было бы удобней, если б так – тогда легко и быстро устанавливать.
7) Для календарь+часы потребуется еще 2 стрелки – влево, вправо для переключения между экраном часов\минут(зелененькие сверху в примере). Их размеры ширина-25 пикселей, высота – 15 пикселей.
8) В примере ты поймешь, почему прозрачный фон для всего, и за одно посмотри, как там взаимно расположены стрелки и внутренние цифры(это для календарь+часы), возможно стоит стрелки сделать покороче немного, но не фон покороче, а фон прозрачный, и на нем стрелка покороче, ну те поняла… Тут надо «примериться» просто. Циврф поверх стрелок, чтоб на цывры можно было жать, иначе стрелка будет их перекрывать и не давать кликать. Такой фот фокус.
