Большинство дизайнов ориентировано на использование фиксированных значений при верстке: ширина и высота блоков, размер шрифта. Это позволяет сверстанному шаблону «не разваливаться» при изменении масштабов просмотра и сохранять свойство кроссбраузерности. Однако в этом есть один большой минус – при большом разрешении экрана маленькие фиксированные блоки теряются на большой площади и остаются незамеченными. Тут даже не спасет «резиновая» верстка, т.к. сайт будет выглядеть еще более нечитабельным, например на 19'' мониторах при разрешении большем 1280 по ширине. Для меня это актуально, т.к. на ноутбуке 17'' с разрешением 1400х800 просматривать «резиновый» сайт очень неудобно. И желание оставаться на таком сайте отпадает быстро. Существует ли способ, позволяющий управлять масштабами не только текста, но и всего сайта?

Думаю многие из вас пользуются иконками от фамфамфам. Там есть хорошие иконки флагов всех стран, но все они размера 16х16.

Но вот появились увеличенные варианты — 24x24, 32x32, 48x48!
Скачать можно здесь(968 кБ)

PS
Ждем увеличенной версии иконок на все случаи жизни :-)

С чего начинается стартап? С правил, естественно. А для кого придумываются и пишутся эти самые правила? Для людей, конечно. Все это как бы естественно, но на практике все это в большинстве случаев не естественно или, пардон, сверхъестественно, а точнее всего – противоестественно.

Очень много правил пишется казенным языком и с таким неимоверно большим числом букв, что осилить сие «наиприятнейшее» чтиво практически нереально. Да что там нереально, будем честными перед самими собой – неохота, противно, лениво, отвратно, галимо… держите меня, на мат ведь перейду сейчас…

Сегодня достаточно тёплая пятница, а это значит, что в 908 пора запускать ещё один секретный финишдаун (но на этот раз — в тайне от horsevарт-директора, который всё пропустил).



Идея «проста, как апельсин»: закачай песню, сделай из неё рингтон и залей в свой телефон. Быстро и, смею надеяться, удобно. Good news everyone: никаких навороченных волновых редакторов (а ведь за них ещё и деньги просят).

P.S. Никто не обещал, что багов не будет 8)

Забавная мушка, не правда ли? С другой стороны что тут забавного? Обычная пиксельная мушка. Но не было бы здесь этого поста если бы всё было так просто. Этот представитель отряда двукрылых создан с помощью блокнота и языка программирования созданного специально для целей пиксельной анимации и её же озвучивания. И так встречайте:

Часто, на этапе тестирования сайта в разных браузерах, приходилось сталкиваться с неприятным эффектом «мигания» фоновых изображений в IE6, которое проявляется при наведении курсора на ссылку, являющуюся блочным элементом. Мигание происходит из-за того, что браузер производит перезагрузку всех фоновых картинок с сервера.

Для устранения мигания нужно подключить к веб-странице небольшой код на JavaScript:

var m = document.uniqueID
&& document.compatMode
&& !window.XMLHttpRequest
&& document.execCommand;

try{
     if(!!m)
      {
         m("BackgroundImageCache", false, true)
      }
   }
   catch(oh){};


Норвежская компания Opera Software организовала новый проект — перевод на различные языки, включая русский, всего официального веб-сайта. Для участия (бесплатного, но с подарками и бонусами) приглашаются все желающие. Подробности акции можно узнать на сайте российского оперного сообщества.

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

Подробности на английском здесь

Подробности на русском здесь

Большинство приложений в интернете сейчас начинает встраивать карты местности.
Работе с картами, используя Google Map API, посвящена данная статья.

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

Примечание: ниже частичный перевод статьи «Compress JavaScript and CSS without touching your application code», в которой описывается статичное сжатие CSS- и JS-файлов на сервере и корректная выдача их затем клиенту. Далее даны мои комментарии с более комплексным решением. Приношу извинения, если для кого-то тема будет слишком знакома или неинтересна: в Рунете нормальной статьи на данную конкретную тематику обнаружить не удалось.

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

• Проверить, умеет ли клиент принимать файлы в формате gzip-encoded.
• Обеспечить соответствующий вывод на стороне сервера через gzip-функции, либо уповать на то, что всем этим займется непосредственно Apache.
• Поиграться с .htaccess, чтобы обеспечить корректный content type.

читать дальше на webo.in →

Примечание: ниже находится перевод статьи «CSS Expression Optimization», в которой автор немного освещает использование и проблематику динамических свойств в CSS (aka CSS expressions). Также автор предлагает способ их оптимизации (исполнение один-единственный раз вместо постоянного выполнения). Далее приведены несколько тезисов с ClientSide'2007 по заявленной тематике. Мои комментарии даны курсивом.

CSS expressions были впервые представлены в Internet Explorer 5.0, который позволял назначать JavaScript-выражение в качестве CSS-свойства. Например, следующий код позволит разместить элемент в зависимости от того, какого размера окно браузера.

#myDiv {
   position:   absolute;
   width:      100px;
   height:     100px;
   left:       expression(document.body.offsetWidth  - 110 + "px");
   top:        expression(document.body.offsetHeight - 110 + "px");
   background: red;
}

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

читать дальше на webo.in →

Широко известный в узких кругах NumberOneДенис Перехрест в соавторстве с AistИльёй Остреровым представили сегодня на суд широкой публики новый движок для микронаноблоггинга — NanoGrabbr. По описанию на сайте проекта:

NanoGrabbr — это первый русский движок для микроблоггинга.

Он позволяет размещать микропосты (тексты, ссылки, картинки-видео), а также «грабить» RSS.

В общем, это типа Tumblr, только на вашем хосте и под вашим контролем.

Посмотреть, а также попробовать сделать свою запись можно на демо-полигоне (или в блогах авторов).

Более развёрнутое описание нового движка можно посмотреть на Интернетных Штучках.

С конкретной лицензией группа авторов пока не определилась: «GPL? GNU? в общем опенсорс».

Новости на techme

Познакомился некоторое время назад с Google Charts API и решил, а почему бы и не «прикрутить» этот интерфейс к разработанному ранее приложению для построения прогнозов (doc, 62 kb).

Получилась мини-утилита для быстрого построения количественных прогнозов с возможностью визуализации: FastCast.

Уже довольно давно использую псевдокласс :first-letter для назначения двух фоновых изображений для одного элемента. Самое интересное что :first-letter, один из немногих псевдоклассов, которые работают в 6-ом Интернет Эксплорере. Но есть одна маленькая хитрость, которую нужно знать.

К делу. Как сказано выше, HTML элемент у нас один. Пусть это будет заголовок первого уровня.

Часто, когда мы сдаем проект клиенту, мы теряем контроль над HTML-кодом. Иногда клиент использует CMS (Системы Управления Контентом), которые дают ему полный контроль над теми или иными частями HTML-кода. Иногда клиент просто использует наши темплейты для вывода своего кода в документ.
В большинстве случаев довольно тяжело проинформировать клиента о том, как использовать темплейты или CMS, которые вы ему предоставляете, а иногда просто неприемлемо толкать пламенные речи о семантической верстке и веб-стандартах. Клиент может/будет использовать «старую, добрую разметку», ту, которую он знает, просто потому что она работает и выглядит так как он привык. Скорее всего в ней будут присутствовать нежелательные (deprecated) тэги и атрибуты, такие как bgcolor, align и «вечный» font. Эта статья о том, как блокировать нежелательные HTML-тэги с помощью CSS, тем самым аккуратно направляя клиента в правильном направлении.

Одна из самых больших проблем начинающих фрилансеров — оценка стоимости задания.

На самом деле — оценка стоимости проектов — очень не простой момент и очень важно научится правильно оценивать стоимость проекта, что предлагается.

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

Так как же правильно оценить проект?