Home
uggallery [entries|archive|friends|userinfo]
uggallery

[ website | My Website ]
[ userinfo | livejournal userinfo ]
[ archive | journal archive ]

Links
[Links:| Мой блог на uggallery.audiopeace.ru ]

[Oct. 26th, 2006|03:00 pm]
Как жаль, что Webmacon не публикует новых статей уже почти год.
linkpost comment

Разные методы Image Replacement для разных браузеров [Oct. 17th, 2006|01:17 pm]
[Tags|, , ]

Из всех видов IR на сегодня мне больше всего нравится метод с использованием CSS-свойства content с псевдо-классом :before. Этот метод работает в современных браузерах, примерно у 20% пользователей. »»»
linkpost comment

WordPress.com на языках мира [Jul. 16th, 2006|08:47 pm]
[Tags|]

WordPress.com -- бесплатный блог-сервис на основе одноименного движка -- предоставил возможность пользователям сообща переводить интерфейс блога на свои национальные языки. (далее...)
linkpost comment

WordPress.com в нагрузку к Flock [Oct. 28th, 2005|03:26 pm]
Молодой неокрепший блог-сервис Wordpress.com дарит аккаунты пользователям молодого неокрепшего браузера Flock. В порядке дружеской поддержки, так сказать. Хороший повод познакомиться с обоими.
linkpost comment

Safari каждому пользователю Illustrator-a [Sep. 28th, 2005|12:25 pm]
[Tags|, ]

Западный коллега отрисовал внешний вид маковского браузера Сафари, в Иллюстраторе. Удобно для оформления скриншотов перед распечаткой. Можно пустить пыль в глаза - изобразить крутого мак-юзера не выходя из-за писюка. Файлик в формате IllustratorCS, зазипован, весит 608 KB. В заметке рекомендуется использовать шрифт Lucida Grande. Недавное кто-то жаловался, что скриншоты в западной прессе до сих пор делают в IE для Мака, теперь можно перестроиться.
link1 comment|post comment

Замечено, что... [Sep. 1st, 2005|05:49 pm]
[Tags|]

del.isio.us - самый известный ресурс в доменной зоне US, и единственный ресурс в этой доменной зоне, известный мне. Заодно и перевод придумался (почему-то никто не переводит название) - вкус.няти.на. А домен первого уровня NA, оказывается, принадлежит Намибии. Можно зарегистрировать что-нибудь вроде vkus.nati.na и устроить там конкурирующий с Делишесом ресурс. На русском и намибийском языках.
linkpost comment

ID, глючащие в IE [Sep. 1st, 2005|02:32 pm]
[Tags|, , , , ]

Оказывается, не все слова английского языка можно использовать в качестве ID для элемента. Например, если в коде страницы есть id="tags", это скорее всего приведет к сбою в IE for Win. При попытке распечатать страницу, брузер выдает сообщение об ошибке исполнения скрипта. Это связано с майкрософтовской интерпритацей DOM, и глюки могут возникнуть разные в разных ситуациях. Слова, которые лучше не использовать в качестве имени атрибута ID: length, item, nemedItem, tags, urns. Подробнее у Эрика Мейера, с тестами и примерами.
linkpost comment

Поисковая оптимизация, повышение релевантности, обмен ссылками. [Jul. 22nd, 2005|05:49 pm]
[Tags|]

Довольно краткий, но очень толковый ответ на вопрос о раскрутке сайта за деньги.

"Все, что надо в первом приближении знать на эту тему."
linkpost comment

Web 2.0 for Designers [Jul. 14th, 2005|03:46 pm]
[Tags|, , , ]

Web 2.0 for Designers
" In a very real sense, we’re now designing more for machines than for people. This may sound like we’re in the Matrix, but in the words of Amazon.com CEO Jeff Bezos, “Web 2.0… is about making the Internet useful for computers.”"

Апдейт: теперь и по-русски
linkpost comment

Standalone Internet Explorer and Conditional Comments [Jun. 3rd, 2005|03:09 pm]
[Tags|, , , ]

1. Download Standalone Internet Explorer
2. Conditional Comments in Standalone Internet Explorer
3. Taming Your Multiple IE Standalones - вроде как то же самое, но на всякий случай пусть будет
linkpost comment

Фигурные уголки без графических файлов [May. 24th, 2005|12:11 pm]
[Tags|, , ]

Для любителей верстки без графики (одинаково выглядит с включенными и выключенными картинками). Метод создания фигурных уголков у блочного элемента. Уголки "рисуются" элементами "B" определенной ширины - четырьмя сверху и четырьмя снизу. Для того чтобы задать ширину строчному элементу "B", его сначала делают блочным (display:block). В общем, код простой, все понятно должно быть.

Для тех, кто читает по английски - описание.

Дополнение: Главная фишка верстки без картинок не в экономии трафика, совместимости, упрощении кода, просмотре с отключенной графикой и прочего. А в том, что можно сделать весь дизайн в одном только текстовом редакторе, без фотошопа и тому подобного. Это не слишком практично, просто - спорт. Я так думаю.
linkpost comment

Image Replacement Techniques [Apr. 29th, 2005|02:03 pm]
[Tags|, , , , ]

Image Replacement - замена текста графикой. Обычно применяется к заголовкам.

Хороший обзор методов:
Revised Image Replacement + Image Replacement. Again.

Интересный метод с флеш-графикой (не знаю работает ли с кирилицей):
sIFR 2.0, дополн.1, дополн.2, Documentation and FAQ, и на русском

Еще Флеш + JS:
STR - SwishMAX Text Replacement

Несколько авторских методов:
BIR, MIR, JIR, GIR, Leahy

Мощный кроссбраузерный метод:
Definitive Solution to Image Replacement

Метод с PHP+JS от A List Apart
Dynamic Text Replacement
linkpost comment

Анимация средствами CSS [Apr. 27th, 2005|05:59 pm]
[Tags|, , ]

Анимация средствами CSS

Для просмотра "фильма" нужно поводить курсором вперед-назад по надписи: "Scan here from left to right"

Статья с описанием техники
linkpost comment

Типографика в комиксах :) [Nov. 11th, 2004|06:00 pm]
Происхождение имен героев комикса: Обеликса, Обелуса, Астерикса Read more... )
linkpost comment

List of META and LINK tags [Sep. 29th, 2004|06:25 pm]
<meta name="robots" content="noindex,nofollow" />
<title>PAGE</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<link rel="home" href="#">
<link rel="index" href="#">
<link rel="contents" href="#">
<link rel="search" href="#">
<link rel="glossary" href="#">
<link rel="help" href="#">
<link rel="first" href="#">
<link rel="prev" href="#">
<link rel="next" href="#">
<link rel="last" href="#">
<link rel="last" href="#">
<link rel="up" href="#">
<link rel="copyright" href="#">
<link rel="author" href="">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<link rel="icon" type="image/gif" href="favicon.gif" />
<link rel="stylesheet" type="text/css" href="screen.css" media="screen,projection,tv" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<style type="text/css"><!-- --></style>
linkpost comment

Различия и баги у Оперы и Мозиллы [Aug. 20th, 2004|07:11 pm]
1.
Если favicon.ico для сайта положить в папку, в имени которой содержится знак подчеркивания "_" (напр., "_img") то Мозилла (Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7) Gecko/20040707 Firefox/0.9.2) покажет иконку только на "табе" но не в поле "location" (то что в других браузерах называется Адрес). Никакие ухищрения, типа прописывания абсолютного адреса, не помогают. Лучше класть в корень сайта (и использовать абсолютный адрес, кстати).

На картинке видна правильная иконка c домиком на "табе" и неправильная, с листком бумаги, в поле с адресом.



2.
Мозилла и Опера (version 7.23, Build 3227, Platform Win32, System Windows 2000) по-разному воспринимают инструкцию "line-height" с некоторыми значениями. пример с картинками )
linkpost comment

Глюк в Опере? [Jun. 29th, 2004|02:05 pm]
Из за такой инструкции: "a {text-align: justify}" в Опере (Version 7.23, Build 3227, Platform Win32, System Windows 2000) ссылки теряют подчеркивание. В Мозиле и Эксплорере все нормально.

Инструкция "a {display: block}", приводит к такому же результату. Но это уже меньше похоже на глюк, и лечится при помощи "text-transform: underline".
linkpost comment

CSS Help [Mar. 30th, 2004|04:06 pm]
Хорошие ресурсы по css-верстке, конечно импортные (и конечно сами сделаны на css):
http://www.alistapart.com/topics/css/
http://css-discuss.incutio.com/?page=CssLayouts

А тут шаблоны многоколоночной верстки есть:
http://intensivstation.ch/css/template.php
(сам этим ресурсом не пользовался пока, но говорят - круто)
http://www.fu2k.org/alex/css/index.mhtml

Для изучения чужого css-совместимого html-кода очень помогают bookmarklets (Zap Style Sheets и Ancestors):
http://www.squarefree.com/bookmarklets/

Из крупных отечественных сайтов, на css сделаны, например:
http://www.compulenta.ru/dk/
и... http://www.webmascon.com/ ;)))

Из импортных:
http://www.icq.com/
http://www.wired.com/
http://msn.espn.go.com/
Yahoo подтягивается: http://new.search.yahoo.com


Ну, а если вы языков не знаете:
http://www.webmascon.com
и книги Михаила Дубакова.
link4 comments|post comment

Замеченые глюки macIE5. [Mar. 23rd, 2004|03:21 pm]
1. a {display: block; color: black; border: 1px solid;}
Любой браузер отобразит блок с черным текстом и черным обводкой, а macIE5 сделает обводкку того же цвета, который имеют ссылки в браузере по умолчанию - обычно синий или фиолетовый
Приходится прописывать цвет для border (1px solid BLACK, например).

2. overflow: hidden
Приводит к тому, что блок с этим значением, "схлапывается" - остается видимым на странице (если у него указан border), но имеет нулевую высоту. Причем любое значение height игнорируется.
Выхода обнаружено два: отказаться от overflow: hidden вообще (в этом случае лучше заменить содержимое background-картинкой); либо дополнить командой float: left со всемы вытекающими из этого последствиями.
linkpost comment

Лучше так. [Mar. 11th, 2004|05:22 pm]

  • Лучше добавлять название сайта в каждый заголовок. Тогда в результатах поиска (например, на Яндексе) легче будет найти конкретный сайт.
  • Лучше избегать target=_blank в ссылках. Потому, что такие ссылки могут не открываться в виртуальных киосках.
linkpost comment

navigation
[ viewing | most recent entries ]
[ go | earlier ]