Достаточно одного взгляда на рабочий календарь, и картина предстоящего дня Вам уже предельно ясна. Вот что значит хорошее и тщательное планирование.
Патрик Форсайт “Делу-время”
Книги Патрика Форсайта:
Руководство по выживанию в компании
Маркетинг в книгоиздании
Консалтинг. Как основать консалтинговое агентство и добиться успеха
Успешные переговоры
Голая правда о… маркетинге
Мастерство продажи

Популярность: 7%

Представляю Вашему вниманию свой новый сайт: mnogonot.ru. Этот сайт - поисковая система на базе Google CSE, специализирующийся на поиске нот.

Для читателей блога этот сайт может быть интересен с академической точки зрения. Главная страница сайта сделана с применением jQuery и пока одного плагина для определения браузеров.

Наиболее полно сайт будет работать в Mozilla Firefox из-за некоторых проблем, возникающих в Opera и IE.

Популярность: 15%

Источник

Иногда у нас складывается впечатление, что задача слишком сложна, поэтому мы просто игнорируем ее выполнение.
Таково было и мое мышление, когда я думал о разработке плагина для jQuery. Я всегда думал, что часть кода, которую я разработал, будет иметь больше смысла как плагин, но у меня просто не было времени, чтобы понять это.

В конце изучения о плагинах jQuery я вынужден был сказать: “И это все!?”. Оказывается, это до смешного легко, и я не знаю, почему я не делал это раньше.

Почему плагин?

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

$('.className').addClass('enabled').append('<a href="#">Click here</a>').click( func );

Берется каждый элемент с именем класса “className”, добавляется к нему новый класс с именем, прилагается некоторый HTML и задается перехватчик события “клик”. Когда вы разработаете плагин, у вас будет способность к вставке своих функций, в то же время сохраняя цепь.

Другая причина разрабатывать плагин jQuery – просто соответствовать идеалу jQuery. Идеал jQuery, на мой взгляд, - это HTML-элемент, который является королем. Это все о создании элементов, а также о выполнении действий с этими элементами.

Теперь давайте посмотрим, как создать плагин, здесь есть два возможных подхода.

Подход 1: Функция

В документации есть хороший пример функционального подхода.

jQuery.log = function(message) {
  if(window.console) {
     console.debug(message);
  } else {
     alert(message);
  }
};

В этом примере функция log была приложена к объекту jQuery. Вы можете потом вызвать это в вашем коде, используя jQuery.log(‘my message’) или $.log(‘my message’). Там нет сложностей или HTML-элементов (если вы не добавляли это в ваш код).

Подход 2: метод

Этот подход метода дает вам доступ к текущему набору HTML-элементов, и позволяет вам продолжать цепочку. Опять-таки, код очень простой … добавьте новую функцию к jQuery.fn и убедитесь в работоспособности (возврате this).

jQuery.fn.newMethod = function(){
    return this;
};

Ключевое слово this относится к текущему объекту jQuery. У вас будет доступ к методам и функциям jQuery. Если Вам необходимо выполнить действия с каждым элементом, то вы можете сделать что-то подобное этому:

jQuery.fn.newMethod = function(){
    return this.each(function(){
        alert(this);
    });
};

Ключевое слово this в пределах внутренней функции относится к текущему HTML-элементу, который не будет иметь доступа к методам jQuery (хотя, это так же легко обернуть в объект jQuery, как и вернуть эти методы назад).

Не используйте $

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

Перейти в

Посмотрите документацию jQuery относительно плагинов для получения подробной информации. Иногда самое трудное - это просто сделать первый шаг!

Популярность: 33%

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

Патрик Форсайт “Делу-время”
Книги Патрика Форсайта:
Руководство по выживанию в компании
Маркетинг в книгоиздании
Консалтинг. Как основать консалтинговое агентство и добиться успеха
Успешные переговоры
Голая правда о… маркетинге
Мастерство продажи

Популярность: 8%

В предыдущем посте я обругал Убунту. Это вызвало некоторые недовольства.
Сегодня хочу немножко похвалить =)

Что мне нужно было как пользователю, перешедшему с windows на linux?
1. Почта
2. Переключалка клавиатуры
3. Любимый офис
4. Аська-масяська, jabber
5. Работа доп. клавиш на клавиатуре
6. Запись компашек
7. webmoney
8. Torrent и сети
9. Флешки, фотоаппарат
10. Телефон и синхронизация
11. Сканер

1. KDE предоставляет по-умолчанию свой почтовый клиент - kmail. Мне он понравился тем, что довольно шустрый по сравнению с Mozilla Thunderbird. Thunderbird меня не устраивает по многим причинам, но об этом поговорим позже.
2. Есть программа аналог punto-switcher - xneur. Скачать можно здесь. Только вот работает нестабильно. Качество распознавания еще далеко от windows аналога. Но главное, что такое есть и за это большое спасибо создателю программы.
3. Любимый офис - это OpenOffice. Почти все необходимые функции.
4. SIM, но он мёртв. Pidgin оказался довольно хорошим. Пока использую его. Еще чем он мне понравился - поддержкой джаббера.
5. С этим сложнее. Тут надо настраивать вручную. Пока за это не брался.
6. Вроде как с этим уже хорошо. Есть привычная Nero, и есть свои программы. Пока не разбирался, т.к. на ноутбуке нет у меня записывающего привода, а на рабочем компьютере пока снова нет линукса, т.к. жду новую версию Ubuntu.
7. Пока ничего не ясно. Возможно через wine получится.
8. Ну с этим тут всё нормально =) Torrent клиентов море, а для скачивания файлов есть XDownloader.
9. Флешку распознал легко и быстро. Фотоаппарат - так же как и флешку.
10. Не разбирался. Не так часто я пользуюсь телефоном в функции органайзер. Синхронизировать пока можно раз в месяц на винде. Но в будущем надо сделать, чтобы всё было под Linux.
11. Даже не брался. Не было необходимости. Но, думаю, если давным-давно завелся LPT сканер, то сейчас проблем должно быть меньше.

Что мне нужно как вебмастеру и админу?
1. Radmin
2. LAMP
3. Firefox с расширениями
4. VmWare

1. Хорошо работает через wine, однако не было заголовка у окна с рабочим столом удаленного компьютера. Wine качать с етерсофта.
2. Тут этого не может не быть =)
3. Почти все расширения хорошо перешли из windows в Linux.
4. Тоже хорошо.

Я уже не говорю о таких простых вещах, как ssh и прочие полезные штуки.

Пост я начал давно, но вот только сейчас решил его закончить. Пишу из-под Firefox под Xubuntu Linux на ноутбуке Fujitsu-Siemens s6010 с памятью 512Mb, процессор Intel Pentium 3M. Чтобы поставить XUbuntu, мне пришлось скачать XUbuntu alternative и провести инсталляцию из текстового режима, т.к. видеокарта Intel 8230 распозналась правильно, но драйвер Intel не подошёл. Пришлось методом эксперимента остановится на i810.

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

Небольшие проблемы Xfce вызвал у жены, т.к. она не видела Гнома с панелькой наверху.

Wifi запустился по инструкции, но авторизоваться в своей сети не могу. Буду разбираться дальше. Нашел как, но пока не брался. Это будет большая тема как-нибудь позже.

Есть проблема с Мозилкой. Очень редко и при неопределенных ситуациях из-за Firefox падают X-ы. И я поражен разницей между виндовой версией и линуксовой Firefox. Почему-то под линуксом всё выглядит ужасно. Плохой скроллинг, плохо всё отрисовано. И грузит процессор очень сильно.

В качестве почтовика пока приходится использовать Thunderbird.

Популярность: 30%

Когда я был маленьким и только начинал заниматься программированием, начал ходить в кружки. Помню, в одном из первых кружков были компьютеры Sharp с магнитофоном в одином блоке. (Точнее не магнитофоном, а устройством хранения информации на магнитной ленте). Позже были занятия в школе.
В первом кружке мы решали задачи, далекие от практического применения. В школе задания были уже ближе к реальности - мы начинали решать олимпиадные задачи. У меня дома до сих пор есть две книги с такими задачами по программированию тех лет. Они и помогли мне достичь хороших результатов на одной из олимпиад.

Сейчас всё гораздо проще и практичнее. Чтобы научиться программировать нужные на рынке “вещи”, можно заглянуть на сайты для фрилансеров и выбрать задачу по вкусу, интересу, сложности и направленности, а также на интересующем языке программирования.

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

Популярность: 35%

Оригинал.

Я до сих пор помню день, когда открыл тэг li. Это не то, чтобы я не использовал этот тег раньше - я строил хорошие списки с “кнопками”. В тот день я узнал немножко CSS, тэг li стал наиболее мощным и разносторонним тэгом в арсенале веб-дизайнера. Фактически Вы можете построить весь сайт на одних тегах ul li. Конечно, это не будет семантически правильно, но Вы это можете сделать. Эта статья - небольшое руководство и дань волшебному тегу li.

Использование li для горизонтальной навигации

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

<!-- The CSS -->

ul{
    margin: 0 auto;
}
ul.horizontal_list li{
    text-align: left;
    float: left;
    list-style: none;
    padding: 3px 10px 3px 10px;
    margin: 5px;
    border: 1px solid #CCC;
}

<!-- The HTML -->

<ul class="horizontal_list">
    <li>Home</li>
    <li>About Us</li>
    <li>Contact Us</li>
    <li>News</li>
    <li>Mission</li>
</ul>

Вот как должно это выглядеть:

Многоколоночный список с li

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

<!-- Here's the HTML -->

<div id="list_wrapper">
    <ul class="multiple_columns">
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        <li>Four</li>
        <li>Five</li>
        <li>Six</li>
        <li>Seven</li>
        <li>Eight</li>
        <li>Nine</li>
    </ul>
</div>

<pre> <!-- Here's the CSS --> ul{ margin: 0 auto; } /* The wider the #list_wrapper is, the more columns will fit in it */ #list_wrapper{ width: 200px } /* The wider this li is, the fewer columns there will be */ ul.multiple_columns li{ text-align: left; float: left; list-style: none; height: 30px; width: 50px; }

Вот как это выглядит:

Прикольные эффекты бэкграунда li
Хотите списки с красивыми “кнопочками” вместо обычных черных точек? CSS делает это возможным с некоторыми простыми изменениями свойств бэкграунда вашего li. Например, мы расширим наш код от первого примера.

<!-- Here's the HTML -->

<ul class="cool_background">
    <li>Home</li>
    <li>About Us</li>
    <li>Contact Us</li>
    <li>News</li>
    <li>Mission</li>
</ul>

<!-- Here's the CSS -->

ul{
    margin: 0 auto;
}
ul.cool_background li{
    text-align: left;
    float: left;
    list-style: none;
    padding: 3px 10px 3px 25px;
    margin: 5px;
    background: url(cool_background.gif) 5px 5px no-repeat;
}

Важно: Не забудьте сделать свой файл “cool_background.gif” и положить его в эту же директорию вашей странички.

Вот как это выглядит:

Анимируем li эффектом rollover

Комбинация li и a тегов и немного CSS могут сделать хороший эффект. Использование CSS, чтобы создать это гораздо быстрее и легче, чем использование javascript. Также это легко поменять в будущем. Вот пример:

<!-- Here's the HTML -->


<ul class="rollover">
    <li><a href="#">Home</a></li>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Contact Us</a></li>
    <li><a href="#">News</a></li>
    <li><a href="#">Mission</a></li>
</ul>

<!-- Here's the CSS -->

ul{
    margin: 0 auto;
}
ul.rollover li{
    text-align: left;
    float: left;
    list-style: none;
}
    ul.rollover a{
        display: block;
        text-decoration: none;
        background: url(cool_background.gif) 5px 5px no-repeat;
        padding: 3px 10px 3px 25px;
        margin: 5px;
    }
    ul.rollover a:hover{
        background-image: url(cool_background2.gif);
        text-decoration: none;
    }

Важно: Не забудьте сделать свой файл “cool_background.gif” и положить его в эту же директорию вашей странички.

Вот как это будет выглядеть:

Я уверен, что это руководство будет полезно для новичков в CSS. Если Вы CSS ветеран и Вы знаете лучший вариант, чем я написал здесь, пожалуйста, расскажите это в комментариях. Я специально оставил детализированные объяснения в этом руководстве, чтобы это послужило местом старта и дало Вам досаточно кода, чтобы поиграться с li.

Популярность: 47%

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

Патрик Форсайт “Делу-время”
Книги Патрика Форсайта:
Руководство по выживанию в компании
Маркетинг в книгоиздании
Консалтинг. Как основать консалтинговое агентство и добиться успеха
Успешные переговоры
Голая правда о… маркетинге
Мастерство продажи

Популярность: 7%

Пару недель назад обратил внимание на то, что упал примерно на 20000 в рейтинге блогов яндекса. Но теперь снова по нескольку сотен поднимаюсь. Непонятный счётчик… И первого апреля очередной прикол - показал, что я первый. Жестокая шутка.

Мой друг пропиарил сайт “Альтернатива” в соц сети pro2. Результат - 2 человека =)
Сайт, кстати, не заброшен. Я потихоньку делаю новые функции и подготавливаю содержимое.

Вот результат оптимизации сайта “Альтернатива”. Неплохо =)

Сапе обновился до дизайна в стиле web2.0. Непревычно пока как-то…

В позапрошлую пятницу у меня начался отпуск. Взял его так рано, чтобы помочь жене с ребенком и просто отоспаться. Отпуск начал ударно с помощью Half Life 2. Уже несколько лет хотел пройти, но как-то времени было жалко. Но сейчас оторвался по полной. =) К сожалению, отпуск заканчивается и в понедельник надо выходить на работу.

Хотел поиграть дальше в Episode One, но… оказалось, что он только для видеокарт, совместимых с dx9. А у меня dx8 совместимая. Но нашлось решение - есть патч, который заменяет текстуры на dx8 совместимые.

Читать полностью »

Популярность: 8%

На блоге Свобода слова вебмастерского нашел интересную статью “Добавляем фон для блока со сглаженными углами на CSS”.

Рекомендую посмотреть.

Популярность: 13%