html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden} /*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),body noscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}body noscript>*{position:absolute!important;width:100%;height:100%;z-index:2}body noscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!important}}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}@media (min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important} /*# sourceURL=/css/ampshared.css*/Невидимые бойцы «Витязя»: Александр Секунов о сайте клуба, мотивации и развитии гандбола - Гандбол на BY.Tribuna.com

Невидимые бойцы «Витязя»: Александр Секунов о сайте клуба, мотивации и развитии гандбола

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

Аўтар — handballvityaz

Шел 2011 год…

Был, кажется, ноябрь. Стояли с ребятами  на улице после очередной бессмысленной тренировки, немного мерзли. Традиционно пили колу и общались о всякой ерунде.  Кто-то предложил  создать клуб…

Для начала нужны были документы, много документов и ходить по инстанциям, много ходить. С самого начала стало понятно, что помочь  могут не многие, и что большинство направлений придется закрывать самим.  Одним из ребят первой команды организаторов стал я - Александр Николаевич (Секунов - прим. ).

Мне выпала честь стоять у истоков зарождения клуба и моей главной задачей было создание прообраза сайта как весьма важной составной части всей идеи клуба. Сайт, вокруг которого будет строиться процесс общения, коммуникации с людьми, которым интересен гандбол, да именно гандбол в целом, а не только наш клуб. Я начал с того, что набросал идею сайта на листке. Затем тщательно проанализировав уже существующие порталы именитых и не очень гандбольных клубов,  сделал некоторые выводы:

Advertisment

- сайт - это большой портал, с соответствующим набором рубрик, галерей, форумов и прочих важных элементов;

- существующие сайты ГК в РБ - отстой;

- нужен серьезный сайт по аналогам существующих с возможностью постепенного наполнения;

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

Немного о самом процессе создания сайта ГК «Витязь»

0 стадия - анализ.

1 стадия - прототипирование. Из огромной массы различных тулзов и онлайн инструментов после длительного выбора я решил делать все в честно сп..ном на работе, вместе с необходимыми библиотеками - Axure Pro - самом крутом инструменте того времени. Первоначальный прототип можно увидеть вот на этой странице: http://vityaz.zg5.ru/vit/index.html

2 стадия - дизайн. С дизайном по сайту помогал еще один наш общий друг – Святослав Корабликов (о нем, думаю, еще напишут на нашем сайте). Для него это тоже было неким экзаменом для вхождения в мир веб-дизайна. Макеты переделывались несколько раз, постепенно улучшаясь и в итоге получились весьма интересными.

3 стадия - верстка. В тот момент набирал популярность удобный фреймворк для верстки - Bootstap, тогда он даже не был объединен с boilerplate и обнуление стилей еще было по Эрику Майеру, актуальная версия была 2.1. С версткой я был хорошо знаком, но с Bootstrap я не работал, но о нем писали очень много на популярных it-ресурсах и я понимал, что этот фреймворк - это не просто дань моде, а удобный и перспективный инструмент разработки. Начинать было сложно, была большая загрузка по основной работе и уделять время сайту «Витязя» удавалось лишь ночами, тем более что приходилось изучать новый фреймворк. Когда приноровился - сделал бэта-версию, которая затем, постепенно улучшаясь, приобрела вид теперешнего сайта. Окончательную настройку, «натяжку» на cms и некоторые другие улучшения сделала команда Павла Саксона.

4 стадия - наполнение сайта.

5 стадия - продвижение.

Зачем и почему?

Для меня решение помочь «Витязю» было вполне осознанным и почти бескорыстным, так как мне тоже нужно было отдать долг обществу, стране и будущему поколению молодых гандболистов. Я заразился  энтузиазмом и возможностью сделать что-то полезное, имея для этого некие ресурсы и возможности. Гандбол мне не безразличен, я долгое время занимался и даже сейчас с удовольствием бегаю с любительской командой «Витязя».

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

Теперешний сайт - это твердый шаг в сторону популяризации гандбола и развития            гандбольного сообщества. Конечно, все развивается и не стоит на месте: сайт, который был сделан чуть более года назад, уже может не соответствовать самым высоким современным требованиям к юзабилити, качеству, быстроте но он делает свою необходимую работу, делает ее хорошо. И я, и другие члены команды стараются, чтобы сайт работал корректно и был удобен на любых устройствах. Первоначальная идея адаптивности полностью себя оправдала и продолжает оправдывать. На днях я починил несколько незначительных багов (ошибок) по UI (пользовательскому интерфейсу).

Александр Секунов,

Администратор сайта ГК «Витязь»

Каментарыі
wolk
Про то, что все сайты ГК в РБ отстой - в точку.
0