Графика

  • Плакат «Пигмалион»

    Плакат нарисован мною и используется в качестве обложки програмки для спектакля «Пигмалион», который состоится сегодня 24 марта в 19:30 в Доме Москвы.

    » Читать полностью » Комментарии (15)
  • Как нарисовать тень от куба

    Это очередной урок по перспективе и, по совместительству, по теории теней. Допустим куб вы уже нарисовали (если нет, то смотрим урок по рисованию куба). Вот такой у меня куб: Первое, что необходимо, для построения тени, нужно определиться, откуда будет светить солнце или другой источник света. Необязательно «солнце» должно находиться выше линии горизонта. Если оно ниже, то оно может...

    » Читать полностью » Комментарии (10)
  • Обзор графических программ для MacOS X

    Небольшой обзор графических программ для MacOS X, которые впечатлили меня в последнее время. Поиск программ проводится с целью найти достойные альтернативы продуктам Adobe. Конечно такие же многофункциональные комбайны найти не удалось, но те что я сейчас перечислю, действительно достойны внимания. VectorDesigner Графическая программа для создания и редактирования векторной графики,...

    » Читать полностью » Комментарии (8)
  • BridgeCamp и Social Media Bridge

    26 и 27 апреля пройдёт новое мероприятие в стиле BarCamp с благородной целью: объединить интернет-гиков и общественные организации. Не смотря на то, что неконференция BridgeCamp вызывает у меня весьма скептическое настроение, я согласился стать штатным дизайнером проекта. Насчёт преследуемых целей, их реальности и востребованности напишу после получения результатов неконференции. Суть...

    » Читать полностью » Комментарии (10)
  • Видеоурок: Рисуем куб в перспективе. Результаты конкурса.

    Когда-то я затрагивал тему перспективы. Кто-то узнал о ней, кто-то освежил в памяти. Но теория должна подкрепляться практикой. Руководствуясь этим скринкастом можно легко научиться рисовать трехмерные объекты с простой линейной двухточечной перспективой в пакетах двухмерной графики. Долго искал бесплатный софт для редактирования сего произведения, в итоге использовал Windows Movie Maker....

    » Читать полностью » Комментарии (10)
  • Photoshop Action для создания Ajax-иконки

    Создал Action, который делает следующее: Проходит по восьми слоям и изменяет им прозрачность, Экспортирует картинку в gif, Повторяет действие восемь раз с изменёнными значениями прозрачности для каждого раза. В этоге экспортируется восемь картинок. Что нужно сделать вам? Скачайть action-файл и psd-файл. Action-файл киньте в папку [Adobe Photoshop folder]/Presets/Photoshop...

    » Читать полностью » Комментарии (10)
  • Перспектива

    Существует несколько видов перспективы, о которых помнят не все художники и дизайнеры, порой ограничиваясь рисунком в диметрии. А кто-то, возможно, знает о них, но пользоваться не умеет или не понимает необходимости. Думаю, многим будет полезно расширить свои знания понятием о перспективе и её видах. Рисовал в Corel Draw, так что если захотите сами такое творить, то используйте векторные...

    » Читать полностью » Комментарии (21)
  • Ломаный градиент и стеклянная кнопка Mac OS X

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

    » Читать полностью » Комментарии (10)
  • Особенности градиента и его использование

    "Web 2.0 стиль" (если его можно так назвать) дал второе дыхание дизайнерам питающим неравнодушие к градиентам. Из знаменитой статьи Web 2.0 how-to design style guide мы знаем, что градиенты нам даны не только для того, чтобы сделать рисунок более объёмным или придать фону страницы эффект отдаления от содержимого страницы, но и для того, чтобы игра градиентов создавала яркое настроение всему...

    » Читать полностью » Комментарии (8)
  • Остров. JavaScript события для групп однотипных объектов.

    Настроение было порисовать. Но вообще статья будет не о графике, а о коде. События JavaScript Те кто изучал JS знают, что в основном события пишутся внутри тэга как атрибуты и применяются к конкретному элементу. Например: <div id="someblock" onmouseover="this.backgroundColor='#eee'; onmouseout="this.backgroundColor='#fff' ">-----</div> Помещая курсор мышки над блоком,...

    » Читать полностью » Комментарии (4)
  • Re:boot. Что такое PNG формат? PNG в IE.

    Теперь seleckis.lv будет иметь вид и формат журнала. Посты посвящённые web-дизайну, айдентике, полиграфии, флэш-анимации и Action-скрипту, программированию, а так же различным новостям в области дизайна, программирования и мира Web 2.0. Старые записи останутся (куда же они денутся) в том виде, в котором вы привыкли видеть блог-посты, но будут доступны в разделе Архив. Редизайн коснулся и их,...

    » Читать полностью » Комментарии (32)
  • Zанёс со шрифтами

    Интересно ваше мнение.        

    » Читать полностью » Комментарии (19)
  • Zанесённые ветром

    Один молодой человек собирается в этом году открыть бар на каzантипе. Название бара: Zанесённые ветром. Кто-то ему нарисовал логотип, такого плана: Но что-то тут было не так, как-то не закончено. Парень попросил меня подредактировать лого. Но у меня получилось радикальнее: Понравился вариант. Да и на майке будет хорошо смотреться. Бару быть! =)

    » Читать полностью » Комментарии (19)
  • freeCommander 2007

    Вчера вышла долгожданная 2007 версия великолепной программы freeCommander. Тем кто не знает: freeCommander - альтернативный файловый менеджер, на подобие Norton Commander, но с Windows-интерфейсом с множеством дополнительных функций. Самое примечательное что установка - это просто распаковка файлов, вы можете копировать его программные файлы на диск или флешку, носить с собой и применять где...

    » Читать полностью » Комментарии (6)
  • Логотипчик Seleckis.lv

    Буря в стакане мозгу. Придумываю себе логотипчик. Вот вариант. Что скажете?

    » Читать полностью » Комментарии (16)
  • Anime Party

    Наваял тут для анимешников плакатик.

    » Читать полностью » Комментарии (8)
  • ЙАД!

    Всем жаждущим по ложке Йаду!

    » Читать полностью » Комментарии (2)
  • BD Фонаря

    По просьбе Samy, нарисовал баннер поздравляющий Фонаря с Днём Рождения.

    » Читать полностью » Комментарии (2)
  • RMU печать

    На основе логотипа RMU получилась печать университета в котором используя некоторые элементы Латвийского и Рижского гербов получился собственный герб университета. Я в геральдике, можно сказать, первый день, но старался изо всех сил.

    » Читать полностью » Комментарии (0)
  • Party of Surprises

    Плакат для вечеринки посвященной 8 марта. Что характерно,  написать большими буквами «8 марта» мне не разрешили (а такая восьмёрка красивая получилась…), поскольку это может иметь политическую подоплеку. Видите ли, в Латвии «Международный женский день» не является официальным праздником, и некоторыми латышами (а точнее — профессорами старой закалки) это воспринимается как дань коммунистическим...

    » Читать полностью » Комментарии (4)
  • Пушистость

    » Читать полностью » Комментарии (2)
  • ISMA Web-mail

    Вот такой простенький login-screen для web-mail. Нарисовал, сверстал, правда в разных браузерах надпись на кнопке на несколько px съезжает. Надо было кнопку "Логин" делать картинкой. Ничего, будет время - исправлю.

    » Читать полностью » Комментарии (1)
  • Мужской и женский винил

    Эти фотки могут быть основой для плакатов посвящённых каким-нибудь "disco-beach-party". Но здесь - реклама радио. via Advertka

    » Читать полностью » Комментарии (0)
  • RMU

    Логотип для Рижского Международного Университета в Киеве. Нужно было, чтоб угадывалась Рига и присутствовал цвет латвийского флага. Ну что ж, взял замок с герба Риги, и солнце с герба Латвии (немного изменённое).Красный цвет может немного потемнее надо будет и с шрифтом подумать.

    » Читать полностью » Комментарии (11)
  • Apple Чайник

    С возросшим в последнее время интересом к новому iPhone от Apple, появились конкурсы дизайнеров на лучшую смену представления об известных нам продуктах. Вот один из них.Я тоже ришил внести свою лепту. iTeapot

    » Читать полностью » Комментарии (4)
  • Web 2.0 и люди

    Интернет уже не такой, как был раньше. Сейчас вам не будут пытаться доказать, что интернет вызывает зависимость (я имею ввиду клиническую зависимость). Раньше деловые люди придя на работу, первым делом проверяли мэйл и читали новости на любимом новостном сервере, а сейчас они первым делом запускают свой любимый RSS-reader или что-то аналогичное в интернете (например: персональные...

    » Читать полностью » Комментарии (0)
  • Олимпиада по информационным технологиям

    Плакат и баннер для ISMA. Сам же в курсор так поверил, что пытался движением мыши его убрать. Потом вспомнил, что я его нарисовал. Всё. Клиника.

    » Читать полностью » Комментарии (0)
  • Ico-plugin для Photoshop

    По умолчанию Photoshop не может создавать иконки для программ и favicon для сайта.Нашёл два плагина:    ICOFormat-1.6f9-win.zip    Sibcode Icon PluginПервый плагин доступен с сайта Adobe. Официально распростаняется просто как формат и позволяет сохранять только одну картинку в один файл .ico. Совсем другое дело  плагин от Subcode!Объясняю: Скачиваем плагин,...

    » Читать полностью » Комментарии (25)
  • Вечер встречи выпускников ISPV

    Частная школа информационных систем огранизует вечер встречи выпускников школы. В газете Вести Сегодня в ближайшее время появится вот такая реклама. Создать такую рекламу для меня был квест. Правила приёма рекламы издательского дома «Fenster» меня вогнали в стопор. Пока разобрался... Ну цветовая модель, кривые, глубина, композитно-чёрный цвет - это понятно. Поскольку газета печатает...

    » Читать полностью » Комментарии (2)
  • ISMA буклеты

    Буклеты института ISMA для конференций, презентаций, "дней откытых дверей".Нужно было сделать за неделю. Ну как всегда, всё в последний момент. В принципе стиль один определил и использовал разные фотографии для разных учебных программ.Пример разворота буклета, естественно складывается в три раза. Правая часть - обложка. Обложку открываем - видим мужика. Остальные буклеты смотрите...

    » Читать полностью » Комментарии (0)
  • ISMA NEW YEAR PARTY

    В четверг состоится новогодний вечер, для которого, как вы видели я сделал плакатик, как выразился мой коллега, с готическим Дедом Морозом. А это web-версия плаката, для сайта ISMA. Пришлось делать почти заново, так как после уменьшения большого плаката надписи стали плохо видны. Опять же разница в разрешениях. Сейчас прекрасно видна дата, время, место и ясно, где можно купить билеты. ...

    » Читать полностью » Комментарии (0)
  • ISMA календарь 2007

    Маленький календарик на 2007 год. Ух как я запарился пока раставил все числа. Пару раз ошибся, но заметил ошибки сразу а не в конце, иначе переделывать много пришлось бы. Стиль такой глянцевый, начальству понравились ))

    » Читать полностью » Комментарии (3)
  • NEW YEAR PARTY

    Близится Новый Год! Осталось совсем немного! ISMA тоже готовится к этому знаменательному событию и для студентов родного института организовывает в Fashion Club'e Новогодний бал. Программа хорошая и разнообразная. И плакат этому соответствует. Для блога я его уменьшил, а реальный размер 65х50 см. Долго уговаривал начальство насчёт английского языка. :)

    » Читать полностью » Комментарии (2)
  • Маркетинг

    Интересное занятие сегодня было по маркетингу. Нужно было к этому дню подготовить какой-либо рекламный ролик, плакат, буклет и т.п. предварительно провести маркетинговое иследование и на занятии рассказать, показать, описать... Выполняли задание группы от 1 до 6 человек, те же группы критиковали творения других комманд. В итоге ставилась оценка по 500 бальной системе (хз почему, препод придумал),...

    » Читать полностью » Комментарии (6)
  • AnimeFest плакат

    Плакат AnimeFest который в ближайшее время появится в некоторых учебных заведениях и возможно на каких-нибудь остановках, заборах и столбах. Девушку рисовал не я, а Зузука. Тоже пришлось в попыхах всё творить, но помоему, получилось ярко и интригующе. Но распечатали всё-таки не то, взяли сырую версию, похожую на эту, но похуже. Жаль.

    » Читать полностью » Комментарии (3)
  • Абонимент на AnimeFest

    Рекламка была повеселей, а вот абонимент у меня получился - жесть! Мясная тема мульта Hellsing передана хоть и без тех подробностей, что ждёт вас при просмотре данного шедевра, но на кое-что намекает.

    » Читать полностью » Комментарии (0)
  • AnimeFest

    Открылся сайт 4-го Балтийского Фестиваля Аниме. С 1 по 3 декабря фестиваль покажет в кинотеатре "Рига" 12 лучших работ японских и корейских мастеров аниме. Один из информационных спонсоров - газета "EN" разместит на своих страницах рекламу этого фестиваля, которую после непродолжительного творческого кризиса мне наконец-таки удалось сваять. Я уже был на так называемой "AnimeNight" на кораблике...

    » Читать полностью » Комментарии (0)
  • Studiju Prakse un Bizness 2006

    Завтра стартует студенческая конференция Studiju Prakse un Bizness где студенты делятся своим опытом в различных сферах деятельности, а представители различных компаний рассказывают о возможностях прохождения практики для студентов в их компаниях. Знаменательно что право изготовления буклета для этой конференции отвоёвано мной (да простят меня профессора-"дэзыгеры"). Сделал вот такую презентацию...

    » Читать полностью » Комментарии (3)
  • Лого Конференции

    У конференции "Studiju Prakse un Bizness" будет новый логотип. Я думал сначала использовать старый, только цвета изменить, но так тошно стало на него смотреть, таким савдепом от него пахло, что я зачеркнул все старые чужие идеи и занялся, тем о чём сейчас модно говорить, то есть - креативом.

    » Читать полностью » Комментарии (2)
  • Fukšu Balle

    19 октября состоится вечеринка посвящённая первокурсникам института ISMA. Мероприятие планировалось сначала провести на Бирже (это на домской площади, кто не знает) в эту субботу, но так как естественно билетов продали мало (кто на биржу пойдёт? - риторический вопрос), то это дело отменили, в пользу переноса вечера на четверг следующей недели в клуб Fashion. Билеты хоть подороже будут, но народу...

    » Читать полностью » Комментарии (0)
  • Бланк счёта ISMA

    Изготовил бланк для распечатки счёта за обучение для института ИСМА. Парился с гербом. У них почему-то оригинала нет, не представляю где и как его рисовали. Пришлось помучаться с оттенками. Даже реквизиты есть. :durik:

    » Читать полностью » Комментарии (0)
  • Смайлик

    Вот, нарисовал смайлик, маленький, глупый, простой, но всё равно - смайлик )) Назвал "дурик".

    » Читать полностью » Комментарии (3)
  • Каталог зеркал

    Ещё кое-что нашёл. Когда работал художником в стекольной мастерской, меня попросили сделать каталог самых ходовых моделей зеркал. Переборщил правда я с голубым цветом. )) Каталог зеркал фирмы "FM" Среди представленых работ есть и мои изобретения: Bura, Sparni, Siluets.

    » Читать полностью » Комментарии (0)
  • 217 Burning Legion

    Хехе... И такая жесть была. Дизайн сайта клана 217 пылающего легиона, организаваного три года назад для несуществующей игры NuWorld. Интересная тогда история получилась. Была заявлена игра, со своим миром и даже бета версия со второй попытки была запущена. Кланы и альянсы, шпионы и предатели. А потом как-то всё затихло... Форум сгнил, вместе с сайтом, разработчик пропал и всё... Сайт держать...

    » Читать полностью » Комментарии (1)
  • Набор баннеров

    Набор gif баннеров для kazantip.lv. Делал весной. Используются по сей день, на puh.lv, tranceaddict.lv, ind-ex.com, cherry-club.lv, salnicov.narod.ru, jelgava.net, file.lv и других.

    » Читать полностью » Комментарии (0)
  • Илюстрации к сайту kazantip.lv

    К новостям и статьям.

    » Читать полностью » Комментарии (0)
  • Ziemassvētku Balle

    Реклама рождественского бала в клубе "Fashion Club" организованого институтом ISMA для студентов и не только. Чего-то я туда не пошёл. Не помню по чему...  

    » Читать полностью » Комментарии (2)
  • Summer Games

    В июле на пляже в Дзинтари планировалось совместное мероприятие организованное такими, не побоюсь этого слова, брендами - tranceaddict.lv и kazantip.lv. Но из-за непредсказуемости латвийской погоды пришлось beach-party отменить. Остался заголовок странички посвящённой данному мероприятию.

    » Читать полностью » Комментарии (0)
  • Юбиляр - чемпион!

    И ещё одно творение посвящённое 50 летию президента ISMA. Ни для кого не секрет, что именинник заядлый футболист.Поэтому первые выпускники частной школы ISPV при институте, учреждённой пять лет назад, решили подарить памятную грамоту, поручив мне как человеку который ещё мог стабильно держать мышку в руке, изобразить этот постер.

    » Читать полностью » Комментарии (0)
  • День рождения Президента

    Знаменательное событие - 50-летие президента института ISMA отмечалось 15 июня 2006 года в одном из домов старой Риги. Неделя подготовки к торжественному дню была полна креатива и творческих исканий. Так Кафедра Менеджмента и Маркетинга придумала подарить бутылочку хорошего вина предварительно сменив этикетку. Мне поручили её изобразить так, чтобы придать бутылке всю значимость и...

    » Читать полностью » Комментарии (0)
  • Планета типа ‘Земля’

    Чтобы изобразить землю нужно брать готовый атлас и сворачивать из него шар. Я пошел путём попроще, создав неповторимую текстуру, (что-то вроде "Средиземья") от чего в итоге получилось большое количество материков и островов. Здесь есть всё! Моря и горы, леса и озёра, облака и атмосфера! Вполне возможно что на планете есть и жизнь! А почему нет? Не думаю что мы единственные разумные существа в...

    » Читать полностью » Комментарии (1)
  • Ледяная стена, плавленный текст и пылающая планета

    Разминаю пальчики в фотошопе. Красивые и довольно простые эфекты. Дальше их реальный размер.

    » Читать полностью » Комментарии (0)
  • Все мальчишки - дураки!

    "Не верю!" - Станиславский Замечательный спектакль по пьесе Ксении Драгунской поставила режиссёр Галина Селецкая в своей театре-студии "Прикосновение" под названием "Все мальчишки - дураки!" (Парни, без обид!). Мне выпало счатье быть знакомым с режиссёром и быть удостоеным чести сотворить постер-афишу для этого спектакля. Получилось, как я считаю очень неплохо. А распечатав и отламинировав так...

    » Читать полностью » Комментарии (1)
  • День открытых дверей в ИСМЕ

    И это всё о нём... Опять пресловутый one. Начальство распорядилось повесить рекламу, дабы затронуть больше потенциальных абитуриентов. Моё дело солдатское.

    » Читать полностью » Комментарии (0)
Google     

Международная выставка образования «Школа-2010»

С 25 по 28 февраля в Международном выставочном центре «Кипсала» прошла ежегодная выставка «Школа-2010», в которой Школа веб-технологий участвовала в первый раз. В первый раз участвовать в таких глобальных мероприятиях было трудно, особенно первый день, но мы выдержали и добились определённого успеха. Как минимум «засветились» среди высших (и не очень) учебных заведений, как Школа предлагающая профессиональное образование в сфере веб-технологий. Как максимум, нас запомнили и проявили интерес к нашей Школе сотни (если не тысячи) людей, а несколько человек сразу записалось на веб-дизайн, мультимедиа дизайн, веб-программирование и сетевое и веб-администрирование. Кроме того, в качестве успеха мы можем засчитать многочисленные предложения по сотрудничеству от владельцев предприятий, государственных организаций и даже высших учебных заведений. Фотографии и видео можно посмотреть соответственно на фейсбуке и на ютубе. Ну а в последний день выставки Туриба вместе с...

Категории: События | Фото | ВидеоТэги: » Читать полностью » Комментарии (2)

Восприятие информации по горизонтали и вертикали

Почему мы воспринимаем информацию слева направо и сверху вниз (как говорят некоторые «буквой Z»)? Правильно, потому что мы так пишем. Так пишет добрая половина человечества, а создатели компьютеров «навязали» такой стиль и восточным народам (хотя те и сопротивляются). А почему мы так пишем? Да потому что писать справа налево неудобно так же как писать левшам слева направо. Мы же себе строчку рукой закрывать будем! «Лево-право, право-лево…» © Фунтик Т. е. вывод какой? Виновата физиология, а не мозги (у востока — наоборот). Посмотрим правде в глаза… человека: Если вы не знали, то глаза находятся на одной горизонтали и угол обзора по горизонтали больше, чем по вертикали. Соответственно в обзор попадает гораздо больше информации располагающейся по горизонтали, а не по вертикали. В силу опять-таки особенности физиологии человеческого глаза, мышцы двигающие глаза по горизонтали гораздо сильнее (или более развиты, не знаю как правильно), чем те, что двигают глаза по вертикали....

Категории: Веб‑дизайн | Usability | Разработка сайтовТэги: » Читать полностью » Комментарии (9)

Первая проба записи видео-лекций по PHP в Школе веб-технологий

Решили попробовать записывать лекции Школы веб-технологий на видео. Обработка занимает к сожалению больше времени, поэтому показываю только первые 10 минут (после монтажа) с основами синтаксиса. Сама лекция предназначена для тех, кто уже начал изучать PHP. Так сказать для закрепления материала. Преподаватель Арвид Годюк, очень волнуется, уж не забрасывайте помидорами, а вот оператора (меня) можете забросать: штатива нет, руки дрожат, поставил было на полку шкафа, так вдруг фокус стал пропадать. Не профессионал, что делать… Первая попытка даёт старт серии лекций по разным веб-технологиям.

Категории: Видео | PHP | КурсыТэги: » Читать полностью » Комментарии (9)

Новый amigos.lv

Сегодня была запущена новая социальная сеть Латвии amigos.lv, к разработке которого я имею непосредственное отношение (лого, дизайн и вёрстка). Особенности данного проекта изложены на главной странице (если пользователь не залогинен или не зарегистрирован). Особо хочу обратить внимание на следующий функционал: Ленты событий — всё что создаётся вашими друзьями, комментируются ваши записи в блоге и фотографии, пишутся ответы на ваши вопросы, всё это отражается в соответствующих лентах. Ответы — формат QNA с возможностью создания вопросов, опросов и фотовопросов, а отвечать можно только один раз. Интересы — это тэги, на которые можно подписаться и получать всё новое связанное с интересующими вас темами. Оценки — всё оценивается и за действия получаются оценки, причём за счёт хитрой системы накрутка фактически исключена. В общем, пробуйте. Хотелось бы знать ваше мнение, только конструктивно, без фанатизма.

Категории: События | ЛогоТэги: » Читать полностью » Комментарии (10)

Всемирная HTML 5 истерия

Я не знаю, об этом просто сейчас модно писать или народ действительно в восторге? На самом деле, я бы с удовольствием, присоединился к толпе ликующих, если бы событие произошло год назад, именно тогда я написал статью «HTML должен быть…». Чему всё-таки радуется человечество? Например, одна из самых распространённых тем в блогах, это новые тэги: header, footer, nav, article, aside, section и др. Очнитесь ребята! Эти тэги можно было использовать с тех пор как регламентировали стандарт xhtml! Все бразуеры, кроме IE воспринимали их как строчные элементы, а с помощью CSS их можно сделать блочными. Ну да, Internet Explorer… Но почему только когда официально консорциум объявил об отказе от XHTML 2.0 (кстати, я это пророчил), появился простой и понятный код, решающий эту проблему? document.createElement("header"); Это тоже работа группы WHATWG? Ах, да! Ещё и Firefox 2, в котором работают эти тэги, но только в режиме парсинга xhtml+xml. Это большая проблема, которая решилась...

Категории: ЖурналТэги: » Читать полностью » Комментарии (12)

Seleckis’ method vs Pixy’s method

Честное слово, пытался найти и убедить себя в том, что этот метод уже существует. Не нашёл. Исправьте меня если я не прав. Pixy’s method отображение картинок с надписями заключался в том, чтобы внутрь блока с текстом поместить пустой <span>, и вставить картинку как фон для этого span-а. Причём, для того чтобы текст показывался в случае если картинки отключены, необходимо span поместить поверх текста. В методе Pixy, для того чтобы <span> с картинкой налез на текст используется абсолютное позиционирование. В таких условиях кнопка не может находиться в строке, она может существовать только как блочный элемент. Почему? Потому что Firefox 2 не поддерживает свойство «display: inline-block». Для отображения блока в строке в Firefox-е используется проприетарное свойство «display: -moz-inline-box» или «display: -moz-inline-stack». Но в таком случае браузер не совсем адекватно позиционирует помещённые внутрь элементы. В частности некорректно работает абсолютное...

Категории: CSSТэги: » Читать полностью » Комментарии (9)

Min-width и max-width в IE6 с помощью expression

Уже писали много раз, просто приведу свой код. В JavaScript-файле размещаем такую функцию: function width(min,max){ w = document.documentElement.clientWidth; return (w = max) ? max + "px" : "auto"); } Функция всего лишь принимает значения максимальной и минимальной ширины, проверяет текущую ширину документа и возвращает значение: Если ширина документа меньше минимальной ширины, то возвращается минимальная ширина; Если ширина документа больше максимальной ширины, то возвращается максимальная ширина; Иначе ширина указывается автоматическая. Функция из CSS вызывается следующим образом: div { width: expression(width(600,1000)); /* далее для нормальных браузеров */ min-width: 600px; max-width: 1000px; } 600 и 1000 — минимальная и максимальная ширина. Поскольку expression работает только для IE, а min-width и max-width уже работают в IE7 и IE8, то этот CSS нужно изолировать и вынести в отдельный css-файл и подключить его с помощью...

Категории: Брaузеры | CSS | JavaScriptТэги: » Читать полностью » Комментарии (7)

«Резиновое» поле ввода в форме

Как известно у полей ввода ширина не может рассчитываться автоматически относительно контейнера, как это работает у блочных элементов. Значение ширины можно задать фиксированное, либо относительное. Есть сервисы в интернете с полями ввода (например, поиском) у которых ширина задана фиксированно. Соответственно, если шаблон сайта резиновый, то поле ввода растягиваться не будет. Как правило такие сайты имеют фиксированную вёрстку. К примеру, если вы зайдёте на «Yahoo Answers» и с помощью Firebug (Firefox), Web Inspector (Safari, Chrome) или Developer Tools (Opera, IE8) отключите у элемента <div id="y-ks-whole-page"> свойство «width: 750px;» в стилях, то сайт растянет на всю ширину, а поле поиска вопросов останется той же ширины. Конечно, кроме всего прочего, некоторые другие элементы останутся фиксированными, но мы говорим о полях ввода. И вспомним работу студии Артемия Лебедева, поисковик «Яндекс» и его страницу ya.ru — облегчённую версию поисковика или посмотрим на давно...

Категории: CSSТэги: » Читать полностью » Комментарии (22)

Элементы управления в веб-сервисах

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

Категории: Веб‑дизайн | Usability | Разработка сайтовТэги: » Читать полностью » Комментарии (7)