Рождение сообщества блоггеров

Здравствуйте, уважаемые! Сегодня я хочу рассказать вам одну очень хорошую новость – в рунете открылся уникальный в своём роде проект для блоггеров. Называется он: Территория блоггеров. Все блоггеры уже здесь! Т.к. я стоял у истоков создания этого чудо-проекта, то мне, естественно, нетерпится написать о нём в честь открытия. Портал включает в себя форум, сообщество, рейтинг блогов (планируем запустить в марте) и энциклопедию блоггинга на wiki-движке “Блоговедия”.

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

Теперь можно остановиться подробно на каждом подпроекте:

• Наверное единственное, что не притерпело никаких нововведений – это форум, но как же без него.
• Блоговедия – это свободная энциклопедия блоггинга, редактировать и заполнять которую может любой зарегистрированный участник портала.
• Сообщество подразумевает под собой возможность вести свой блог и делиться анонсами постов со своих личных блогов.
• И наконец рейтинг блогов, который еще не открылся, будет ранжировать участников, основываясь не только на таких стандартных показателях, как количество подписчиков блога по RSS и фоловеров в твиттере, но и активность на портале в целом. По этому в нашем рейтинге возможность засветиться перед большой аудиторией и получить много траффика на свой блог будет не только у популярных блоггеров, как это всегда и происходит, но и у новичков!

Но наверное самой яркой фишкой Территории блоггеров является то, что за активность на портале участникам начисляются очки, за которые они могут купить рекламу (разместить свой баннер или текстовое объявление) либо прорекламировать свои услуги для всего сообщества. Это делает наш портал отличным средством продвижения своего блога и своих услуг во всей блогосфере, т.к. аудитория bloggers.su – не ограничивается только SEO, как это наблюдается практически везде. Территория блоггеров – это общетематический портал.

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

Что нового в wordpress 2.9.2?

Всем привет! Давно я что-то не писал, но обещаю исправиться, просто занят очень в последнее время.

Если у вас есть свой блог на wordpress, то сегодня вы должны были заметить в админке знакомую всем надпись: “Вышел WordPress 2.9.2! Обновиться автоматически или скачать новую версию“. Что же нового в этой версии?

Хочу сказать сразу, что это мелкое обновление, в котором были устранены некоторые некритичные уязвимости в безопасности. А если у вашего блога на wordpress только один пользователь (т.е. вы), то можете вообще не обновлять движок.

Дело в том, что в версии 2.9.1 зарегистрированные пользователи могли просматривать записи, которые отправили в корзину другие пользователи. Так что если вы решили опубликовать пароль от своего кошелька webmoney, но в последний момент передумали, срочно обновляйте wordpress, чтобы другие юзеры его не смогли просмотреть в корзине материалов.

А если серьезно, то такие обновления движка всё больше попахивают маразмом. С таким успехом можно каждый день по новой версии выпускать.

1. Артём Савельев написал интересную статью о том, как красиво оформить комментарии в wordpress.
2. Очень полезная статья на хабре о том, как создать объёмный блок с тенью, прозрачностью и трансформацией средствами CSS3.
3. Дмитрий aka KtoNaNovenkogo написал полезную статью о том, как создать выпадающее меню с помощью CSS и вставить его в свой блог на wordpress.

10 способов заставить Internet Explorer понимать CSS3 и HTML5

Как и многие другие web-разработчики я просто обожаю Internet Explorer, особенно версию 6. В то время, как появляются такие мощные техники, как HTML5 и CSS3, разработчики IE даже и не думают их внедрять. Ну да, в принципе наверное лучше и не надо. Пусть хотя бы с предыдущими версиями разберутся. Ладно, хватит о грустном. Давайте посмотрим, как всё-таки можно заставить Internet Explorer понимать CSS3 и HTML5:

1. Как включить HTML5 в IE

Большинство современных браузеров уже поддерживают HTML5, но Internet Explorer, как известно, всегда плетётся где-то позади. Чтобы заставить IE всё же воспринимать новую версию разметки, нужно подключить небольшой скрипт:

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

В данном примере скрипт подгружается с сайта googlecode.com, но его можно скачать и подгружать со своего сервера.

2. Как включить CSS свойство text-shadow в IE

Опять же, Internet Explorer – это единственный браузер, который не поддерживает это CSS свойство. Правда в этом случае заставить его делать это не получится даже с помощью скриптов. Единственный выход – это использовать CSS свойство filter для IE, как альтернативу text-shadow. Вот пример:

p.shadowed {
text-shadow: #0000ff 0px 0px 3px; /* Для нормальных браузеров */
filter: glow(color=#0000ff,strength=3); /* Для нашего любимого IE */
}

Подробнее о CSS свойстве filter можно прочитать в этой статье.

3. Как включить CSS свойство box-shadow в IE

На мой взгляд, box-shadow – это одно из самых классных свойств в CSS3, потому что с помощью него можно добавить тень к любому HTML элементу, не используя при этом картинки.

.shadowed{
box-shadow: 10px 10px 5px #888;
}

Но не спрашивайте меня, поддерживает ли его IE! C ним, как всегда, придётся использовать костыли. В данном случае это опять будет свойство filter.

.shadowed {
filter:
progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1)
progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);
}

4. Закруглённые углы в IE

Закруглённые углы приобрели большую популярность в веб-дизайне. Причины этому понятны – выглядят такие углы классно. Разработчики спецификации CSS3 это прикрасно понимали и по этому создали CSS свойство border-radius, с помощью которого можно создавать HTML элементы без единой картинки. Для тех, кто не в курсе приведу пример использования этого CSS свойства.

.round{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

В IE же, как всегда, не обошлось без костылей. Теперь это будет снова использование JavaScript.

<script type="text/javascript" src="DD_roundies.js"></script>
<script type="text/javascript">
  DD_roundies.addRule('.roundify', '10px');
</script>

В данном случае все HTML элементы с классом roundify будут с закруглёнными углами. Подробнее читайте на домашней страничке скрипта: http://www.dillerdesign.com/experiment/DD_roundies/ (англ.) Там же можно его скачать.

5. Макеты с несколькими колонками в IE

CSS3 даёт возможность отображать любой контент в несколько колонок. В Firefox и Safari это можно сделать с помощью следующих стилей:

.column {
-moz-column-width: 13em;
-webkit-column-width: 13em;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
}

Но сделать что-нибудь подобное в Internet Explorer не представляется возможным. Но есть один способ, который может справиться с этой проблемой, используя Jquery. Всё, что нужно сделать – это убедиться, что на сайте подключена последняя версия Jquery и использовать вот такую функцию:

$(function(){
$('.wide').columnize({width:400});
$('.thin').columnize({width:200});
});

Подробности в этом посте (англ.), там же ссылка на домашнюю страничку скрипта, где его можно скачать.

6. Поддержка псевдо-селекторов CSS3 в IE

Чтобы заставить нашего любимого Internet Explorer понимать псевдо-классы CSS3 можно воспользоваться очень полезным скриптом ie-css3.js, который написал Keith Clark.

Использование: скачайте DOMAssistant и ie-css3.js и подключите их таким образом:

<script type="text/javascript" src="DOMAssistantCompressed-2.7.4.js"></script>
<script type="text/javascript" src="ie-css3.js"></script>

Подробности здесь (англ.)

7. Прозрачность в IE.

Прозрачность – это еще одно свойство, о котором не знает Internet Explorer. В этом случае нам снова поможет свойство filter.

.element{
    opacity:.7; /* Для нормальных браузеров */
    filter:alpha(opacity=70); /* Костыли для IE */
}

8. Вращение HTML элементов в IE.

В CSS3 вращать элементы можно с помощью свойства transform.

transform: rotate(240deg);
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);

В Internet Explorer для этих целей будем использовать всё то же свойство filter.

filter:
progid:
DXImageTransform.Microsoft.Matrix(M11=0.86602540, M12=0.50000000, M21=-0.50000000, M22=0.86602540);

Стоит заметить, что используя вышеприведенный стиль Вы не пройдете WC3 валидацию, но когда речь идет о IE, с этим можно смириться.

9. Поддержка RGBa в IE

Буква a в конце известной всем аббревиатуры означает alpha (альфа). Эта новая фича позволяет задавать прозрачность для цветов.

 .color-block {
    width: 50%;
    background-color: rgba(0, 0, 255, 0.2); /* Для всех браузеров, кроме IE */
}

В Internet Explorer опять прибегнем к свойству filter.

<!--[if IE]>
<style type="text/css">
.color-block {
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#99000050,endColorstr=#99000050);
    zoom: 1;
}
</style>
<![endif]-->

10. Использование нестандартных шрифтов в IE

В последнее время использование нестандартных шрифтов на веб-сайтах стало очень распространенным. С Internet Explorer, как всегда, есть свои особенности – он понимает шрифты только в формате EOT. Чтобы сконвертировать ваши нестандартные шрифты в этот формат, воспользуйтесь этой бесплатной онлайн утилитой.

@font-face {
    font-family: " название шрифта ";
        src: url( /расположение/шрифта/НазваниеФайлаШрифта.eot ); /* Для IE */
        src: local(" название шрифта "), url( /расположение/шрифта/НазваниеФайлаШрифта.ttf ) format("truetype"); /*  не IE */
    }

/* Затем используем это название, как обычный web-safe шрифт */
.element {
    font-family:" название шрифта ", verdana, helvetica, sans-serif;
}

P.S. Это был свободный перевод статьи 10 ways to make Internet Explorer act like a modern browser.