Левски и кравата Милка в ОББ

obbПредполагам на всеки уеб дизайнер му е интересно да си разглежда красиви галерийки от време на време, за да черпи вдъхновение или по-скоро да краде катo циганин, в което всъщост няма нищо лошо, стига да знае как да го прави ;). Тези, които се занимавят с “рязане” пък съм сигурен, че разглеждат сорса на сайтовете и понякога намират добри решения, а понякога си сипват няколко големи и се надяват сутринта да не помнят това, което са видяли. Примерът, който ще дам е по-скоро за втория случай. Искам още в началото да подчертая, че критиките и нападките са отправени само и единствено към фирмите изпълнителки и в никакъв случай не са адресирани до самата банка, от която между другото съм много доволен.

Става дума за ОББ, а сайтът е правен от Mag Studio, които този път направо са си оставили ръцете. Всичко е написано без грам мисъл и имам чувството, че за да сменя един текст трябва да сметна около две хиляди позиции на околните обекти. Ето и един съвсем нормален пример:

source

За да е написано така, значи има нещо мнооого нередно тук. Абстрахирам се, допивам си бирата и продълавам нататък. Отивам на калкулатора им за потребителски кредит и виждам един счупен бутон, който е счупен на резолюции над 1024х768, а на самата нея стои отрязан.

OBB Button

Решавам аз да видя, защо е счупен и съвсем случайно погледа ми е привлечен от някаква позната дума.

obb_lefski

Явно някой върл фен на нашия “европеец” е привършил подходящите имена за класове (поне името подхожда на логото като цветове). Допивам и втората бира и решавам да поразгледам тоя шантав CSS. Ето на какво се натъкнах, като единственото, което ще кажа е, че и аз обичам да се забавлявам в работата си, НО и съм професионалист и точно за това не бих писал подобни глупости в сайт на сериозен клиент, какъвто е ОББ.

obb_milka

Ясно е, че нормален потребител няма да ги види, но друг може, а и освен това тук е много важна личната дисциплина. Има още доста класове с подобни имена, но тъй като стават прекалено много картинки, всеки който има желание може да си разгледа това произведение на изкуството може да го направи тук.

Не се сдръжах :)

Сигурен съм, че има още доста недоразумения, но засега спирам с търсенето, тъй като и това е достатъчно всеки да си извади изводи (особено за Mag Studio).

Коментари (44)

  1. Отговор October 11, 2009 / 23:14 jorok: Някой забавен тип от Маг Студио яко се .. – edno23.com

    […] от Маг Студио яко се гъбарка с CSS-a на големи клиенти http://joro.me/funny/levski-kravata-milka-obb/ в Любими преди 8 секунди edno23.com Начало контакти […]

  2. Отговор October 12, 2009 / 10:33 peperoni

    В МАГ дизайнерите не пишат HTML… има си “отдел”, който се занимава с това. Не са особено опитни, нито добре платени, въпреки, че доброто нарязване и описване на сайта е доста отговорна задача. Поне преди няколко години беше така… сега може и да са променили нещо (което ме съмнява).

    … а сайтът на ОББ е малко парченце от целия пъзел.

  3. Отговор October 12, 2009 / 13:56 mignev: Левски и кравата Милка в сайта на ОББ – edno23.com

    […] и кравата Милка в сайта на ОББ http://joro.me/funny/levski-kravata-milka-obb/ в Любими преди 53 секунди edno23.com Начало контакти […]

  4. Отговор October 12, 2009 / 17:35 Pavel Ivanov

    hahahahaha 🙂 браво Гоше …. Браво!
    пипна ги гадовете 🙂
    пишат с краката си 🙂
    лошото е че на никой не му пука 🙂

  5. Отговор October 12, 2009 / 23:24 ausfall

    Пепрони не са се променили нещата.

    Добра статия Дуде, накефи ме, още от много отдавна съм ти казал, че имаш стил на писане, който завладява хората. 😉

  6. Отговор October 24, 2009 / 00:24 Yanko Argirov

    Чакай бе нали кода е леФски 😀

  7. Отговор October 29, 2009 / 17:43 Жоро Йорданов

    Хаха, креативност! 😀

  8. Отговор October 29, 2009 / 17:46 X7r3M1s7a: RT @jorok Левски и кравата Милка в ОББ – edno23.com

    […] @jorok Левски и кравата Милка в ОББ http://joro.me/funny/levski-kravata-milka-obb/ в Любими преди 15 секунди edno23.com Начало контакти […]

  9. Отговор October 29, 2009 / 18:11 Стеник Уеб дизайн

    Обичам го този, който така се е подиграл с отборчето

  10. Отговор October 29, 2009 / 18:16 Lacho

    Сред CSS писачите има големи класици – два елемента като имат нещо еднакво, например размер на шрифт задържително се групират, така че ако искаш да промениш нещо да трябва да пипнеш на 200 места (и по възможност в няколко файла) 🙂

  11. Отговор October 29, 2009 / 18:23 калин

    haha, ti opravi denia mi, blagodaria ti

  12. Отговор October 29, 2009 / 19:06 MacTeP

    Тъжно, тъжно… много ми е тъжно когато виждам такива неща. За дето някой се е направил на интересен сега маса народ ще бъдат злепоставени, а и някак си предчувствам как някой ще си загуби работата

  13. Отговор October 29, 2009 / 19:06 Мариан Игнев

    Лъчо, извинявай ама или аз съм прекален сбозил вече или нещо не съм в час, защото въобще не мога да ти хвана мисълта, защото имам някакво странно чувство, че си противоричиш.

  14. Отговор October 29, 2009 / 19:20 Joro

    Да и аз 4 пъти му прочетох коментара, ама нещо не му схващам мисълта :). Нали все пак идеята на групирането е да пипнеш на едно място и да се промени навсякъде.

    @MacTeP, чак злепоставени едва ли… ама наистина си е кофти да плащаш хиляди левове за зле написан сайт, за гавра в css-a и за разни счупени бутони. И докато първите две например си остават скрити за много хора, то поне визуално да беше ОК. Един такъв проект трябва да се тества на десетки ОС-и, браузъри и резолюции. А с кофти кода дето само тоя, който го е писал си знае какво да го прави, Mag Studio си връзват гащите за още поне 5 г. поддръжка :D. По-смешното е, че даже гордо си надписват CSS-ите, като им разгледах останалите проекти. Пък може и да е изискване 🙂

  15. Отговор October 29, 2009 / 19:24 Lacho

    @Мариан Игнев, мисълта ми беше, че много често като преправям някакъв CSS попадам на елементи, които нямат нищо общо по между си, но са групирани само защото font-size да речем им е еднакво. И по тоя начин параметрите на даден клас присъстват на 50 места и ако искаш да промениш нещо става голяма кочина. Както е в парвия скрииншот – center e дефинирано на 4 места, вместо на 1 или 2 макс.
    Исках да кажа, че много хора злоупотребяват с това групиране само и само да си спестят някой друг ред.

  16. Отговор October 29, 2009 / 19:51 Мариан Игнев

    @Lucho , … чак сега загрях. Мога да ти дам един много красив пример с това. Default-ния темплейт за WordPress. Още не съм си оправил 70% от тези бакии по блога. Изключително гадно … хррр направо непоносимо .. 🙂

  17. Отговор October 29, 2009 / 20:03 Lacho

    Хаха да и аз точно от WP темплейтите изхождам 🙂

  18. Отговор October 29, 2009 / 21:22 yMladenov

    хахахаха, е на това му викам семантичен код :D:D

  19. Отговор October 29, 2009 / 23:56 Уеб Гравити уеб дизайн

    Ох, момчетата на Гладстон много са се забавлявали като са го писали! ;-)))

  20. Отговор October 30, 2009 / 10:37 Cooler-Designs SEO студио

    Не, това не е забавление, а е гавра. Аз имам и други познати, не само приятелите от МАГ, които си пишат стиловете на шльокавица, което е по-скоро нагло от тяхна страна, отколкото да се забваляват. Те просто така работят. Какво ти Европейско ниво, те Българско ниво не могат да стигнат.

  21. Отговор October 30, 2009 / 11:07 Виктор Тодоров

    Относно интернет банкирането на ПИБ:

    В екрана на приложението има 2 ленти – хоризонтална и вертикална. От хоризонталната лента се избира точка от главното меню: да речем “Настройки”, след което “Саморегистрация”, след което бутон “Регистрирай всички сметки и депозити”.
    В нашия случай сте влезли не в тази лента за работа, а долу в помощните линкове “Как да добавя сметка”, което води до хелпа. А от хелп екрана трудно се добавя сметка, съгласни сме.
    Хубаво би било по-прецизно да разглеждате сайта за в бъдеще, преди да публикувате генерални изводи.
    Освен това, в блога на ПИБ винаги сме разглеждали конструктижните критики към интернет банкирането.

    Поздрави,
    Виктор Тодоров
    Връзки с обществеността
    ПИБ АД

  22. Отговор October 30, 2009 / 11:44 Joro

    Здравейте, г-н Тодоров

    Напълно съм съгласен с вас и искрено се извинявам. Материалът ще бъде премахнат веднага. По принцип винаги разглеждам много прецизно нещата, както се вижда и от частта за Маг Студио, но тук явно съм бил в приповдигнато настроение, а честно казано трудно различавам Помощ от останалото. Например за мен е по-логично този бутон да ме води директно до страницата и там да стои въпросното описание, което е в Помощ. Все пак отново моля за извинение и честно казано радвам се, че тази информация е достигнала до вас.

  23. Отговор October 30, 2009 / 12:26 Tweets that mention Левски и кравата Милка в ОББ « Joro.me — Topsy.com

    […] This post was mentioned on Twitter by Ivailo Ivanov and Zloban K., Mihail Todorov. Mihail Todorov said: Mag Studio Резил; lefski и kravatamilka в ОББ -> http://bit.ly/3bwqkt […]

  24. Отговор October 30, 2009 / 13:02 Добромир

    В тоя случай може да се прости произвола в класовете, защото са страхотни! Явно в Маг могат да правят и хубави работи 😀

  25. Отговор October 30, 2009 / 13:08 мен

    олигофрени ги има навсякъде, особено в по известните голями фирми.
    към автора на темата: че и баничка да пише вътре теб какво те вълнува, никой не го вълнува отзад какво е важно е да работи и да няма браузърни бъгове. И в повечето фирми дизайнерите не пишат html & css щото се правят на турбо гъзари.

  26. Отговор October 30, 2009 / 13:16 мен

    към автора – “По професия съм уеб дизайнер или станалото напоследък модерно front-end дивелъпър.”
    има разлика от софия до варна между уеб дизайнер и фронт енд дивелопер (кодер, хтмл кодер)

  27. Отговор October 30, 2009 / 13:46 Joro

    Всъщност обикновеният юзър и да го интерсува трудно ще разбере какво се случва отзад. На мен ми е любопитно и това ми е професия, така че ме интерсува :). Освен това, явно и ти си от хората, които също не ги вълнува как е написано, важното е да тръгне :). Поне аз гледам като пиша да си улеснявам живота занапред, а и на другите, които ще пипат по проекта.
    Обясни ми разликата между уеб дизайнер и фронт енд дивелъпър. Както виждаш написал съм го иронично (“модерното”), тъй като нещата вече толкова се припокриват, че е трудно някой да даде дефиниция кое какво е… още повече в BG, където в една фирма може да си уеб дизайнер, а в друга за същата работа да си уеб стилист :P.

  28. Отговор October 30, 2009 / 14:06 Мариан Игнев

    @мен относно твоя коментар за кода и за баничката и ако ти самия си уебаджия ти пожелавам с цяло сърце някога да поддържаш такъв код или по скоро код от сорта на ” .class .clas .classs #classs.kravatamilka #lefski “, ако въобще разбираш какво ти пиша. Аз съм обеден, че нито един потребител няма да му направи впечатление какво пише в кода но на теб ще ти се стъжни живота.

    А относно това изказване ” И в повечето фирми дизайнерите не пишат html & css щото се правят на турбо гъзари. ” – би ли ми дал малко разяснения, защото въобще не мога да схвана какво имаш в предвид.

    Ще чакам с интерес твоя отговор.

  29. Отговор October 30, 2009 / 14:15 Виктор Тодоров

    🙂

  30. Отговор October 30, 2009 / 16:27 Мариян Бида

    Е какво толкова, типично по български, я си гледайте ваште кочинки и стига сте гледали в паницата на другите. И без това нито на Маг нито на ОББ не им дреме.
    Баста…

  31. Отговор October 30, 2009 / 17:21 Крава

    Уеб-дизайнери 🙂 Не можеш да очакваш много от тях.
    Бутонът бил разделен. Дреме му на бизнеса.
    Гледайте си верно нещастните рнр сайтчета с по 2 форми и не се мешайте в чуждите работи. Не знаете какво стои зад едно банкиране.

  32. Отговор October 30, 2009 / 19:20 Still Learning

    Вече знаем к’во стои – КРАВАТА МИЛКА, РАЗБИРА СЕ! 😀

  33. Отговор October 31, 2009 / 09:52 Joro

    Като гледам статията е достигнала до Маг Студио и ми е интересно ще кажат ли те нещо по въпроса :).

  34. Отговор November 2, 2009 / 23:27 4o4ko

    Тея от Маг са такива експлоататори. Нормално е като не ти плащат и по цял ден те тормозят накрая да поизпекраш малко. Ако бях на пича/дамата на мястото щех да ги направя като приказка от анимационно порно с извънземни стиловете с превод на 3 езика.

  35. Отговор January 2, 2010 / 23:06 Бранимир Парашкевов

    Това просто ми оправи вечерта 🙂 Наистина са си оставили ръцете…..и хумора:)

  36. Отговор January 2, 2010 / 23:09 Бранимир Парашкевов

    А това също е за горе (цитат от файла):

    .lele
    {
    position: relative;
    top: -17px !important;
    }

  37. Отговор January 2, 2010 / 23:15 Joro

    О, да, аз за това не сложих повече картинки, но просто “кравата милка” ме уби и нямаше как да не го пльосна 🙂 Иначе целият файл е пълен с идиотизми 🙂

  38. Отговор March 6, 2010 / 11:41 Блогът на Павел Иванов! » Unicode Characters за имена на класове

    […] е доста трудна работа. В една от статиите на моя колега Георги Калайджиев може да се посмеете доста с имената на CSS […]

  39. Отговор May 3, 2010 / 15:21 FunnySite

    Кравата Милка е номер 1 🙂

  40. Отговор September 9, 2010 / 14:23 Съвети и трикове за CSS оптимизация | Fridaycode.net

    […] не иска да чете неща от типа "#boxche_4325" или ".kravatamilka" (дело на сладурите от MagStudio). Не е лошо да използвате и някои утвърдени имена, тип […]

  41. Отговор December 26, 2010 / 17:52 Димитър Новоселски

    И все пак колегата е успял да види тази безбория на две бири, за което поздрави. Левски говеда? WTF ! Оставили са си ръцете..

  42. Отговор December 26, 2010 / 19:15 Joro

    😀

  43. Отговор January 3, 2011 / 12:42 mwxood

    Какво се впрягате толкова това е нормално в България е бизнес( е почти на 90%) всичко да не както трябва за да се смучат пари за поддръжка. Такива фирми са много и става въпрос за много пари в които участват и втори и трети лица (не можеш да им хванеш края мамка му) аз винаги се старая да изпипвам всичко до край като не знам нещо се образовам в крайна сметка вече има доста ресурси от където се черпи информация. За маг студио мога да кажа да пишат грамотно ще се караме за името :))) (Левски не Лефски) и да си сменят името на "Milk Studio" поздрави!!!

  44. Отговор June 6, 2013 / 17:27 Nev

    В сайта на http://shopix.bg/ също има подобна изцепка, използвали са div с class=”za_idioti” …

Contact
captcha