Брaузеры

  • 06 08.09

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

    Уже писали много раз, просто приведу свой код. В JavaScript-файле размещаем такую функцию: function width(min,max){ w = document.documentElement.clientWidth; return (w = max) ? max + "px" : "auto"); } Функция всего лишь принимает значения максимальной и минимальной ширины, проверяет текущую ширину документа и возвращает значение: Если ширина документа меньше минимальной ширины,...

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

    IE Tester — тестируем вёрстку в разных версиях IE

    Internet Explorer Cамо название уже вызывает рвотный рефлекс большинства веб-разработчиков. Сколько пота, нервов и крови излил верстальщик, чтобы сайт одинаково показывался во всех версиях самого популярного браузера. Ну, не мне вам рассказывать... Как раньше делал я когда работал на Windows? Обновлял IE до версии 7 и устанавливал Multiple IE installer. Когда появилась восьмая версия, я...

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

    IE8 не проходит Acid2 тест

    Но уже гораздо лучше. Радует тот факт, что в M$ зачесались и стали работать в направлении поддержки стандартов. В особенности это касается правильного отображения инструкций CSS 2.1. Правда, есть косяки с отображением png. То ли он болезненно относится к экспрешенам в CSS, то ли к собственным фильтрам. Примечательно, что IE8 имеет возможность включить эмуляцию IE7 (не забудьте после...

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

    Netscape Navigator 9.0

    Не поверите. Перешёл на это чудо. Firefox - один в один, но... В два раза быстрее В два раза меньше памяти жрёт Работает всё абсолютно так же, поддерживает расширения и темы от Firefox, только интерфейс немного другой и название. А так все пункты меню, все диалоговые окна, все настройки, движок - всё тоже самое что и у Firefox. Единственное что не работает - I'm Feeling Lucky....

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

    Safari Bookmarks

    Safari , обновился до версии 3.0.2! Качаем обновленный Safari для Windows или просто апдейтим с помощью Apple Update. Заработали те самые вылетавшие букмарки! Отображаются теперь все шрифты! Есть проблемы с формами и не поддерживается, например, скрипт авторизации в wordpress выдающий ошибку 403. Так же как и Firefox, Safari поддерживает гугловскую фишку "I'm Feeling Lucky". И вообще продукт...

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

    Safari заработал

    Заработал он более корректно после обновления, которое совершил Apple Update. Так что все у кого были такие же глюки как у меня, гляньте на Safari, может уже всё в порядке. Правда всё равно, некоторые шрифты не подцепились, ну хоть менюшки работают и то хорошо.

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

    Паранойя Мелкомягких

    Ну вот нахрена делать блокировку внедрённых в web-страницу flash-объектов, если сама компания в своих flash-презентациях использует javascript-код для обхода своей же паранойи? Или таким образом они хотят стимулировать ликвидацию тэгов <embed> и <object>?

    » Читать полностью » Комментарии (5)
  • 13 06.07

    Safari under Win

    Вот так выглядит у меня портированный под винду браузер Safari. Текста нет ни в меню, ни на сайте. Работать, работать и ещё раз работать... (с) Я сказал

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

    CSS фильтры (хаки)

    Когда ты верстаешь бессонными ночами, когда в Осле дивы не хотят становиться рядом, а спускаются вниз, когда Огнелис расширяет расширяет див складывая его ширину и паддинг, когда в ie7 появляются непонятные вертикальные расстояния, когда Лис с Оперой не хотят продливать бэкграунд по всему контенту, когда ie6 не хочет... да он вообще ничего не хочет делать! Приходят на выручку они - CSS...

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

    Mouse Gestures & Search Engines

    О великолепном плагине Mouse Gestures я узнал от Zhinzher'a. Плагин позволяет использовать мышь как в Опере: например чтобы открыть новый таб мы нажимаем правую кнопку мыши и проводим немного вверх и отпускаем кнопку; чтобы закрыть таб - нажимаем правую кнопку мыши, проводим вниз, потом вправо и отпускаем кнопку. Все возможности плагина расписаны здесь. Последний способ - открывание ссылки в новом...

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

    Firefox: режем память

    Подсмотрел у blog.yudin.eu замечательный способ освобождения памяти у firefox при сворачивании окна (первоисточник). Цитирую: копируем эту строчку: config.trim_on_minimize набираем в адресной строке about:config клик правой мышью: New –> Boolean вставляем скопированную строчку в появившийся диалог в следующем диалоге выбираем True перезагружаем Firefox Мой результат: При использовании...

    » Читать полностью » Комментарии (5)
  • 26 04.07

    Seleckis.lv в IE7

    Обратил внимание что в IE7 мой блог справа немного перекашивает. Вспоминается известная диаграмма работы web-мастера. Часто такое бывает из-за line-height и font-size. IE видите ли оставляет место хотябы для одной строчки текста в div'е. Поэтому нужно писать в css для этого div'a: line-height: 0px; font-size: 0px; А внутренним элементам в свою очередь уже надо возвращать эти значения, иначе...

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

    Реклама Mozilla Firefox

    Забавно!

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

    Статистика по браузерам и Осям

    Browsers Versions Graber Hits Percent Msie 7.0 No 3222 9.4 % Msie 6.0 No 9038 26.3 % Msie 5.5 No 13 0 % Msie 5.01 No 50 0.1 % Msie 5.00 No 1 0 % Msie 5.0 No 1 0 % Firefox 2.0.0.3 No 12835 37.4 % Firefox 2.0.0.2 No 222 0.6 % Firefox 2.0.0.1 No 141 0.4 % Firefox 2.0 No 212 0.6 % Firefox...

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

    XHTML умер в младенчестве

    Вот уже 7 лет прошло с тех пор как появился XHTML и был одобрен W3C. C тех пор консорциум всё пытался заставить производителей браузеров и web-мастеров следовать новому стандарту, но особо ему это не удаётся. Всё из-за "слишком" жёстких правил спецификации (как то - прекращение работы и выдачи ошибки при неправильном написании кода). Вот не любят web-макетировщики писать правильный код, нужно им...

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

    Swift

    Пройдёмся дальше по браузерам для Windows. В свете поднявшейся популярности Apple возникла необходимость верстать сайт и для браузера Safari. Этот браузер для парсинга html-страниц использует компонент KHTML, который является также движком некоторых других браузеров, например Konqueror. Проблема состоит в том что Safari - это web-браузер для операционной системы MacOS которая работает на...

    » Читать полностью » Комментарии (8)
  • 23 03.07

    IEшки

    Протестировал разные версии IE на примере своего блога. Он конечно не блещет чистотой и правильностью вёрстки, но всё-таки. Результаты: 3.0 - Отсутствует поддержка css и utf-8 поэтому выглядит всё ужасно. Прокручивать с помощью скроллера не удастся. IE3 создавался ещё когда мышек с колёсиками не было в ходу. 4.01 - Не работает Address bar. Чтобы открыйть сайт нужно нажать комбинацию Ctrl+O и...

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

    Web-мастерам, ибо IE не рулит

    Если ты web-мастер, плотно занимающийся вёрсткой, значит твои коллеги не раз слышали пируэты многоэтажного мата в адрес великого и могучего Мелкомягкого Internet Explorer'a. Ну что поделать, нет в мире ничего совершенного. А то что выдаёт IE6, называют не иначе как "недекларированными фичами".И вот пришла весна, и Windows предложил тебе обновить програмное обеспечение, а в частности...

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

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

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

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

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

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

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

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

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

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

Новый amigos.lv

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

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

Всемирная 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)
16 08.09

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)
06 08.09

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)
31 07.09

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

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

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

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

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

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