Перед прочтением спросить разрешение у родителей.
И так, сегодня конец рабочей недели и на меня, в свойственном мне, в это время, состоянии, нашло вдохновение, а почему бы не дать всем понять, что программирование это очень просто. Так как я встречал огромное количество людей, которые хотят, но боятся начинать учить эту бадягу. Конечно, я не говорю, что за неделю ты сможешь научиться писать полноценные программы, которые будут пользоваться нереальным спросом на мировом рынке, но запомни - КОДИНГ ЭТО ПРОСТО ШО ПИЗДЕЦ. А как ты думаешь по чему? Да по-тому, что человеку не свойственно придумать что-то действительно сложное вообще, так как тогда никто бы другой не допер что с этим делать. Так что выкинь из головы все что тебе туда напихали те, кому это выгодно. Байки о том как тяжело компьютерщикам рассказывают компьютерщики, не желающие конкуренции. Самое главное что ты должен сделать перед тем как продолжить читать - это честно признаться самому се

Вступление

В этой статье я расскажу как настроить DNS, в Ubuntu для этого обычно используется Bind. Сразу оговорюсь, что я не профи и настраивал все исключительно при помощи такой-то матери и мануалов и интернетов, но в итоге все работает. Прямая зона, обратная зона и даже почта ходит куда угодно. Меня удивило, что в интеренете не так уж много исчерпывающих мануалов по данной теме. Уроков и статей конечно много, но обычно все ограничивается примером кода и скромным объяснением. Сдесь же я постараюсь дать максимально полное объяснение всем параметрам и если гдето ошибусь, поправьте меня в комментариях.

Установка

Настройка прямой зоны(Domain to IP)

Прямая зона позволяет преобразовывать домен в IP адрес. Нам необходимо указать в каком файле будет храниться конфиг нашей зоны. Это указывается в файле /etc/bind/named.conf.local. Допустим, что наш домен  example.com, а IP 192.168.10.1.

Каждый десятый житель США считает HTML болезнью, передающейся половым путем. Об этом сообщает The Independent со ссылкой на исследование портала Vouchercloud. Эксперты опросили почти 2,4 тыс. американцев в возрасте от 18 лет и старше.

Респондентам показали список технических и нетехнических терминов и попросили выбрать правильные определения. Участники опроса не знали, что проверяется знание именно технических понятий.

18% респондентов заявили, что Blu-ray — это морское животное. Еще 23% выразили уверенность, что MP3 является роботом из «Звездных войн». По мнению 12%, USB означает аббревиатуру европейской страны.

27% опрошенных полагают, что гигабайт — это насекомое из Южной Америки. Наконец, 42% уверены, что материнская плата означает палубу на круизном лайнере.

Этот вопрос волнует каждого кто занимется SEO, продвижением, зарабатывает или пытается заработать в интернете. Надо признать тема действительно интересная. У самого опыт не маленький работы с сайтами, но каждый свой сайт, когда добавляю в адурилки (это такие сервисы поисковых систем, с помощью которых вебмастера «сообщают» поисковикам о своих сайтах), потом очень тщательно мониторю на предмет индексации.

Надо отметить, что у каждой доменной зоны свои особенности, одна быстрее индексируется, другая медленнее и т.п., но эти особенности зависят от поисковой системы. Лично я ориентируюсь на Яндекс и Google, Rambler – интересная поисковая система, но ОЧЕНЬ медленная, индексация сайта рамблером происходит очень медленно, а новые странички приходится вообще неимоверно долго ждать, пока они появятся (хотя робот заходит на сайты довольно часто).

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

Дубликаты, пустые и мусорные страницы

100% дублирование контента страниц;
Тестовый сайт на поддомене/другом домене/ip-адресе индексируется
URL могут содержать переменные, никак не меняющие контент, но создающие дубликаты
Ссылки на дубли страниц, например site.ru/ и site.ru/index.php
Сессия или ref-параметр в URL страницы с кодом ответа 200
Страницы сайта доступны по адресам /dir1/dir2/ и /dir2/dir1/
Страницы сайта доступны по адресам /dir/page.html и /page.htm
Версия для печати открыта для индексации
Технические страницы доступны для индексации
Страницы доступны по адресу /index.php и по /
Многие страницы доступны как с / на конце, так и без (site.ru vs site.ru/)
Не «склеен» домен с www и без www
На всех страницах выводится одинаковый текстовый блок
Наличие «пустых страниц», например, незаполненные профили на форуме
Сайт доступен с http:// и с https://



HTML, CSS, JavaScript
На страницах пустые <TITLE>
Важный контент выпо

Сейчас многие начали наблюдать много экспериментов над CSS3 анимацией,
но ещё относительно недавно поддержка этой анимации была ограничена
браузерами на вебките.И в середине 2011 года браузер Mozila
Firefox 5 тоже получил эту поддержку.Поэтому сейчас идеальное время,
чтобы разобраться с синтаксисом @keyframes (покадровой анимации).Далее
я расскажу вам про CSS3 анимацию и покажу различные примеры.

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

Вот допустим Opacity-прозрачность.В браузерах,поддерживающих это свойство, указать прозрачность можно так:
background-color: rgb(0,0,255);
opacity: 0.5;

Данное обьявление прозрачности затронет всех потомков элемента.В том числе и текст,картинки,бэкграунд и т.д.Это крайне неудобно,поэтому в CSS3 вводится новое обьявление - RGBA,которое решает данную проблему:
background-color: rgba(0,0,255,0.5);

Итак, грядёт к нам HTML 5. До сего момента в ходу был HTML 4.01, на котором работает большинство современных сайтов. Однако, умные дяди из W3C покумекали, и решили сделать новый стандарт. Было введено несколько новых тегов, а также удалена парочка старых (например <font> и <center>. Ещё упоминаются несколько таких возможностей, как локальное хранилище данных, сокеты, геолокация, drag'n'drop на уровне браузера, улучшено взаимодействие полей форм с пользователем - добавлено множество параметров для увеличения смысловой нагрузки, cross-domain messaging... А ещё такая - уже достаточно известная возможность как HTML 5 Canvas и встраивание мультимедиа-контента в страницу без сторонних технологий (например, запросто можно встроить видео или аудио в страницу с помощью всего одного тега - <video> или <audio>, без подключения флеш-плеера. Прямо скажем - впечатляет. Впечатляют и проблемы с безопасностью в данных нововведениях, которые уже откопали любознательные люди...

Помимо проч

Не так давно мне понадобилось кастомизировать страничку в facebook. Добавить ссылок в основное меню, сделать не стандартные странички. Ссылки, которые добавятся в меню, естественно должны вести на реальные страницы.

Короче надо было найти способ сделать из страницы facebook, что-то вроде сайта-визитки с наворотами и прибамбасами. После некоторых мытарств по просторам интернета я нашел способ это сделать.

Facebook приложение TabMaker.

Устанавливаем приложение к себе на страницу и далее... Легко и непринужденно создаем страницы(так называемые "Табы") и размещаем на них, что душе угодно(HTML, IFrame, канал Youtube и так далее).

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

Хотите иметь у себя на сайте карту, которую можно масштабировать, ставить метки и прочее? Нет проблем. Google предоставляет доступ к своим картам посредством maps API. Для использования карт гугл, вам необходимо подключить JavaScript библиотеку у себя на странице.



Так же мы подключили библиотеку JQuery. Она очень упрощает работу с JavaScript, беря на себя массу ненужной и рутинной работы. Еще хотелось бы заметить, что для работы с картами гугл необходим некий API key - ключ для доступа. Так вот, в приведенном мной варианте, этот ключ не требуется. Отобразить карту у себя на странице можно так:
[js]
<script type="text/javascript">
$(document).ready(function() {
var latlng = new google.maps.LatLng(47.3782, 8.53406);
var myOptions = {
zoom: 13, // Устанавливаем

Думаю, все согласятся, что когда на сайте присутствует анимация, выглядит это сосем иначе, чем резкая смена чего либо. На пример, плавно появляющийся блок или плавное изменение размера контейнера. Анимация создает привлекательные эффекты. По этому, я решил написать немного об этом. Конечно же, анимацию можно делать, используя только стандартные средства JavaScript. Но горазда приятнее и проще делать это, используя фреймворк JQuery. Так что в своих примерах я буду использовать эту библиотеку(или фреймворк, кому как удобнее).

Пример самой простой анимации можно выразить так:

Этот пример демонстрирует плавное "расширение" блока с ID = test. Так же в функции slideDown() можно использовать параметр "скорость"(slow, normal, fast).

Ну, а чтобы вернуть элемент в первоначальное положение, мы используем функцию slideUp() - противоположность slideDown().


Кроме