@ghett

базовые знания - конкретная задача
интерактивные графики, диаграммы, кликабельное и прочее
работа с библиотекой blend4web
что посоветуете читать, с чего начать дабы освоить

Добавлено через 19 часов 38 минут
http://www.infoobjects.com/d3/
Вот это например что это, библиотека? я могу её использовать для своих целей? где выполняется код и откуда я могу это узнать?

0

@ghett

уважаю
но мне трудно без базового.
вчера из всего что нарыл решено было пока я осваиваю svg + его анимацию
почерпнуть способы реализации из пары готовых решений
http://www.theguardian.com/wor... ding-level
http://www.theguardian.com/env... al-warming
http://elections.huffingtonpos... te-results
как насчёт этих примеров, на них ссылки с d3js.org идут, как отрыть их и посмотреть как сделали?

0

@BANO

ghett, vyt кажется что пример с деревнями аляски для вас подходит лучше всех
там и график есть, он и анимирован

0

@ghett

да, мне от тоже больше всех нравится, но как его использовать?
я же не могу из исходного кода страницы и там найти все связи между объектами расположенной на странице графики?
или могу?

0

@BANO

ghett, можно просмотреть всё, единственное, прочесть может быть трудно
а просмотреть можно нажав f12 в браузере

0

@ghett

<path id="shape-North-Slope" class="ak-shape" d="M966.2271736374356,129.6355184972872L942.3052898199904,131.5…9619,128.2895685 417393L984.7847864832124,128.84669661664446Z" style="fill: rgb(204, 118, 168); stroke: rgb(255, 255, 255);"></path>
навёл курсор на самый верхний штат кликнул правым кликом и выбрал в контекстном меню "исследовать элемент" - подстветило во этот абзац предварительно выделив некоторые соседние строки
решил искать по коду где ещё айдишка встречается эта. но поиск копротивляется и даже не подсвечивает то что я щас скопировал
загугил "ak-shape+web+html" и наткнулся на это "iCITA: Image Map Example - HTML Best Practices" http://html.cita.illinois.edu/... xample.php
что содержится в переменной d? это строка? что это за набор цифр или символов, ну дальше, я так понимаю, два режима цвета рамки (активный "fill: rgb(204, 118, 168)" и не актвный 3х255) только вот почему в активном режиме вставлена команда fill которая гуглится как "заливка", это и есть способ смены цвета, ведь ничего друго нет
То есть в основе svgшка в форме..... чёрт, это что, всё одно полтно с белыми наложенными контурами которые меняют цвет когда наводишь курсор на соответствующий сектор который подсвечивает в процессе поиска элемента? то есть svg которые анимированный - лишь контуры? факин иллюжн

0

@BANO

ghett, давайте я вам попытаюсь расфасовать по полочкам
вы знаете html?

0

@ghett

Спасибо за Вашу отзывчивость
Добавлено через 7 минут
практически ничего не знаю о html так как крутился в смежной (но не родственной) сфере, учил себе потихоньку пайтон так как он мне понравился и даже и не касался вниманием разницы фронтэнд и бэкэнд разработки, считал что буду делать контент который уже другие люди будут встраивать, ан нет, всё пошло завертелось по другому. так что если надо - пошел разбираться, а если есть время - расскладывайте, я в процессе все сведу к общему знаменателю
или что вы собрались расфасовывать?

0

@BANO

ghett, ну html - helpeing text matching language, если мне не изменяет память
он показывает где и какой контент показывать, а css просто помогает

тк вот, canvas использует сви инструменты и он интегрирован в dom только как место где скрипт может рисовать, то есть внутренние его изменения на dom никак не влияют, разве заставляют браузер перерисовывать этот dom

а svg - Scalable Vector Graphics, встроен в dom полностью, и всем что внутри svg можно управлять так же как обычными div'ами

короче вот вам книжечка по html? но это просто справочник, я познавал азы на каком-то дураком сайте
а вот вам про dom, вот это учебник по которому я учил js, но тогда он был менее стильный)

0

@ghett

вы имеете ввиду Погружение в HTML5 Пиллигрима?
трудно привыкнуть когда раздел на сайте именуется учебником.
как считаете на каком эта можно приступать к изучению dom в плане изучения html?

0

@BANO

ghett, вы не поняли

dom - это технология js, сделанная специально для него, и на предназначена для управления кодом страницы

такого я не знаю
я знаю, что HTML5 крут))
вы изучайте сначала html, а потом и js подтягивайте, просто это не так просто как кажется
html, кстати самый лёгкий язык(по моему мнению) и учится легко, поскольку синтаксис прост как доска, а теги учить - это уже тупо надо на первое время вызубрить, но лучше опытом закреплять

1

@ghett

http://htmlbook.ru/diveintohtml5

спасибо, буду стараться побыстрее освоить, хоть и осознаю что не всё так просто.

0

@BANO

ghett, ну я весь сайт-то не исследовал, он мне только как справочник нужен
точнее последнее время не очень, так как я скачал его pdf)

0

@ghett

аргументированно
или подпараноенны?

0

@BANO

ghett, что-то я вас ща не понял

0

@ghett

может это я вас не понял? чего именно вы ?

0

@BANO

ghett, в буквальном смысле скачал pdf-ное издание справочника
вот тут

0

@ghett

canvas это карандаш,
а svg это как грифель встроенный в палец?

0

@BANO

ghett, вы изучите язык разметки, и поймите, что svg - часть разметки, и ей управлять легче, а canvas - то чем на baisic'е вы рисовали в школе

0

@ghett

понятно, учу

0