Один из вопросов, который мне задали, был: “На сколько ты оцениваешь свои знания языка программирования PHP по 10-бальной шкале?”. Мой ответ был: “Примерно 1-2 балла”.

В результате в эту компанию меня не взяли, объяснив тем, что им нужны специалисты со знанием PHP.

Все эти годы, являясь веб-девелопером, я постоянно ощущаю необходимость в знании языка PHP, поскольку мне приходится сталкиваться с ним регулярно. Однако у меня никак не получается его изучить.

В сравнении с изучением технологий HTML, CSS и jQuery, которые я осваивал и осваиваю просто на “Ура!”, PHP почему-то мне дается нелегко. И на данный момент, спустя 5 лет, я все также оцениваю свой уровень знаний PHP в 2 (ну, максимум 3) балла из 10.

Несмотря на мои скудные PHP-познания, я умудрился создать ряд плагинов для движка WordPress.

Как же это у меня получается? (more…)

© 2010 Dimox.name | Как, не будучи программистом, я умудряюсь создавать плагины для WordPress
Все права защищены. Перепечатка запрещена.

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

Как я и ожидал, после создания новой панели добавления в социальные сервисы посетители блога меня стали спрашивать о том, как сделать такую панельку, поэтому в этом посте я делюсь с вами скриптом. (more…)

© 2010 Dimox.name | Плавающая панель «Добавить в социальные сервисы»
Все права защищены. Перепечатка запрещена.

• Скрипт для блоков с вкладками (табами) - два очень простеньких универсальных варианта создания табов-переключателей. Пример в сайдбаре.

• Скрипт “Добавить в закладки” - при наведении на ссылку выпадает список ссылок для сохранения страницы в социальных закладках. При клике на ссылку “Добавить в закладки” происходит переключение между списком закладочных сервисов и социальных сетей. К сожалению, не все социальные сети, которые я добавил в список, существуют в данный момент.

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

• Переключатель размера шрифта сайта - в данный момент рабочий пример находится справа вверху под поисковой формой. Думаю убрать эту функцию с блога. Интересно, кто-нибудь вообще пользуется ей?
• Динамическое изменение размера шрифта - скрипт, который меняет размер шрифта страницы в зависимости от размера окна браузера. Для себя я применения данному скрипту пока нигде не нашел.
• Скрипт предпросмотра комментария 1-й вариант - предпросмотр появляется под формой добавления коммента по мере набора текста. Прицепить можно к любому сайту с формой.
• Скрипт предпросмотра комментария 2-й вариант - предпросмотр появляется при клике на соответствующую кнопку и отображается вместо текстового поля. На мой взгляд, это более красивое решение, чем в первом варианте. Этот скрипт также можно приделать к любому сайту.
• Предпросмотр твита в веб-интерфейсе Твиттера. Этот скрипт - для пользователей веб-интерфейса Твиттера и любителей браузера Opera. Хотя, думаю, есть способ прикрутить его и к другим браузерам.
• Плагин для WordPress “Предпросмотр комментария” - по мотивам вышеуказанного 2-го варианта я создал этот плагин. Мне очень нравится, как все получилось. На сегодняшний день его скачали около 8 тысяч раз.
• Плагин для WordPress “Предпросмотр поста в админке” - аналогичный предыдущему плагин, только для страницы создания/редактирования записи в админке.
• UserJS-скрипт для авторизации в WordPress - это для тех, кто умеет подключать UserJS-скрипты к своему браузеру. Удобная всплывающая форма авторизации.
• Скрипт для WordPress “Привет, комментатор!” - показывает посетителю приветственное сообщение рядом с формой добавления коммента, если он хотя бы раз оставлял комментарий.

• Скрипт, решающий проблему с куками на WordPress при использовании MaxCache - это для пользователей WordPress, у которых стоит функция кэширования от Максима.

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

• Скрипт для WordPress “прокрутка к родительскому комментарию и обратно” - идея была позаимствована на Хабрахабре. Имеет смысл ставить, когда в комментариях сайта формируются большие ветки обсуждений.

• Виджет-переводчик “Google Translator” для браузера Opera - интерфейс работает с помощью jQuery, а перевод - с помощью API Гугла.

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

И еще парочка jQuery-скриптов, о которых я нигде не писал, но которые используются на данном блоге:

• Цитирование комментария - если выделить какой-либо кусок текста в комментариях, то около выделения всплывает панелька со ссылкой “вставить цитату в поле ответа”, при клике на которую выделенный текст вставится в форму добавления коммента.
• Валидация полей “Имя” и “Е-mаil” в форме добавления комментария. Если одно из этих поле заполнено неправильно, то они подсвечиваются.

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

Вообще, jQuery для меня - это такой следующий этап в моем развитии, как веб-разработчика, после CSS и HTML. Если в последних двух технологиях я уже довольно силен и тут двигаться особо уже некуда, то jQuery - это, как говорится, поле непаханое, и идти в этом направлении есть куда.

* * *

Блоггер Max1mus на своем персональном блоге публикует актуальные способы заработка в Интернете, полезную информацию о ведении блогов, SEO, SMO, а также делится личным опытом о раскрутке сайтов.

© 2010 Dimox.name | Коллекция jQuery-скриптов от Димокса
Все права защищены. Перепечатка запрещена.

Сегодня, продляя один из своих доменов, я обнаружил новую функцию, которая называется “Theft Protection” (защита от кражи).

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

Защита активируется следующим образом:

1. Заходим на страницу домена.

2. Внизу блока “Информация о Заказе” находим строку “Theft Protection” и жмем напротив нее на ссылку “Изменять”, если статус опции - “Деактивированный”:

   

3. Кликаем на кнопку “Enable”.

   

4. Все. Защита от кражи домена активирована. Теперь на странице домена в строке “Theft Protection” наблюдаем статус “Enabled”.

Рекомендую непременной воспользоваться данной защитой и активировать ее для всех ваших доменов. Если вам нужно будет перевести домен другому пользователю и регистратору, то надо будет временно отключить ее.

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

* * *

Маркетинговая группа Newmann Bauer предоставляет комплекс мероприятий европейского уровня, направленных на увеличение прибыли клиента: создание, оптимизация и продвижение сайта в Интернете и последующая постоянная поддержка полученного результата для удержания существующих позиций.

© 2010 Dimox.name | "Защита от кражи" - новая функция в панелях регистраторов доменов
Все права защищены. Перепечатка запрещена.

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

Возможные способы решения задачи:

• использовать изображение;
• использовать только CSS.

В решении необходимо предусмотреть, что:

• высота пункта списка может меняться, т.е. текст может быть в несколько строк;
• часть текста может быть за пределами тега ссылки.

Проблемы при использовании изображения

Объясню, почему решение в виде использования изображения в качестве бордюра не подходит в данном случае.

Структура HTML-кода нашего меню максимально проста:

По идее, используя технику Юры Артюха, можно было бы разделитель сделать изображением и поставить его фоном к элементу <li>. Но дело в том, что в списке у каждого пункта еще используется изображение-маркер, и если это изображение ставить фоном тега <a>, тогда возникают следующие проблемы:

1. Если в меню появится многострочный пункт, тогда меню станет некрасивым (не хватает одинакового отступа слева у текста в каждой строке):

   

2. Первую проблему можно было бы решить, сделав ссылку блочный элементом (a {display:block}), однако при этом возникнет другая проблема - если после ссылки добавить текст, то он перенесется на новую строку, а этого также необходимо избежать:

   

Решение с помощью CSS

Мое решение с использованием чистого CSS позволяет избежать вышеописанных проблем.

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

Для наглядности вы можете посмотреть на живой пример.

Вот, собственно, и все. Решение кроссбраузерное, надеюсь, кому-нибудь пригодится.

* * *

Для качественного сайта с большой аудиторией лучше использовать VPS хостинг (VPS или VDS - это виртуальный выделенный сервер), который, по сравнению с обычным виртуальным хостингом, имеет большие преимущества в плане ресурсов и программной части.

© 2010 Dimox.name | CSS-трюк: двойные бордюры-разделители вертикального меню
Все права защищены. Перепечатка запрещена.