воскресенье, 7 сентября 2008 г.

Google Chrome

Google выпустил новый веб обозреватель. Назван он Google Chrome. Программа вышла недавно и проходит betta тестирование, однако уже сейчас её можно загрузить с сайта Google и установить. Сама программа достаточно красивая судите сами (см. рис)

Несмотря на то, что программа, пока ещё сыровата (опять же повторюсь, это бетта версия), выполнена довольно качественно и продуманно.

Если вы ищете простой в использовании хороший веб обозреватель, то Google Crome для Вас. Только надо дождаться выхода стабильной версии программы.

Если Вы веб разработчик, то можно качать эту программу уже сейчас, ведь одна из задач веб дизайнера, это чтобы Ваш сайт выглядел одинаково в разных браузерах. У меня Google Crome, шестой по счёту. Кстати, в логах сайта, браузер определяется так: User Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.29 Safari/525.13

Отсюда можно увидель, что он сделан на базе браузера Safari (это веб обозреватель от производителя компьютеров MAC (Makintosh Apple)), и Mozilla Firefox. Смесь получилась гремучая!

среда, 13 августа 2008 г.

Как изменить высоту рисунка в HEADERе (WordPress)

В прошлом моём посте про WordPress мне был задан вопрос: "как мне уменьшить высоту картинки в шапке темы?".

Попробую ответить как можно подробнее :)

Простая тема для WordPress состоит из нескольких строительных блоков: ("header" (шапка), "content" (контент), и "footer" (подвал)). Обычно это файлы, которые находятся в папке темы: header.php, index.php, page.php, single,php и footer.php. Каждый из этих файлов определяет соответственно из чего будет состоять верхняя часть блога (header), средняя часть - посты (content) и нижняя часть (footer). Перечисленные выше файлы определяют только структуру страницы блога, за внешний вид отвечает файл style.css - файл каскадных стилей.

И если мы хотим изменить только высоту рисунка, то нам надо будет работать только с файлом style.css, остальные файлы не трогаем :)

В файле style.css находим строки:

#header {
background-color: #73a0c5;
margin: 0 0 0 0px;
padding: 0;
height: 160px;
width: 900px;
}

#headerimg {
margin: 0;
height: 160px;
width: 100%;
}

Давайте разберёмся что здесь к чему. #header и #headerimg это стили, которые относятся и элементам страницы с одноимённым идентификатором. То есть, стиль #header отвечает за то как будет выглядеть элемент <div id="header">, а стиль #headerimg за элемент <div id="headerimg">.

Итак как мы помним мы хотели уменьшить высоту рисунка, значит нам надо изменить две стоки в этих стилях: height: 160px. Меняем цифровое значение на то которое нам надо, допустим на 100px. И в результате получаем:

#header {
background-color: #73a0c5;
margin: 0 0 0 0px;
padding: 0;
height: 100px;
width: 900px;
}

#headerimg {
margin: 0;
height: 100px;
width: 100%;
}

(примечание: если в style.css есть другие стили с таким же идентификатором #header и #headerimg с заданным значением высоты - height, то это значение также надо поменять)

Однако на этом наша работа не заканчивается, нам остаётся только изменить высоту самого рисунка. Это можно сделать в любой программе для редактирования растровой графики, например в Photoshop.

Если Вы хотите заменить сам рисунок шапки, то для этого можно либо поменять стиль: (#header {
background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;}
), либо заменить рисунок kubrickheader.jpg в папке images своим рисунком.

четверг, 24 июля 2008 г.

Экран смерти "ati2dvag"

Вам доводилось наблюдать такую "картину"?


Мне довелось...

Примерно год назад я купил себе ноутбук ASUS A9Rp, хороший бюджетный ноутбук для работы. Комплектация такая: процессор Celeron M440 (1800Mhz), оперативная память 521mb, встроенная видеокарта ATI Express 200M, HDD 80Gb, оптический привод (combo drive - читает DVD и пишет CD), операционная система FreeDos. Ноутбук мне понравился, есть клавиши быстрого вызова приложений (интернет обозреватель, почтовый клиент).

Через пару месяцев работы возникла проблема в виде экрана представленного выше (этот рисунок это фотография экрана ноутбука в момент зависания). Как видно из рисунка, проблема была с файлом ati2dvag, это файл драйвера видео карты ATI. Сначала экран смерти появлялся примерно 1 раз в неделю, потом чаще... В интернете я долго искал лекарство от этого недуга и нашёл лишь советы сменить драйвер для видео карты. Сразу скажу, это помогало, но не на долго :( спустя некоторое время проблема возникала опять. Сначала, он зависал у меня только в 3d приложениях но потом дошло до того, что комп зависал при web сёрфинге.

Терпеть более не было сил, и я отнёс его в сервисный центр... Там ему заменили материнскую плату. Если у Вас есть такая же проблема ati2dvag, то не теряйте зря своё время и нервы и несите комп в сервис.

понедельник, 21 июля 2008 г.

Как подготовить изображения для WEB

Этот пост предназначен для тех, кто ещё не знает как можно подготовить изображения (фотографии, рисунки, схемы) для web.

Когда я только начал изучать HTML (Язык Разметки Гипер Текста), я даже и не подозревал о том, что изображение прежде чем разместить и Интернете надо "подготовить" :(. Что у меня получалось при этом: (я учился и файлы были у меня на локальном компьютере) изображения можно было посмотреть только в Internet Explorer, другие браузеры не отображали фотографий, при этом изображения выглядели "корявыми". При этом каждая фотография необработанная, занимает порядка 1 мб (мегабайта). Если вы попытаетесь такую страницу разместить (если у Вас не выделенная линия), то Вы будете её "заливать" минут 10. И соответственно посетитель сайта также будет долго ждать пока фотография загрузится.

Что нужно сделать чтобы разместить фото на сайт?

Во-первых, надо "обрезать" лишнее. Очень часто в кадр попадают объекты, другие люди и т.п., которые Вы бы не хотели чтобы они были видны на фотографии.

Во-вторых, надо изменить размер получившегося изображения. Если просто обрезать фото, то его размер будет больше чем размер экрана. Размер 15 дюймового монитора составляет 1024*768 пикселей, а размер фотографии снятой 4 мегапиксельной камерой составляет 2272*1704 пикселей. Поэтому зачем Вам нужны эти пиксели, которые невидно?

В-третьих, необходимо сохранить фотографию в оптимизированном для web формате. Web поддерживает форматы: jpeg, gif, png.

На этом месте возникает вопрос как это всё сделать?

Это можно сделать через программы обработки изображений. Если у Вас есть Photoshop, то это прекрасно можно сделать при помощи данной программы. Если данной программы у Вас нет, то можно воспользоваться бесплатными программами, например Xnview (6059kb), Gimp (17,12mb). Есть и другие программы для просмотра и обработки изображений, но именно эти приложения являются полностью бесплатными. Давайте поочерёдно рассмотрим как пользуясь ими подготовить фотографию для web.

Если Вы пользуетесь Photoshop, тогда надо открыть фотографию при помощи этой программы. Чтобы обрезать область фотографии выбирайте инструмент Crop Tool (клавиша С на рис цифра 1), выделяйте область которую Вы вбираете (которая останется рис цифра 2) и нажимайте Enter.


Чтобы уменьшить размер изображения выбирайте меню Image - Image Size (или сочетание клавиш Alt+Ctrl+I рис цифра 3)

Чтобы сохранить изображение оптимизированное для web выбирайте File - Save for web (или сочетание клавиш Shift+Alt+Ctrl+S).

В диалоговом окне выбираем формат изображения в котором Вы собираетесь сохранять для web, выбирайте качество изображения. Чтобы определить соотношение параметров размер/качество, в этом диалоговом окне есть функция просмотра исходного изображения и предпросмотра итогового файла. Определять надо на глаз: файл желательно чтобы был как можно меньшего размера и при этом изображение не расплывалось. Далее кликайте на клавишу "Save" и ВСЁ!...

Если у Вас нет программы Photoshop и Вам нужна программа только для оптимизации фотографий для web, то вам подойдёт программа Xnview. Архив этой программы занимает всего 6mb, устанавливать её не надо, можно распаковать архив и работать (программа может работать даже с флэшки).

Запускайте программу Xnview, открывайте файл для редактирования. Простым "протягиванием мыши" выделяйте область изображения которую вы хотите опубликовать (на рис цифра 1) и кликайте на ножницы (обрезать рис цифра 2).


Теперь подгоняем размер под наши нужды (меню "Рисунок" - "Изменение размеров" или сочетание клавиш Shift+S)


После сохраняем для web: меню "Файл" - "Экспорт" или сочетание клавиш Ctrl+Alt+S. Здесь Мы как и в примере с Photoshopом выбираем формат, и качество исходящего файла.

Получившиеся изображения Мы можем смело размещать в сети Интернет, их отобразит любой интернет обозреватель.

среда, 16 июля 2008 г.

Мой Город = Мой ДОМ

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


Мы за чистый город

Когда я приезжаю в наш город, мне прямо "КИДАЕТСЯ" в глаза грязь и мусор на улицах... Город Иркутск очень грязный город, по сравнению с другими городами. В том же Красноярске Вы "такого" не увидите :) Почему это происходит? Почему грязно? Потому что не убирают? Может не хватает финансирования дорожных и коммунальных служб?...

Ответ НЕТ! Как сказал профессор Преображенский: "Разруха начинается в голове". Всё дело в том, как Мы относимся к своему городу. У себя дома Вы вывалите мусор в шаге от мусорного ведра? Может Вы кинете окурок рядом с пепельницей? Или нагадите возле туалета? Опять ответ НЕТ! А почему? Да потому что это Ваш дом, Вы хозяева вашего дома, Вы в ответе за него перед самими собой. Так почему же всё это (что Вы не сделаете дома) можно сделать на лице? Почему нет равенства между "Мой Дом" и "Мой Город"?

В Вашем городе станет чисто только тогда, когда Вы возьмёте на себя ответственность за свои поступки, когда Вы станете вести себя в городе как дома. Тогда станет "Мой Город" = "Мой ДОМ".

вторник, 15 июля 2008 г.

Моя первая тема для WordPress :-)

Представляю на всеобщее обозрение своё первое творение в области кастомизации бесплатного блогового движка WordPress. Это тема, выполненная в гранджевом стиле, я назвал её Grange Spider.


Для первого раза, по-моему, неплохо :-).

За основу темы была взята стандартная тема, которая идёт в дистрибутиве WodPress, тема WordPress Default (The default WordPress theme based on the famous Kubrick). В модификации были изменены: "фон", "шапка (header)", "подвал (footer)", ширина шаблона (вместо 760px 900px). Скачать тему для WordPress Grange Spider.

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

понедельник, 14 июля 2008 г.

Поставьте Google на свой компьютер (GoogleDesktop)

Недавно я протестировал на своём компике прогу Google Desktop... Спешу поделиться своими впечатлениями о программе.

Данная программа предназначена в первую очередь для поиска файлов на локальном компьютере (и в Интернет тоже при активном подключении). Другими словами Вы ставите на свой компьютер свой "маленький" Google, который помогает Вам искать файлы на жёстком диске.

Где взять? Загрузить эту программу можно, зайдя на сайт http://google.ru После установки поисковик начинает сканировать жёсткий диск компьютера. Мой оъёмом 80GB он сканировал часа 3 примерно. Пока идёт индексация файлов Вы сразу можете пользоваться поиском и в этом случае Google предупреждает, что поиск не полный: проиндексировано столько-то процентов.

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

Я сразу вспомнил ту самую "собачку" от Microsoft, которая по полчаса искала нужные мне файлы на моём жёстком диске, обычно не дождавшись окончания поиска я останавливал его. С google desktop это в прошлом, сейчас файлы можно искать очень и очень быстро, с минимальными затратами времени и нервов :) .

Ещё меня порадовала такая вещь как "гаджеты". Google Desktop может устанавливаться как отдельная панель на рабочий стол и в этой панели можно установить "гаджеты" (полезные расширения, облегчающие жизнь). Вот пример этой панели:

скриншот Google Desktop

На примере можно увидеть гаджеты: "Часы", "Блокнот", "RSS агрегатор", "Системный монитор". На самом деле их гораздо больше... Я поставил лишь те которые мне нужны.

В заключение, могу сказать что данная вещь из разряда must have.