Оформление социальных кнопок в три шага

[RabbitGP]

Очень интересная идея и полезная, думаю многим она пригодится. Надо попробовать, но есть вопрос по оформлению: есть ли какие нибудь ограничения или параметры?
Спасибо за статью.

[DataArt]

Ограничений нет: структура и стили — все кастомные. Только воображение и скиллы могут вас остановить.
На Copyblogger использовано подобное, например. Другие примеры можно посмотреть на сайте плагина.

[DigitalSmile]

Написали, что JS-плагин, а на деле оказалось JQuery…

[DataArt]

Закралось. Починили, спасибо за бдительность.

[DigitalSmile]

А я все же надеялся :)
Было бы полезно мне кажется иметь виджет, без лишних зависимостей… Может кто подскажет такой, с опытом реального использования?

[kopch]

Прости за ссылку не ссылку — http://habrahabr.ru/post/156185/

[DigitalSmile]

Спасибо, попробуем.

[RabbitGP]

Интересно, с меня подписка!))) И ещё такой вопрос: как это скрипт совмести с flash сайтами, не будет ли скрипт прыгать на сайте при скроле?

[DataArt]

Не должен. Плагин только передает события, вся верстка и стили свои.

[RabbitGP]

Интересно, за что меня минусуют?

[vshemarov]

Для рунета, как ни крути, отсутствие ВК — это жирный минус

[paramtamtam]

1. Зачем привязываться по id ссылок? А если кнопок несколько на странице? В самой основе это довольно не корректно, классы — наше всё, разве нет?

2. Зачем все такм таскать jQuery, когда есть и аналоги на pure js, и свой велосипед написать — делов на полчаса (включая приоготовление и поедание бутербродов)?

3. Ради четырех иконок таскать все 585? Есть же куда более аскетичные аналоги, подумайте о трафике и целесообразности. Исключения, разумеется — проекты уже использующие fa, но ведь довольно часто примеры копипастят не задумываясь

[m0sk1t]

Ну отличные же статьи были у вас до этого, ну что вы начинаете…

[spmbt]

DataArt. Вот шаг 3, что дальше?

[prog666]

В чем плюсы использования тегов списка вместо обычных <div/>?

[paramtamtam]

Семантически вернее, и логичнее отображается при отсутствии css. Как то так

[prog666]

А если вдруг потом понадобиться добавить div внутрь этого li, что будете делать? ну в данном случае то понятно что не понадобится, но иногда бывают сложные многоуровневые меню где списками их делать просто неудобно, и я всегда хотел спросить кого-нибудь на эту тему.

[paramtamtam]

1. Если подразумевается блочная структура — делай внутри блоков (при отсутствии css будет каша).
2. Если только ссылки — делай списками (при отсутствии css всё будет хорошо).
3. Если хочешь блоки внутри списков — переопределяй свойства display, сохраняя валидность кода и получая требуемое отображение (при отсутствии css будет каша). Но перед этим пересмотри п.1 и п.2.

Надеюсь, я ответил на твой вопрос :)

[prog666]

Да, в целом я так и думал, спасибо за ответ! А насколько актуальна читаемость без css, как много осталось пользователей браузеров типа «Lynx»?

[paramtamtam]

Крайне мало, я бы назвал это хорошим тоном, который не хреново так дисциплинирует. Страница должна отображаться корректно, даже если у неё отсутствуют изображения, стили, и прочее. Т.е. «голая» верстка должна оставаться читаемой вне зависимости от внешних факторов.

[prog666]

Надо попробовать, спасибо за идею для саморазвития!

[paramtamtam]

// ошибся веткой