Арба не спеша и зайца догонит

http://www.vaau.ru/user/history/all/
http://memori.ru/upgoing@qip.ru/
http://www.diigo.com/user/upgoing2
http://moemesto.ru/upgoing2
http://www.ruspace.ru/20113
http://www.mister-wong.ru/user/cybersantway/
http://webmarks.ru/user/upgoing2/bookmarks
http://bobrdobr.ru/people/upgoing/
http://www.100zakladok.ru/upgoing3/
http://www.zakladok.net/my.php?expand=&folder=49497
http://vzakladki.com.ua/user/user-upgoing
http://web-markz.com/userb.php?uname=upgoing
http://delicious.com/upgoing73

Внутренняя оптимизация сайта

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

Помимо этого – главная задача SEO оптимизатора – сделать сайт максимально «видимым» для поисковика по подходящим ключевым запросам. Это и понятно ведь сайт не просто информационный ресурс, а и хороший источник дохода.

Большинство посетителей приходят с поисковиков (Yandex, Google, Rambler) и исходя из этого оптимизация сайтов – это действенный маркетинговый инструмент для привлечения трафика. moemesto

Первостепенная задача веб-мастера – увеличение посещаемости – вот. И конечно нужны не случайные посетители, а те, кто заинтересован именно в данной информации или услуге, иначе все средства, потраченные на привлечение трафика, окажутся бесполезны.

ru-marks.net В этой связи внутренняя оптимизация сайта играет одну из первостепенных ролей в раскрутке сайта вообще.
Бизнес – идеи домашнего бизнеса

Безмолвная пустота

Так говорил учитель:
»Когда ты научишься ловить код ошибки по стеку корки, наступит твое время уходить».

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

Если Дао хорошее, то операционная система хорошая. Если операционная система хорошая, то и компилятор хороший. Если компилятор хороший, приложение тоже хорошее. Пользователь доволен, и во всем мире воцаряется гармония.

Дао Программирования уплывает далеко и возвращается на утреннем ветре.

Дао породило машинный язык. Машинный язык породил ассемблер. Ассемблер породил компилятор. Теперь в мире десять тысяч языков.

У каждого языка есть свое, хоть и скромное, предназначение. У каждого языка есть отражение Инь и Янь в программах. У каждого языка есть свое место внутри Дао.

Но не пиши на Коболе, если можешь этого избежать.

Вначале было Дао. Дао породило Место и Время. Поэтому Место и Время – это Инь и Янь программирования.

У программистов, не постигших Дао, всегда не хватает времени и свободного места для своих программ. У программистов, постигших Дао, всегда достаточно времени и места для выполнения цели.

Как может быть иначе?

Мудрый программист слышит о Дао и усердно следует ему. Программист средних способностей слышит о Дао и ищет его. Неумный программист слышит о Дао и смеется над ним.

Если бы над ним не смеялись, Дао не было бы Дао.

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

Секреты php.net

Эмблемки php и фотографии разработчиков (разные в разных версиях) можно увидеть, если позапускать любые php-шные скрипты со следующими параметрами:

?=PHPE9568F34-D428-11d2-A769-00AA001ACF42
?=PHPE9568F35-D428-11d2-A769-00AA001ACF42
?=PHPE9568F36-D428-11d2-A769-00AA001ACF42, а настоящую информацию о разработчиках можно почитать, если передать скрипту параметр:

?=PHPB8B5F2A0-3C92-11d3-A3A9-4C7B08C10000

Например, так: http://www.php.net/?=PHPB8B5F2A0-3C92-11d3-A3A9-4C7B08C10000 (Работает, если только в php.ini не отрублено разрешение показывать версию — expose_php = On)

Делаем простую форму без таблиц

Времена табличной вёрстки уже прошли, пора привыкать к блочной вёрстке.

Как сделать красивую форму, но при этом не использовать таблицу? Очень просто.

Как должна выглядеть форма:

• У формы должен быть заголовок
• элемент label должен быть на одной линии с элементом input
• элементом input должен быть с некоторым отступом от label
• Симпатичный элемент submit
• Код должен проходить валидацию

Итак HTML код:

<form id="form" name="form" method="post" action="index.html">
<div>
 
<h1>Sign-up form</h1>
<p>This is the basic look of my form without table</p>
 
<label>Name<span>Add your name</span></label>
<input type="text" name="name" id="name" />
 
<label>Email<span>Add a valid address</span></label>
<input type="text" name="email" id="email" />
 
<label>Password<span>Min. size 6 chars</span></label>
<input type="text" name="password" id="password" />
 
<button type="submit">Sign-up</button>
 
</div>
</form>

Как вы уже заметили в примере кода, структура формы выглядит следущим образом:

Все элементы и имеют объявление float:left.
CSS код:

*{
   margin:0;
   padding:0
}
body{
   font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif
}
#form{
   margin:0 auto;
   width:400px
}
#form div{
   border:solid 2px #b7ddf2;
   background:#ebf4fb;
   padding:14px;
   position:relative
}
#form h1{
   font-size:0.9em;
   margin-bottom:8px
}
#form p{
   font-size:0.7em;
   color:#666;
   margin-bottom:20px;
   border-bottom:solid 1px #b7ddf2;
   padding-bottom:10px
}
#form label{
   display:block;
   font-weight:bold;
   text-align:right;
   width:140px;
   float:left;
   font-size:0.8em;
   position:relative
}
#form span{
   color:#666;
   display:block;
   font-size:0.9em;
   font-weight:normal;
   text-align:right;
   width:140px
}
#form input{
   float:left;
   font-size:0.8em;
   padding:4px 2px;
   border:solid 1px #aacfe4;
   width:200px;
   margin:2px 0 20px 10px;
   position:relative
}
#form button{
   clear:both;
   margin-left:150px;
   width:125px;
   height:31px;
   background:#666;
   text-align:center;
   line-height:31px;
   color:#fff;
   font-size:0.7em;
   font-weight:bold;
   border:none
}

Зашибись формочка!

Добавим несколько красивостей. Во первых, хочется что-бы при выборе формы элемент выделялся красным бордером.Нет ничего проще – используйте псевдо класс :focus

#form textarea:focus,#form input:focus {
border: 2px solid #900;
}

Может быть достаточно полезно заполнить все поля советами или напоминаниями. К примеру, у Вас есть обычная форма контактов с текстовым полем «Сообщение». Вы можете захотеть, чтобы там в поле уже была надпись «Ваши позитивные комментарии или конструктивная критика». Или же можно в поле «Имя» вписать «Ф.И.О.».

Ну чтож и это выполнимо. Добавим немного javascript.

<textarea name="Message" rows="20" cols="20"
 onfocus="this.value='';this.onfocus=null;">Сюда совет.</textarea>

Ну что понравилось…. Пользуйтесь на здоровье!

Создание favicon для Вашего сайта

Ну кое-кто знает что такое favicon…
А для тех кто не знает, объясню это маленькая иконка которая находиться слева от ввода URL адреса браузера.

Это очень привлекает внимание и придаёт некоторую стильность страницы. Кроме того когда открыто в браузере много вкладок, очень трудно отыскать нужную в безликих вкладках, а так ваша страничка будет всегда выделяться.
favicon можно создать, используя любой графический редактор.
Обычно размеры должны быть 16×16.
Но что-бы не парится есть удобные онлайн сервисы по созданию favicon и иконок.
Первый сервис довольно прост и не требует каких-либо длинных инструкций:
www.favicon.ru

Все что от Вас требуется:

1. загрузить свою собственную картинку или
2. предоставить путь к картинке в сети
3. нажать кнопку «Создать favicon.ico»

Вот и всё – сервис все остальное сделать за Вас.

www.favicon.cc

Также очень интересный и простой сервис. Единственный минус – это отсутствие русскоязычной версии. Знание английского языка не является обязательным, так как все что от Вас требуется это:

• Выбрать цвет
• нажимая на квадратики нарисовать лого
• загрузить полученный результат (делается это с помощью кнопки – Download Favicon)
• добавить его к себе на сайт
• по желанию, можно разместить его в каталоге для общего пользования

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

1. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

Всего хорошего!

Вёрстка.Как правильно поместить логотип.

Стоит следующая задача

1. Логотип должен быть в виде картинки.
2. Логотип должен быть ссылкой(на главную страницу)

В принцыпе ничего сложного нет.Делаем так

<div><a href="index.php"><img src="images/logo.png"></a></div>

и все дела.

Немного усложним задачу.
Сделать так что-бы логотип был в виде фона.

создаём стиль

#logo { height:66px; position:relative; color:#000; margin-bottom:3em; float:left; padding:0;width:500px; }
#logo h1 { text-indent:-10000px; margin:0; padding:0; }
#logo h1 a{
background: url(images/logo.png) no-repeat left top;
height:66px;
display:block;
}

и сам html код
<div id="logo"><h1><a href="index.php">Company Name</a></h1></div>

Единственное что надо учесть это display:block; если поменять на inline то фон не показывается.
В некоторых случаях могут быть проблеммы в IE это может быть связано с размерами элемента,необходимо указать как width,так и height.

Как заработать на своём сайте или блоге?

Определяемся с направлением заработка на сайте:

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

1) Конвертация (перенаправление) поискового трафика с вашего сайта на сторонние ресурсы

2) Продажа ссылок со страниц своего сайта.
Всё это возможно с помощью рекламного брокера tak.ru
$$$ для web-мастеров

Чрезвычайно низкие начальные цены. Минимальная цена за клик.Сервисом оплачиваются только естественные переходы.

Что есть ,на самом деле, открытое ПО?

Я давно задавался вопросом  – что есть на самом деле открытое ПО?

Вся эта шумиха вокруг будто-бы халявности софта вызывала у меня недоверие.Именно поэтому сейчас я пользуюсь  удобной для меня Windows.Пиратская или нет – это уже другой вопрос.Речь идёт об удобстве пользования и наличия и обильности софта для ОС.

Прочитал сегодня занятную статью на сайте ibusiness.ru – Владислав Шершульский (Microsoft) о «свободном ПО».

Автор оценивает нынешнюю ситуацию с применением СПО в интеграционных проектах.Я с удивлением обнаружил что оказывактся Microsoft тоже выпускает открытое ПО, и даже более открытое чем в лицензиях GPL и LGPL.

Бесплатный сыр бывает известно только в мышеловке, то же и в отношении ПО.Вот выдержка из статьи – «Кстати, недавно после многочисленных проволочек наконец были раскрыты детали внедрения СПО в ряде учреждений ЕС. Оказалось, что потраченных на это денег хватило бы на 36 лет использования решений от Microsoft…«

Вот так-то..Читайте полную статью Владислав Шершульский (Microsoft) о «свободном ПО»

Создаем красивые формы с помощью NiceForms

Формы одни из главных элементов на наших сайтах.

Мы стараемся ,творим , ищем дизайнерские решения, а эти стандартные html формы всё портят.

Никто не будет спорить как убого они смотрятся.

И вот нашёл я вещь которая может изменить эту ситуацию.

Niceforms позволяет создавать красивые формы путем замены элементов формы графическими элементами. Это полностью автономный скрипт, для его работы не требуется дополнительные библиотеки, такие как jQuery либо Prototype. Niceforms разбирает DOM-дерево страницы, находит элементы формы, скрывает их, а на их место ставит их графические аналоги. Скрипт ищет формы с классом niceform.

В остальном формы работают как обычно.Нужно иметь только в виду ,что должен быть прописан DOCTYPE иначе возможны проблеммы при выводе.

Поля и кнопки созданные Niceforms полностью масштабируемые. Вы можете задать их ширину и высоту с помощью HTML-свойства. Поддерживается использование клавиатуры для навигации между элементами формы.

Более подробнаую информацию вы можете найти на сайте NiceForms.

посмотреть пример

скачать NiceForms