Полезное для Bootstrap

Генератор кастомных кнопок:

  1. Один
  2. Два
  3. Стилизатор Bootstrap

UI для Фотошопа

  1. Один
  2. Два

Bootstrap в стиле:

Прочие примочки

  1. Фотогалерея
  2. jQuery File Upload
  3. Выбор даты
  4. Переключатели

Буду пополнять этот список

Опубликовано 19.12.2013 в 08:45 · Автор Efor74 · Ссылка · Комментариев нет
Рубрики: Bootstrap, JQuery

Автоматическое закрытие внешних ссылок от индексации на PHP

Определяем внешнюю ссылку по «http://» в начале.

1
2
3
4
5
6
7
function clearUrl($string)
{
    $reg1 = '/<a .*href="(http\:\/\/[^"]*)"[^>]*>([^< ]*)<\/a>/';
    $reg2 = '<noindex><a href="$1" target="_blank" rel="nofollow">$2</a></noindex>';
    return preg_replace($reg1, $reg2, $string);
}
</a>
Опубликовано 27.03.2013 в 09:39 · Автор Efor74 · Ссылка · Комментариев нет
Рубрики: PHP

Ищем файлы UTF-8 с BOM

Как найти файл UTF-8 с BOM?

В консоли:
1. Переходим в папку с файломи сайта.
2. В консоли вводим:

1
grep -rl `printf '^\xef\xbb\xbf'` *

3. Смотрим вывод результатов.

С помощью PHP:
1. Качаем файл find_bom.zip
2. Распаковываем в корневую папку сервера.
3. Запускаем http://ваш_сайт/find_bom.php
Спасибо Yuri Belotitsky за скрипт.

Опубликовано 01.07.2012 в 12:11 · Автор Efor74 · Ссылка · Комментариев нет
Рубрики: HTML, Linux, Выделенный сервер, Другое

LAMP на голом Убунту

Первым делом обновляем систему:

1
2
apt-get update
apt-get upgrade

Чтобы LAMP заработал на «голой» системе Ubuntu, нужно от рута запустить:

1
apt-get install mc php5 php5-dev mysql-server mysql-client proftpd php5-gd apache2 apache2-mpm-prefork apache2-prefork-dev apache2-utils apache2.2-bin apache2.2-common lynx mcrypt memcached mysql-common php-pear php5-cli php5-common php5-curl php5-mcrypt php5-mysql libmysqlclient-dev zip php-apc libapache2-mod-rpaf

Этой коммандой мы также устанавливаем:

  1. MidnightCommander (удобный файл-менеджер для консоли)
  2. FTP-сервер «ProFTPd»
  3. Браузер для консоли Lynx

После этого начнется скачивание нужных пакетом и их установка.

Чтобы включить mod_rewrite для апача, водим в консоли:

1
2
a2enmod rewrite
a2enmod rpaf

и перегрузить апач.

Всё, LAMP работает.

Чтобы он работал еще лучше, делаем следующее:
1. В фале «/etc/apache2/apache2.conf» ищем строку «User ${APACHE_RUN_USER}» и меняем её на «User username», где username — это имя вашего пользователя на сарвере.
Это делается для того чтобы небыло проблем с работой с файлами через FTP и сайта.

2. В этот же файл «/etc/apache2/apache2.conf» добавляем строки:

1
2
EnableSendfile Off
EnableMMAP Off

Теперь у нас не возникнит проблем с неполной отдачей файлов картинок апачем.

Чтобы через MidnightCommander зайти по фтп на другой сервер, вводм адрес FTP в таком формате: login:password@ip_address

Опубликовано 23.12.2011 в 08:15 · Автор Efor74 · Ссылка · Комментариев нет
Рубрики: Linux, Выделенный сервер

Социальные кнопки ВКонтакте, Facebook, Twitter, Google+, Одноклассники и Mail.ru на вашем сайте

Социальные кнопки на вашем сайте

В этой заметке я намерен кратко описать установку, модных в настоящее время, социальных кнопок от сервисов: ВКонтакте, Facebook, Twitter, Google+, Одноклассники и Mail.ru. Пример размещения всех этих кнопок можно посмотреть на сайте FoodChel.ru, на странице любой организации, например суши-бара «Юнами».

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

  1. Кнопка (виджет) «Мне нравится» от ВКонтакте: http://vkontakte.ru/developers.php?o=-1&p=Like
  2. Кнопка «Like» от Facebook: http://developers.facebook.com/docs/reference/plugins/like/
  3. Кнопка «Твитнуть» от Twitter: http://twitter.com/goodies/tweetbutton
  4. Кнопка «+1″ от Google: http://www.google.com/intl/ru/webmasters/+1/button/index.html
  5. Кнопка «Класс!» от Одноклассниковhttp://dev.odnoklassniki.ru/wiki/display/plugins/Social+Plugins.
  6. Кнопки «Нравится» от Mail.ru и «Класс!» от Одноклассников: http://api.mail.ru/sites/plugins/share/

Больше всего нужно будет повозиться с кнопкой «Класс!» от Одноклассников (п.5), т.к. не достаточно просто вставить html-код, необходимо подставлять текущий адрес страницы и вручную инициализировать скрипт после загрузки страницы. Кнопки из п.6 предпочтительнее, т.к. там и дизайн по-современнее, и скрипт инициализировать не нужно, но подставлять адрес страницы все-равно требуется.

Опубликовано 17.09.2011 в 12:30 · Автор Efor74 · Ссылка · Комментариев нет
Рубрики: HTML

Покажите это всем клиентам

Опубликовано 23.10.2010 в 13:36 · Автор Efor74 · Ссылка · Комментариев нет
Рубрики: Другое

Делаем заголовки сайта не стандартным шрифтом

Если дизайнер нарисовал красивый дизайн сайта, но заголовки сделал не стандартными шрифтами. Например как здесь:
Не стандартный шрифт в заголовке

Что нам, как верстальщикам, нужно сделать чтобы воплатить больную фантазию дизайнера в жизнь?
Читать полностью »

Опубликовано 22.02.2010 в 12:39 · Автор Efor74 · Ссылка · Комментариев нет
Рубрики: JQuery, PHP · Теги: , , ,

Простой и дешевый способ ограничить доступ к директории сайта

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

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

Что делать в таком случае?

Я предлагаю использовать возможности web-сервера Apache по организации авторизации и аутентификации пользователей. Читать полностью »

Опубликовано 29.01.2010 в 12:12 · Автор Efor74 · Ссылка · Комментариев нет
Рубрики: Linux, Другое · Теги: , , ,

Шпаргалка по .htaccess

Этот пост, скорее, пишу для себя, но может тоже кому пригодится. Итак…

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

Включение просмотра директории

1
2
Options +Indexes
IndexIgnore *.wmv *.mp4 *.avi #эти файлы отображаться НЕ будут

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

Опубликовано 13.01.2010 в 00:16 · Автор Efor74 · Ссылка · Комментариев нет
Рубрики: Другое · Теги: , ,

Делаем из IE нормальный браузер

Кто думает что Internet Explorer нормальный браузер, пусть первый бросит в меня камень.

Я же предлагаю сделать раз и навсегда избавиться от основных багов/фич IE. Как?
Читать полностью »

Опубликовано 12.01.2010 в 23:45 · Автор Efor74 · Ссылка · Комментариев нет
Рубрики: Другое · Теги: ,