Кнопки для блога. Часть 2: Twitter

В прошлой статье мы с тобой добавили кнопку вконтакте. В этой-же добавим кнопку Твиттера 🙂

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

Читать далее…

Кнопки для блога. Часть 1: Вконтакте

Самой первой кнопкой я решил разместить на блоге кнопку социальной сети вконтакте. Ведь как ни крути — это самая популярная соц. сеть в России. И хоть я не большой её приверженец, но я активно пользуюсь и развиваю свою страничку (ведь там все мои друзья\знакомые из реала и перетащить их в другую социальную сеть невозможно).

Какие будут кнопки в дальнейшем я пока не знаю, но что-нибудь придумаю 🙂

Итак, перейдём наконец к руководству как-же сделать кнопочку вконтакте.

Заходим на vkontakte.ru, пролистываем страницу в самый низ и видим ссылку «разработчикам». Тыкаем и попадаем в меню помощи разработчикам, там переходим в «Виджеты и сторонние сайты» и далее в «Мне нравится».

Читать далее…

Border radius: создаём закруглённые углы с помощью CSS

Замечательное свойство CSS3 border-raduis позволяет легко создавать закруглённые углы без использования изображений или лишних div тэгов. Это одно из полезнейших и обсуждаемых CSS3 свойств.

С первого анонса в 2005 году, свойство border radius стали поддерживать практически все современные браузеры (хоть и с некоторыми особенностями, о которых будет сказано ниже). А из-за простоты использования веб-разработчик может без труда применять данную технологию в своих проектах.

Приведу простой пример:

Бокс с закруглёнными углами, корректно отображающийся в Firefox, Safari/Chrome, Opera и IE9.

В теории, код для данного примера очень простой:

#example1 {
  border-radius: 15px;
}

Однако, не всё так просто. Для совместимости с Firefox, нужно использовать префикс -moz- (об этом читай секцию поддержки браузеров, moz border radius):

#example1 {
  -moz-border-radius: 15px;
  border-radius: 15px;
}
Читать далее…

Редирект на www.

Всю жизнь делал сайты без www домена. Ни разу у меня не было сайта, на который нужно было заходить по www.site.ru, или поисковики что-бы индексировали именно по www.

А тут взялся делать один проект, а у него взялся делать адрес как www.site.ru и столкнулся с такой банальной вещью как редирект с site.ru на www.site.ru.

О моей безумной попытке и как я вышел из ситуации читайте под катом (:

Всё банально просто, как моя попытка, так и решение.

Читать далее…

Правила хорошего CSS.

Расскажу о своих правилах, которые я использую в любом файле CSS.

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

Читать далее…