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

У многих из людей возникает проблема следующего рода: деньги вроде есть, а тут хоп — и их нет (утрируя конечно). То ли все пропито, то ли на дело потрачено, то ли заныкано — иди-ка, посчитай.
Однажды сам столкнулся с подобной проблемой. При заработной плате в 30 тыс. руб. (а для нашего города это совсем не плохие деньги) разницы с 7 тыс. руб. не было замечено и вовсе. Вроде хотел машину, хотел HTC модный, а тут все та же еда да еда, пивас да пивас.

Ну так вот, отходя от лирической части. Как-то с пива дуру решил попытаться контролировать все свои финансы методом ведения бухгалтерии. На тот момент единственной известной мне (скорее по наслышке) подходящей софтиной была 1С 8 Бухгалтерия. Нашел, поставил, открыл, испугался, закрыл. Человек я, к бухгалтерии относящийся совсем никак, по этому было принято решение не заморачиваться с 1С, а посмотреть в сторону других продуктов, ориентированных на людей, бухгалтерии не образованных, если таковые (продукты) вообще существуют. И что бы вы думали? Существуют!

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

Вполне вероятно, что уже в следующем году Google модифицирует алгоритмы ранжирования таким образом, что будет учитывать не только релевантность контента и PR, но также и скорость загрузки каждой страницы, сказал один из ведущих программистов компании Мэтт Каттс (Matt Cutts) в интервью WebProNews.com.

Это будет очередной мерой, которые предпринимает Google для всеобщего «ускорения интернета», наряду с разработкой протокола SPDY и других инновационных технологий. Для веб-мастеров недавно открыт раздел Site Speed со списком справочных ресурсов и инструментов для оптимизации производительности сайта. Некоторые из этих инструментов (Page Speed и Closure) созданы самой компанией Google, а другие от сторонних разработчиков.

Google Developer Day состоялся сегодня.

Все-таки Google такой Google… :-)
Очень интересные люди, интересный способ мыслить, интересные идеи.
В общем, если вас там не было, вы многое потеряли.

Самым интересным рассказчиком для меня оказался Бретт Слаткин. А самой интересной темой — его рассказ про PubSubHubbub, publish-subscribe протокол. Бретт рассказывал как там все устроено и, что было особенно ценно, почему оно устроено именно так.

И вот ведь интересно, как бы поступили нормальные люди, создавая свой publish-subscribe? Пожалуй, взяли бы какое-нибудь готовое решение из множества возможных, и опираясь на него, придумывали бы, как сделать лучше и избавиться от существующих недостатков. Но это Google, и ребята зашли совершенно с другого конца. Они взяли Atom и RSS, и стали думать, чего там не хватает, чтобы получить instant notification. Поэтому их решение очень простое, очень изящное и очень вебовское.

С недавнего времени я стал ярым фанатом пластиковых карт. Это очень удобно — у тебя всегда с собой достаточная сумма денег, хотя кошелек не ломится от бумажных купюр. Я привык расплачиваться карточкой, как в магазинах, так и в ресторанах и кафешках.

На конференции UsereXperience 2009, я был на выступлении Марата Абасалиева из Payonlinesystem, на котором он рассказал про очень простой, но эффективный способ обезопасить себя от мошенников.

Begin

На хабре наверно уже миллион статей про колонки одинаковой высоты. Вы спросите зачем нам нужна еще одна статья в 1001й раз?

Вот в чем затык

Проблема в том, что колонки одинаковой высоты с нижней границей — не так то просто сделать… В основном, я использую метод с padding-ами, т.е. ставим:

.column {
  padding-bottom: 32750px;
  margin-bottom: -32750px;
}

* This source code was highlighted with Source Code Highlighter.

для колонок, которые должны быть одинаковой высоты,
и помещаем эти колонки во враппер с overflow: hidden.

НО! При этом нельзя задать нижнюю границу для колонок!

Решение

Все очень просто, надо обернуть враппер еще раз и внешнему указать

#container {
  background:transparent url(images/example-6.gif) no-repeat scroll center bottom;
  float:left;
  padding-bottom:1px;
}

* This source code was highlighted with Source Code Highlighter.

Мы просто указали фоновую картинку для внешнего враппера, на которой изображены границы :). Мне в текущем проекте очень помогло. Если есть еще варианты без js буду рад узнать их. Ну я думаю вам станет понятней, если посмотреть на пример: www.ejeliot.com/samples/equal-height-columns/example-6.html

Материал нашел здесь: www.ejeliot.com/blog/61

Google демонстрирует набор API для gadgets.realtime. Эти интерфейсы API позволяют Google Gadgets в различных пользовательских браузерах общаться друг с другом. С первым API, gadgets.sharedstate, можно ознакомиться на новом Google Talk Sandbox. С помощью этого API, вы можете обмениваться состояниями гаджета, а также уведомлять в реальном времени о изменениях. Подробнее узнать о новых API и о том, как их использовать можно на специальном сайте. Все это позволит в будущем создавать многопользовательские, платформонезависимые приложения.

Пример приложения: Шахматы

Для запуска, скопируйте адрес приложения (http://code.google.com/apis/talk/examples/chess.xml) в Talk Sandbox.

Процесс над Pirate Bay и его результаты — это повод задуматься о других способах получения контента. Если говорить о музыке, то самый простой способ — покупать ее в iTunes. Этот способ обладает существенным недостатком — он естественным образом ограничивает потребление музыки. Необходимость платить за каждый трек ведет к раздумьям о том, так ли он нужен. Существуют и другие варианты, которые не ведут к таким ограничениям. Это либо сервисы, где музыку можно слушать и качать бесплатно, либо сервисы с подпиской, где вносится единовременная плата, не зависящая от количества прослушанных композиций. Даже если это экономически не совсем выгодно, отсутствует элемент психологического давления: вы знаете, что прослушав еще один трек вы не заплатите лишних денег — и в этом смысле вы свободны, хотя и вынуждены платить за эту свободу деньги. В последнее время количество сервисов что первого, что второго типа стало возрастать. Ниже представлен краткий обзор нескольких таких сервисов, сделанный по материалам заметок автора и его коллег в издании «Руформатор»

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

1) больше критериев для точного поиска;
2) ранжирование результатов по алгоритму релевантности, который персонализирован специально для вас;
3) возможность сохранять результаты поиска (до трёх) и получать почтовые уведомления в случае появления новой кандидатуры, которая удовлетворяет поисковым критериям;
4) спеллчекер для имён и фамилий;
5) автозаполнение поисковой строки по имени и фамилии.

Хотя на Хабре уже достаточно хорошего материала по css-фреймворкам, и Yahoo! YUI в частности, хотелось бы отдельно остановиться на Reset CSS. Положительный отзыв о этой библиотеке Вадима Макеева на РИТ-2008 просто вынудил меня скачать её и посмотреть что же там внутри.

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

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

Данная статья представляет 51 веб приложений для дизайнеров и разработчиков.

Да, это не опечатка! Внезапно обнаружил, что конструкция:

.myclass {behavior:expression((function(){})(this))}

читается WebKit (Chrome, Safari) браузерами и стили после ней браузер не воспринимает и, соответственно, не применяет. Опытным путём было установлено, что проблема в этой конструкции в символах "{" и "}", которые в сумме вызывают какие-то метаморфозы в браузерах. Причём если убрать "{", то баг исчезает, а если "}", то остаётся. Естественно, наличие ";" в конце правила, тип селектора (т.е даже если это будет селектор для ИЕ, вроде * html [selector]), тип правила (например предварение правила "//" или "_") ситуации НЕ исправляют, иначе было бы не так уж и страшно!

Особенно знание этого бага полезно людям, любящим объединять все стили в один файл, не вынося стили для IE в отдельный файл, вместо этого используя star-hack и иже с ним! В любом случае если вы относитесь к тем, кто не выносит стили для Internet Explorer'a в отдельный файл, то пишите хотя бы expression'ы в конце файла, иначе долго будете искать причину проблем!

Мы постоянно должны быть вдохновлены, чтобы не отставать от моды.

В этой статье я покажу вам 20 приложений, которые вдохновили нас, веб-приложения, которые изменили мир.

Давайте начнём.

Reinvigorate

Инструмент для отслеживания трафика в реальном времени с множеством полезных функций, включая «heat sensing».

Добрый день, коллеги!

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

Этот чеклист будет полезен всем, кто запускает сайты или следит за этим увлекательным процессом. Ничего не пропустите!

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

Требования

— Должна быть известна начальная высота родительского блока;
— Дочерний блок может иметь произвольный размер как по высоте, так и по ширине.

Возможности

— Работает в IE6+, O9+, FF2+, webkit;
— Тру vertical-align выравнивание со всеми допустимыми значениями;
— Одинаковое поведение во всех браузерах (незначительные отклонение при некоторых условиях в ие6 будут оговорены ниже);
— При вырастании дочернего блока выше «папочки», родительский блок расширяется;
— Ни грамма JavaScript.

Как использовать прилипающий футер

Введение

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

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

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

A — A List Apart

A List Apart содержит лучшие советы и мнения от лидирующих умов индустрии.

Тем кто следит за статьями про клиентскую оптимизацию уже известен современный подход к созданию CSS спрайтов на базе data:uri технологии. Указанный подход имеет весомые достоинства:

• абсолютная минимизация конектов к серверу за изображениями определенных в css — сделать еще меньше уже невозможно.
• полная 100%-ая автоматизация процесса создания спрайтов независимо от свойств backgroud-position и background-repeat.
• предзагрузка всех изображений определенных в css, которые необходимы для сайта.

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

И так узкое место при запуске это загрузка .sqlite, базы данных вашего профиля. При интенсивной работе с Фоксом, базы разрастаются, в них появляются «пустые места», ну и главный недостаток, файл базы данных становится сильно фрагментированными. Для решения подобной проблемы существует специальная команда «очистки», точнее операция пересоздаёт файл базы, но уже без пустых мест. Для этого нужно проделать следующее: