Богдан Гдаль :: З думкою про Рідне! » дизайн-блог http://bohdan.com.ua Розробка сайтів українською мовою, етно-дизайн, український дизайн. Ми створимо веб-сторінку з неповторним глибинним українським колоритом. Wed, 10 Jun 2009 00:19:25 +0000 http://wordpress.org/?v=2.8-beta1 en hourly 1 Скарби з Лисогірки http://bohdan.com.ua/2009/02/12/skarby-stvorennya/ http://bohdan.com.ua/2009/02/12/skarby-stvorennya/#comments Thu, 12 Feb 2009 15:33:46 +0000 Богдан Гдаль http://bohdan.com.ua/?p=586 Видиво-проект «Скарби» існує вже понад рік. Та мало хто знає, звідки взялася ідея і хто став прообразом-символом цього веб-ресурсу.
Все починалося в липні 2006 року на Лисій горі біля Видубичів, що в Києві.

Лиса гора. Дивимося в бік Печерська

В тунелях старої фортеці почалася гра світла і тіні.

Катруся пішла творити собою образи чудернацької пташки, спраглої до таємниць... А я фіксував це своїм фотоапаратом...

Потім була насолода багатоквітковими степовими краєвидами понад Дніпром.

не обійшлося без втрат. До метра добиралися босоногі

Пізніше, перебираючи архіви світлин для пошуку графічної ідеї для нового проекту я наштовхнувся на ці тунельні зображення... І в 2007 році ідея візуалізувалася...

Трипільські візеруночки нам домалював наш друг Мирослав Буртовий. І в остаточному варіанті цей образ постав на теперішньому веб-щоденнику.

www.skarby.in.ua

]]> http://bohdan.com.ua/2009/02/12/skarby-stvorennya/feed/ 14 div vs table: проблема з колонками http://bohdan.com.ua/2009/01/25/div-vs-table/ http://bohdan.com.ua/2009/01/25/div-vs-table/#comments Sun, 25 Jan 2009 01:29:08 +0000 Богдан Гдаль http://bohdan.com.ua/?p=568 Порада для програмерів-верстальників. Як позбутися проблеми з перескакуванням при різновисоких колонках у div.верстці...
При верстці таблицями цієї проблеми не виникало:

Цей код давав нам змогу мати те, що ми намагаємося добитися div'ами.

При цьому при збільшенні висоти однієї з чарунок при розширенні її змісту, межа між двома колонками, кожна з яких містить по три чарунки, однаково опускалася вниз...

div'и дозволяють це зробити шляхом створення однакових за шириною блоків:

Але!!! Якщо один з блоків має задовгий текст, то станеться отаке:

Донедавна я не міг вирішити проблему. Навіть головна сторінка мого сайту має мала таку ваду... Коли текст завеликий, то він вилазив за межі блоку. Бо я, остерігаючись, що блок не перескочив, примусово йому присвоїв певну висоту. Це незручно, бо не можна довший текст додати до вступу...

Сьогодні знайшов вирішення.

Все дуже просто... Для того, щоб четвертий блок починався з нового рядка не зважаючи ні на що, ми обрубуємо обтікання третього останнього блоку і примусово вказуємо четвертому початися з нового рядка:

Ніби все правильно. Якщо не так — підправте.

]]> http://bohdan.com.ua/2009/01/25/div-vs-table/feed/ 5 Музейний простір України http://bohdan.com.ua/2008/12/13/muzeynyy-prostir-ukrayiny-z-nevtilenoho/ http://bohdan.com.ua/2008/12/13/muzeynyy-prostir-ukrayiny-z-nevtilenoho/#comments Sat, 13 Dec 2008 11:44:16 +0000 Богдан Гдаль http://bohdan.com.ua/?p=492 Викладаю один з тих сайтів-ескізів, яким не судилося втілитися... Ескіз 2006 року.

Чоловік з фонду «Україна 3000» несподівано пропав і не відповідав ні на дзвінки, ні на електронні листи...

Ескізи лишилися. Кілька років припадають попелом. Тому викладу їх тут...

музейний портал України - ескіз


Музейни портал України - ще ескіз

Критикуючи сам себе, зараз скажу, що таких рубаних форм не робив би... Хоча, то було віяння того часу, але рух до вебдванольності прослідковується :)

Теперішня адреса сайту http://prostir.museum/

Як виявилося, новий дизайн вони таки зробили :)

]]> http://bohdan.com.ua/2008/12/13/muzeynyy-prostir-ukrayiny-z-nevtilenoho/feed/ 4 9 символів дощу http://bohdan.com.ua/2008/11/14/doshch_vector_symbols_ukrainian_clipart/ http://bohdan.com.ua/2008/11/14/doshch_vector_symbols_ukrainian_clipart/#comments Thu, 13 Nov 2008 23:50:33 +0000 Богдан Гдаль http://bohdan.com.ua/?p=423 Візерунки з браслетів руської доби (XII-XIII сторіччя). 9 зразків у звичних форматах EPS та AI.

doshch_symb_bohdan_com_ua.zip 738 кб. Формати EPS/AI/JPG.

Джерело графіки — Валерій Войтович. Українська міфологія, К.: «Либідь», 2005.

Від себе додам, що книжка дуже глибинна і варта Вашої уваги... Такого багатства знань про своє коріння годі шукати...

]]> http://bohdan.com.ua/2008/11/14/doshch_vector_symbols_ukrainian_clipart/feed/ 1 Герб Войська Запорозького http://bohdan.com.ua/2008/10/23/herb_voyska_zaporozkoho_eps_ai_ukrainian_vector_free/ http://bohdan.com.ua/2008/10/23/herb_voyska_zaporozkoho_eps_ai_ukrainian_vector_free/#comments Wed, 22 Oct 2008 21:20:30 +0000 Богдан Гдаль http://bohdan.com.ua/?p=374 Продовжую серію української векторної графіки для дизайнерів. Тепер у форматі EPS/AI один із офіційних символів козаччини.

herb_viyska_zaporizkoho.zip (Формат AI/EPS. 776 kb)

]]> http://bohdan.com.ua/2008/10/23/herb_voyska_zaporozkoho_eps_ai_ukrainian_vector_free/feed/ 0 Jquery Cycle Plugin — творчим теНЕТобудівникам http://bohdan.com.ua/2008/10/09/jquery-cycle-plugin/ http://bohdan.com.ua/2008/10/09/jquery-cycle-plugin/#comments Thu, 09 Oct 2008 18:58:31 +0000 Богдан Гдаль http://bohdan.com.ua/?p=325 Як можна оживити сторінку, створити зручну горталку, скажімо, на титулці — читаємо нижче.

Поринаючи у сайтобудування, відносно нещодавно відкрив для себе море творчих можливостей під назвою javascript’івських бібліотек mootools, prototype, scriptaculous та jquery.  На основі останньої у цьому списку створений плагінчик під назвою Cycle Plugin. Чим він корисний для веб-дизайнера?

Це горталка контенту Вашого сайту з різними візуальними спецефектами. Вона дозволяє створити, наприклад, цікаве слайдшоу Ваших фоток, реклами, новин на головній сторінці. Виставити зміну об’єктів за часом, або ж встановити кероване гортання різних інформаційних блоків.

Це дуже зручно, якщо на головній сторінці Ви хочете ефектно змінювати останні новини і зберегти при цьому корисну площу сторінки. В одному блоці почергово можна показувати, наприклад, останні 10 новин.

Власне, розповідати можна багато, але зрозумієте, тільки якщо підете на головну сторінку і подивитеся приклади.

Jquery Cycle Plugin шукайте тут

Гортати можна як <img> об’єкти, так і складніший контент, вкладений в <div> блок.

Простий приклад використання можна бачити на головній сторінці проекту Мокша.in.ua. Це новини зліва від лого і сама зміна зображень в центрі сайту.

Якщо не розберетеся, як ставити цю штуку — поясню в коментарях.

]]> http://bohdan.com.ua/2008/10/09/jquery-cycle-plugin/feed/ 10 Черговий шлях до визнання http://bohdan.com.ua/2008/08/29/uawebstar2008/ http://bohdan.com.ua/2008/08/29/uawebstar2008/#comments Fri, 29 Aug 2008 19:54:04 +0000 Богдан Гдаль http://bohdan.com.ua/?p=198 Заявки на конкурс веб-нагород UA Webstar 2008 приймають до 4 жовтня.

Номінації 2008 року:

  • Найкращий приватний блог
  • Найкращий тематичний блог
  • Найкращий ЖЖ-блог
  • Найкраща ЖЖ-спільнота
  • Найкраща соціальна мережа
  • Найкращий дизайн
  • Найкращий новинний сайт
  • Найкращий портал
  • Інтернет-подія року
  • Найкращий тематичний сайт

Прийом заявок на участь:

  • 1 вересня 2008 року — 4 жовтня 2008 року

Голосування, перший тур:

  • 6 жовтня 2008 року — 15 листопада 2008 року

Голосування, другий тур:

  • 15 листопада 2008 року — 26 грудня 2008 року

Голосування журі:

  • 6 жовтня 2008 року — 1 листопада 2008 року

Сайт конкурсу: www.uawebstar.org

]]> http://bohdan.com.ua/2008/08/29/uawebstar2008/feed/ 1 Символи Трипілля у векторі http://bohdan.com.ua/2008/08/29/trypillya_ukrainian_vector_ai_eps/ http://bohdan.com.ua/2008/08/29/trypillya_ukrainian_vector_ai_eps/#comments Fri, 29 Aug 2008 17:54:11 +0000 Богдан Гдаль http://bohdan.com.ua/?p=182 206 зразків давніх українських символів у форматі EPS та AI.

Джерело зображень — книга "Є.Паламарчука та І.Андрієвського «Зорі Трипілля» (друге видання). Видавництво «Теза», Вінниця 2005 р. "

Скановані зображення, зокрема, були опублікований на сайті www.aratta-ukraine.com.
Там же розшифрування до кожного...

Векторну збірку символіки качайте тут trypillya_vector.zip (в архіві файли .ai та .eps. Розмір — 1,9 mb).

]]> http://bohdan.com.ua/2008/08/29/trypillya_ukrainian_vector_ai_eps/feed/ 18 Проблема з UTF-8 в Firefox http://bohdan.com.ua/2008/08/13/utf8-vs-firefox/ http://bohdan.com.ua/2008/08/13/utf8-vs-firefox/#comments Wed, 13 Aug 2008 14:15:16 +0000 Богдан Гдаль http://bohdan.com.ua/?p=113 Ви вказали, що кодування сторінки — UTF-8, однак браузер вперто це ігнорує...

Це стається через те, що Firefox і Opera беруть до уваги саме налаштування кодування сервера, а не Вашої сторінки.

Щоб вирішити проблему, вгорі Вашого php-файла вкажіть

]]> http://bohdan.com.ua/2008/08/13/utf8-vs-firefox/feed/ 0