Зачем?

Охуенный текст со ссылками внутри.

Наверное, каждый программист, интересующийся предметами с приставкой "пси", должен воплотить в виртуальность таблицы Шульте — уж очень они соблазняют своими легкодоступными, квадратно-цифровыми очертаниями. Но кропать таблицы на родных плюсах было как-то не с руки — всё равно что ездить за мороженным на танке. Теперь же на старости лет профессиональное любопытство докатилось и до веба, а для погружения в премудрости HTML/CSS/J-avaScript (в качестве учебно-увлекательного проекта) таблицы Шульте — самое оно. По мере ограниченных сил, громадного двухнедельного опыта и недоразвитого дизайнерского таланта, постарался сделать "стильно, модно, молодёжно" — чтобы всё было по возможности responsive и reactive и нормально встраивалось через iframe. Список доступных настроек Все онлайн-реализации таблиц Шульте, обнаруживающиеся по первым ссылкам поисковиков, оказались почему-то ограничены в размерах (некоторые и вовсе "прибиты гвоздями" к монитору), что странно — ведь смысл упражнения именно в том, чтобы развивать периферическое внимание и ширина имеет решающее значение. Да и вообще — люблю Zen mode. Поэтому расчертил таблицу на всю морду страницы (и без всяких тикающих по нервам таймеров, которые разработчики с завидным упорством лепят рядом с таблицей). Любимым фреймворком на это мини-приложение назначил Vue.js. Выбирал интуитивно и нерационально. Вот понравился и всё. Прямой как гвоздь jQuery не вдохновлял эстетически, хотелось чего-нибудь изящного и пластичного вроде Qt (речь, конечно, "за философию", а не о конкретном библиотечном спектре). В сторону React и Angular, разумеется, тоже взглянул, но как-то не срослось. Ниже под спойлером — ударный код генерации таблицы. Можно сказать, сердцевина проекта (эх, знала бы школьная учительница информатики, какой адский микс выйдет из под моих пальцев, огрела бы их линейкой). В нём задействованы чуть ли не все доступные способы реактивной привязки стиля к элементу. Интересная деталь — если в директиве v-for использовать число ( Так же хотелось попробовать на вкус и цвет html-canvas. Для этого реализовал Mouse Map — карту передвижений курсора мыши во время прохождения таблицы (в идеале, конечно, должен быть eye tracker, но где ж его, дорогого, обычному человеку взять). Mouse Map Кстати, двигать мышью можно очень по-разному Исходники сайта на GitHub. С благодарностью приму все замечания, пожелания и напутствия. Таблицы Шульте Реклама помогает поддерживать и развивать наши сервисы Подробнее Реклама ХАБЫ Анализ и проектирование систем 461 автор, 853 публикации Программирование 2,8k авторов, 6,1k публикаций Разработка мобильных приложений 941 автор, 2,6k публикаций HTML 509 авторов, 870 публикаций Ruby 307 авторов, 644 публикации Разработка под iOS 781 автор, 1,8k публикаций Информационная безопасность 2,3k авторов, 6,2k публикаций .NET 1,1k авторов, 2,6k публикаций PHP 1,4k авторов, 2,5k публикаций JavaScript 1,8k авторов, 3,8k публикаций Все хабы — 3,6k 29 @drafterleo карма 26,0 рейтинг6,6 Программист ПОХОЖИЕ ПУБЛИКАЦИИ 25 февраля 2016 в 21:39 Как я ошибся при написании хеш-таблицы и какие выводы из этого сделал +35 21,1k 91 9 26 ноября 2015 в 11:39 Электронные таблицы под капотом +14 8,2k 46 2 17 июля 2015 в 16:03 Интеграция Unity с Google Таблицами +20 15,8k 135 5 САМОЕ ЧИТАЕМОЕ Разработка Сейчас Сутки Неделя Месяц Опрос. Какой php-фреймворк вы используете? +6 2,4k 2 27 Как хакеры атакуют корпоративный WiFi: разбор атаки +3 4,3k 22 2 Мобильная платформа. Архитектура гибридных приложений на ReactNative +8 933 15 4 Hello, Шульте +8 3,6k 29 8 Go дайджест. События, статьи, интересные проекты из мира Go [15 — 30 марта 2017] +10 984 14 0 Комментарии (8) aol-nnov 29 марта 2017 в 21:01 0 Тони Бьюзен отмечал, что в компьютерных программах когда на цифру указываешь курсором, глаза непроизвольно следуют за ним. Это не способствует расширению поля восприятия. Поэтому к компьютерным вариантам таблиц надо относиться с осторожностью. Вот я попробовал, и совершенно с ним согласен. Глаза уже на подсознательном уровне за курсором идут. Надо еще на планшете попробовать. drafterleo 29 марта 2017 в 21:13 0 Глаза уже на подсознательном уровне за курсором идут. По своему опыту — это искушение можно вполне успешно преодолевать (желательно расслаблением, а не подавлением). Думаю, что оно не особо сильней привычки проговаривать (артикулировать) цифры. Опять же, в реальной жизни всегда есть какое-то движение — по распечатанной табличке тоже может бегать какая-нибудь мушка дрозофилы :). Tishka17 29 марта 2017 в 21:22 +2 Стоит девятки и шестерки писать с точкой, если они вращаются. Иначе приходится угадывать drafterleo 29 марта 2017 в 21:24 0 Точно, хорошее предложение. Обязательно сделаю в ближайшее время. drafterleo 29 марта 2017 в 23:20 0 Добавил. Опция «Show 69 Dot» в настройках. thetis 29 марта 2017 в 22:25 +1 Здорово! Довольно интересная игрушка, спасибо ) Я бы в настройках еще ползунок интенсивности подсветки прикрутил. Когда быстро кликаешь — на моем мониторе не очень разобрать позеленела ли ячейка, или не успела. Из-за этого допускаются лишние ошибки. Можно еще таблицу собственных рекордов в пределах одной сессии. drafterleo 29 марта 2017 в 22:32 0 Принял, подумаю. dotneter 30 марта 2017 в 09:40 (комментарий был изменён) 0 Не помешала бы таблица лучших результатов. И добавьте возможность отвечать с клавиатуры. 1)Курсор мыши не будет влиять на процесс 2)Отвечать можно гораздо быстрее Например как можно реализовать http://ru.brainexer.com/numbersequence.html Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.