johan 01.02.2013 10:20 Terárium pro ještěry

Вот смотрите, котятки. Есть печатное издание — журнал формата A5. Есть задача — сделать веб-версию под гейпад, ведро и писи. Но с "интерактивом" — всплывающими/скроллящимися/меняющимися картинками — это как минимум. Исходно всё делается в ИнДизайне и Фотошопе.
Расположение картинок и разбиение на страницы должно остаться таким же, но размер шрифта придется увеличить (видимо, с добавлением скролла).

Вопрос: на чём это можно сделать, если флэш мёртв?

1. Iwasawafag 01.02.2013 10:20 netbook

СИЛЬВЕРЛАЙТ

2. hirthwork 01.02.2013 10:21

Хэтэмльпять разве не умеет это всё? Да, в опере мини под Series 40 будет не очень работать, но проблемы негров шерифа не ебут.

3. vt 01.02.2013 10:22

Это делается в ДЖАВАСКРИПТЕ

4. johanvt /3 01.02.2013 10:22 Terárium pro ještěry

Что "это"?

5. vtjohan /4 01.02.2013 10:23

> Вопрос: на чём это можно сделать,

6. johanvt /5 01.02.2013 10:25 Terárium pro ještěry

Не, ну вроде "можно", но если так мыслить — то и на ассемблере можно. Еще раз — исходник — полиграфическая верстка :(

7. Iwasawafagjohan /6 01.02.2013 10:26 netbook

ассемблер мобилки потянут?

9. hirthworkjohan /6 01.02.2013 10:26 mcabber

> полиграфическая верстка
длинные слова меня только расстраивают :(

10. johanIwasawafag /7 01.02.2013 10:27 Terárium pro ještěry

Мобилки, в принципе, не ЦА.

11. Iwasawafagjohan /10 01.02.2013 10:27 netbook

ну ок, делай

12. johanIwasawafag /11 01.02.2013 10:30 Terárium pro ještěry

Ну так и пытаюсь выяснить — на чём :-)

14. Iwasawafagjohan /12 01.02.2013 10:39 netbook

> полиграфическая верстка
Это делается в CSS
> Но с "интерактивом"
Это делается в ДЖАВАСКРИПТЕ

15. johanIwasawafag /14 01.02.2013 10:41 Terárium pro ještěry

Угу. Но это же _полная_ переверстка, не?

16. Iwasawafagjohan /15 01.02.2013 11:25 netbook

> делается в Photoshop
ну так обычно макеты из фотошопа на css и переверстываются. Про лайтрум или что ты там второе в оп-посте упоминал не знаю.
Можно попробовать конвертером ёбнуть, конечно, как выше предложили, если СОВСЕМЛЕНЬШОПИЗДЕЦ, но допиливать говно скорее всего придется и после него.

17. johanIwasawafag /16 01.02.2013 11:41 Terárium pro ještěry

Хм. Видимо, плохо объяснил. Ща покажу. Вот, допустим, страница, сделанная в индизайне:
В принципе, она читаема as is. Но надо, тыкнув в предмет, получить вот что:

А вот то, что делается в фотошопе:

в журнале оно статичное, в вебе хочется, например, чтобы панорамы скроллились, картинки менялись.
Вот текстовый материал:

Шрифт таки мелковат, поэтому, видимо, на его месте должен быть скроллящийся DIV с текстом этой страницы, но крупнее и в одну колонку.
Но перелистывание — по страницам, как в PDF.

В принципе, пока рабочая идея — сгонять тупо всю страницу в JPEG, а поверх уже добавлять интерактивность и DIVы с текстом. Но как-то _неаккуратненько_, не?

18. rapture 01.02.2013 11:44 unknow

вроде же адобе выпустило чтото на хтмл5

19. johanrapture /18 01.02.2013 11:45 Terárium pro ještěry

что-то что? Я нашел пока только http://ajarproductions.com/pages/product... и сделал вывод, что, раз чуваки заморочились, значит, адоба выпустила очередную хуйню :-)

На самом деле с вебом не работаю, за новостями не слежу, так что даже гуглить сложно :(

20. hirthworkjohan /17 01.02.2013 11:46 mcabber

данный тред всё больше напоминает мне «Бля, пацаны, зырьте какую круть мне сказали сделать! Делать в лоб мне пока лень, так что давайте я перед вами похвастаюсь»

21. johanhirthwork /20 01.02.2013 11:52 Terárium pro ještěry

Всё так, только не сказали, а сам придумал, смысла словосочетания "делать в лоб" — не очень понимаю, ну и — не хвастаюсь, а выясняю современное положение вещей в области мобильных rich media технологий :-)

22. rapturejohan /19 01.02.2013 11:53 unknow

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

23. johanrapture /22 01.02.2013 11:54 Terárium pro ještěry

В смысле какие "две хуйни"?

24. rapturejohan /23 01.02.2013 11:55 unknow

flash and pdf

25. hirthworkjohan /21 01.02.2013 11:55 mcabber

«делать в лоб» ≡ кликабельные картинки и скроллящиеся страницы. нахуй мне не надо скроллить текст статьи, имея при этом постоянно пол экрана занятых неинформативной картинкой

26. johanrapture /24 01.02.2013 11:56 Terárium pro ještěry

Так, стоп. Флеша же на гейпаде нету, а в ведре не будет со следующей версии?
Ну а PDF — это единственный вариант для полиграфии, которому на экранах не место.

27. vtrapture /24 01.02.2013 11:56

Как минимум одну из этих хуйней похоронил сам адоб

28. rapturevt /27 01.02.2013 11:57 unknow

как минимум, петушки очень любят кричать о похоронах, сами ничего не делая. Пока что не похоронил.

29. hirthwork 01.02.2013 11:58 mcabber

есть мнение, что всё это уже реализовано в Google Media и Apple Newsstand

30. rapturejohan /26 01.02.2013 12:00 unknow

Ну ок, ок. Правда, большинство флешеебских игрушек пока не сконвертили + альтернативы только в процессе.

31. johanhirthwork /25 01.02.2013 12:02 Terárium pro ještěry

Ну, тексты _этих_ статей тебе нахуй не надо в любом виде :-) Да и вообще про тексты я только к тому, чтобы не упустить тот момент, что что-то с ними делать всё же надо.

Суть в том, что нужна максимальна точная копия журнала в гей-паде, но с возможностью смотреть крупно картинки, добавлять туда еще картинок, которых в журнале нет, и делать анимированные рекламные блоки примерно в том стиле, когда для показа на мониторах тупо разбирают PSD-шник на слои, и они прилетают с разных сторон :-)

32. Iwasawafagjohan /17 01.02.2013 12:04 netbook

Если поебать на то, чтобы текст был выделаем, то можно и так, да. Так делают страницы обновлений у тф2, например. http://www.teamfortress.com/mechaupdate/
хотч некоторый текст выделяем. position: absolute; тебе в помощь

33. IwasawafagIwasawafag /32 01.02.2013 12:05 netbook

выделяем и индексируем

34. IwasawafagIwasawafag /33 01.02.2013 12:05 netbook

а вот если потом захочется РЕСПОНСИВА тут тебя ждёт головная боль

35. johanIwasawafag /34 01.02.2013 12:05 Terárium pro ještěry

Извини, ЧЕГО?

36. Iwasawafagjohan /35 01.02.2013 12:07 netbook

это когда при уменьшении размера экрана блоки перестраиваются из одного расположения в другое и получается хуйня для 240*360 ну или до скольки сделают. В общем, айпадопидоры любят такое

37. johanIwasawafag /36 01.02.2013 12:13 Terárium pro ještěry

Не, не захочется. Тут идея даже не в создании веб-версии, а в том, что размер страницы у нас ровно как экран гей-пада (ну, без учета колонтитулов). В общем, типа "дополненной реальности" в облегченном варианте что ли...

Т.е. открываешь на девайсе _точную копию_ страницы и смотришь фотки крупно. Как-то так.

38. Iwasawafagjohan /37 01.02.2013 12:13 netbook

охуенно объяснил

39. johanIwasawafag /38 01.02.2013 12:14 Terárium pro ještěry

Спроси, что конкретно непонятно, разверну подробнее.

40. Iwasawafagjohan /39 01.02.2013 12:15 netbook

мне, тащемта всё понятно..

41. Iwasawafagjohan /39 01.02.2013 12:17 netbook

таки ебни картинкой на фон, текстовые блоки и области для кликов можно спозиционировать абсолютами, если надо обрисовывать кольца — смотри в сторону map'ов.

42. johanIwasawafag /41 01.02.2013 12:20 Terárium pro ještěry

...как, собсно, я и написал чуть выше :-)

43. Iwasawafagjohan /42 01.02.2013 12:21 netbook

да

44. johanIwasawafag /43 01.02.2013 12:24 Terárium pro ještěry

2013 год! ебашь всё ручками!

45. hirthworkjohan /44 01.02.2013 12:25 mcabber

я до сих пор всё ручками делаю...

46. Iwasawafagjohan /44 01.02.2013 12:25 netbook

давай поговорим про автофокус?

47. hirthworkIwasawafag /46 01.02.2013 12:26 mcabber

и АКПП

48. johanhirthwork /47 01.02.2013 12:29 Terárium pro ještěry

АКПП жрет больше бензина :-)

49. johanIwasawafag /46 01.02.2013 12:29 Terárium pro ještěry

В каком ключе?

50. hirthworkjohan /48 01.02.2013 12:30 mcabber

да если бы только это. вообще моим первым ощущением после покупки 103-сильного логана с АКПП было «Хочу обратно в 82-сильную Ниву!». Динамики никакой

51. Iwasawafagjohan /49 01.02.2013 12:30 netbook

сравним с ручной фокусировкой. Будем говорить, что она не нужна, ведь 2013 год и есть автофокус

52. johanIwasawafag /51 01.02.2013 12:32 Terárium pro ještěry

Ну, в общем и целом — к этому всё и идет. 2013 год, сенсорный экран, тыкнул пальчиком куда надо — оно туда и сфокусировалось :-)

53. Iwasawafagjohan /52 01.02.2013 12:33 netbook

да ты охуел

54. johanIwasawafag /53 01.02.2013 12:34 Terárium pro ještěry

да вроде нет

55. Iwasawafagjohan /54 01.02.2013 12:36 netbook

ладно

56. johanIwasawafag /55 01.02.2013 12:38 Terárium pro ještěry

Не, ну это так, примеры из разряда "чисто языком почесать".
А вот, допустим, тот факт, что в всёрстку можно затягивать RGB-картинки, потом нажать кнопочку "сделай мне PDF", который тупо отдать в типографию и напечатают заебись — лет 10 назад заставил бы любого верстальщика высрать кирпичей, ке-ке-ке.

Do you really want to delete ?