adding custom icons in Twitter Bootstrap

You can enhance your design capabilities by adding as many icons as you like. Basic CSS syntax is the following:

.icon-whatever{

    background-image: url("url_to_image_whatever.png

");

    background-position: center center;

}

сравнение Яндекс Директ с SEO - реклама в интернете

Для облегчения переговоров с заказчиками составил такую таблицу: сравнение Яндекс Директ с SEO, а также особенности рекламы в соц.сетях - с точки зрения заказчика. За что и сколько платить, как и что можно контролировать, какие побочные эффекты.

iPad отключить запуск iPhoto

Как отключить автозапуск iPhoto при подключении iPhone’a?

1. Подключите iPad или iPhone
2. Подождите пока iPhoto запустится, потом закройте iPhoto
3. Откройте системную программу «Image Capture» - воспользовавшись Spotlight (или Alfred, если есть). Она также находится в папке /Applications/.
4. В левом нижнем углу, нажмите на маленькое выпадающее меню и выберите «No application» и закройте Image Capture

Мой блог с фишками и деталями работы с MacOS / iOS

подборка замечаний #1

Разметка страниц профиля в Facebook

делал тут недавно оформление

Live-инфографика

в шапке Яндекса в день выборов 8 сентября

Переходы между статьями - следующая/предыдущая

Такое уже пол-года наблюдаю на крупных информационных сайтах, vedomosti.ru у нас например и др.

vds оптимизация потребления памяти

Перевез проект с шаред-хостинга на VDS и занялись с админом плотной оптимизацией работы скриптов - перед апачем был установлен ngnix для отдачи статики, добавлены индексы в MySql где их не зхатало, переписаны ресурсоемкие участки кода и так далее.

Результат на лицо:

отборные jQuery-плагины

Презентация элементов страницы:
Intro.js - http://usablica.github.io/intro.js/
Website Tour with jQuery - http://tympanus.net/Development/WebsiteTour/

Комбинация презентации и параллакс-скроллинга

Scrollpath -http://joelb.me/scrollpath/

Оценки и рейтинги 
jRaiting - http://demos.myjqueryplugins.com/jrating/

Всплывающие контролы на элементе
Toolbar.Js - http://paulkinzett.github.io/toolbar/

Отображение цветовых блоков:

Color Swatches - http://maxmackie.com/jquery.swatches/

Выбор даты, mobile-friendly
pickadate.js - http://amsul.ca/pickadate.js/

Работа с Google Maps
goMap - http://www.pittss.lv/jquery/gomap/examples.php

Подборка не претендует на полноту или свежесть, боже упаси.

Исключительно как архив и напоминалка для себя.

why twitter bootstrap breaks sharepoint design

one of the reasons i found is:

Twitter bootstrap in its CSS uses attribute filter like this:

.row-fluid [class*=span] {....}

that fit all elements with classname containing "span", while bootstrap uses only span1...span12 class names.

And this rule is is often applyed to sharepoint native dom elements like

<span class="ms-siteactions-imgspan">...</span>

Workaround is to replace all [class*=span] places for [class^=span] - this will fit all tags class="spanX" 

кнопка поделиться on-line генератор

Генераторов существует много, вот ссылки на наиболее удобные и распространенные ( = качественно работающие) из них:

Российские:

• http://www.pluso.ru/
• http://api.yandex.ru/share/

Наиболее подробная статистика и вывод информации о трендах

• http://www.addthis.com/

Давно существуют, предлагают базовые виджеты

• http://sharethis.com/
• http://www.addtoany.com/

+ Занятная статистика с одного из этих сайтов

1. Каждый 65 посетитель делится страницей с друзьями. Это 1.5% от общего количества посетителей вашего сайта. На ярких и актуальных сайтах количество лайков доходит до 10%. 
2. По ссылке из социальной сети переходят 6 человек и в среднем за сессию они просматривают по 2.1 страницы.

Which is faster: $('') vs $(''

test on jsPerf: http://jsperf.com/appendchild-vs-append-with-text/2

How to design empty state application page

Hey, there's a special tumblr accont to get an inspitation for this:

http://emptystates.tumblr.com/

html vs dthml vs xhtml differences

Source: http://milhaniqbal.com/webplatform-the-new-site-for-web-standards/140

I. The basics

HTML and XHTML are different sematics, while dHTML (DHTML) is a name of technology.Using DHTML pretends to use HTML, CSS and Javascript together to create dynamic web pages and response to what a user does on a page.

XHTML 1.0 as a standard was published in 2000. Shortly after this working group started discussions of XHTML 2.0 which is still work. See reports on w3.org

II. MIME type

XHTML has to have application/xhtml+xml, application/xml, or text/xml  type.

III. The Semantics

XHTML has stricter rules semantically as an extension of XML.

For example: 

• XHTML elements must be properly nested.
• XHTML elements must always be closed.
• XHTML elements must be in lowercase.
• XHTML documents must have one root element.
• XHTML elements must quoted attribute values

and others here on w3.org

The root element of an XHTML document must be html:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

jquery get events on element

You can get event listeners attached to a DOM element using:

$._data($(SELECTOR).get(0), "events")

before v1.9 in was also possibe by calling

$(SELECTOR).data("events")

but by no this one is deprecated.

More info on this: http://blog.jquery.com/2011/11/08/building-a-slimmer-jquery/