Как стать автором
Поиск
Написать публикацию
Обновить

Комментарии 47

Оперу обделил, ни box-shadow ни -o-box-shadow нет у стикеров :(
А box-shadow добавить нужно, потому что пляска со стандартами начинается…
Всего голосов 9: ↑6 и ↓3+3
Прошу прощения, не хотел.
Завтра поправлю.
Всего голосов 1: ↑1 и ↓0+1
Симпатично…
Комментарий пока не оценивали0
А не писать комментарии не прочитав статьи?
Всего голосов 7: ↑5 и ↓2+3
Было бы хорошо демо онлайн, а не архивом
Всего голосов 6: ↑5 и ↓1+4
В хроме есть маленькая проблема со шрифтом, при отведении курсора от стикера в соседних скачет шрифт.
Всего голосов 4: ↑3 и ↓1+2
Причем только в следующих за текущим, а предыдущие не изменяются.
Всего голосов 1: ↑1 и ↓0+1
Очень не плохо.
Всего голосов 1: ↑1 и ↓0+1
В 5-ом шаге при выборе разных стикеров — изменении их размеров прыгает шрифт во всех стикерах, в 16 хроме. То ли включается-выключается сглаживание, то ли что. В 4-ом шаге этого нету. В 1-ом ФФ кстати не прыгает так текст.
Всего голосов 3: ↑3 и ↓0+3
в 10 ФФ*
Всего голосов 1: ↑1 и ↓0+1
В девятом немного прыгает, рендер видеокартой выключен.
Меня эти прыгания не напрягают.
Всего голосов 1: ↑1 и ↓0+1
Мы так и подумали. ;)
Комментарий пока не оценивали0
Вообще, забавно, спасибо.
Мелкие придирки:
— в куске html-кода, где описано, как вставляется кастомный шрифт, кавычки чёрт-те какие
— на моём компе во время анимации края стикера покрываются лесенкой — не знаю, от чего зависит. FF 9.0.1
Всего голосов 4: ↑0 и ↓4-4
Дада очень крутая тема! Заслуживает быть на хабре!
Когда пытался сделать один сайтик, немного расширил эту тему, сделал, чтобы стикеры можно было перетаскивать и разгребать на JS. Получилась свего рода «куча бумажек», которую можно шевелить.
Посмотреть можно тут chat-up.ru/?comment=yes
как мне показалось — результат довольно интересный вышел.
Всего голосов 2: ↑2 и ↓0+2
беру бумажку 2, ложу ее на бумажку 1(то есть бумажка 1снизу), стоит щелкнуть по бумажке 3 и бумажка 1 оказывается вверху, это баг или фича?
Всего голосов 4: ↑2 и ↓20
Известный баг-супер-модная-фича :-) Не сильно тогда заморачивался с z-indexaми, они возвращаются на старые значения, когда берете другой стикер.
Всего голосов 1: ↑1 и ↓0+1
Как-то год назад, изучая js, сделал один проект, в котором стикеры являются основной функцией. Получилось что-то вроде онлайн рабочего стола с заметками и группами, что оказалось очень удобно. С тех пор каждый день пользуюсь =)
Сейчас как раз доделываю новую версию на связке jQuery + Backbone и с Yii на сервере. Возможно, напишу статью о интересных моментах.
Всего голосов 1: ↑1 и ↓0+1
Ссылку в студию! Все хотят, чтобы им тоже было удобно! :-)
Всего голосов 1: ↑1 и ↓0+1
Демо. Не хотел давать ссылку на старую версию, т.к. там фронт немного коряво написан.
Вот недели через 2 выйдет апдейт с полностью переработанной архитектурой + новый дизайн, вложенные группы, изображения, корзина…
Всего голосов 1: ↑1 и ↓0+1
Выглядит не плохо :-) Будем ждать статьи, анонса
Всего голосов 1: ↑1 и ↓0+1
Ух, не плохо так. Согласен, будем ждать от вас анонса. ;)
Комментарий пока не оценивали0
Одно плохо — такие «стикеры» на стикеры это все-таки не совсем стикеры, а обычные листочки.

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

Как-то так:
upload.wikimedia.org/wikipedia/commons/f/ff/Nonsonoincasa.png
Всего голосов 9: ↑8 и ↓1+7
большое спасибо за пример с трансформациями, многое стало ясно в моём тёмном лесу
Всего голосов 1: ↑1 и ↓0+1
Всегда пожалуйста. Рад, что помог.
Всего голосов 1: ↑1 и ↓0+1
Хидеры на повернутых стикерах выглядят не очень(пиксельная «лесенка»), а при анимации буквы «шевелятся»(едет кернинг). Но как обучение основам css вполне неплохо.
Всего голосов 3: ↑3 и ↓0+3
Chrome 16, при анимации стикера, жутко прыгают шрифты, аж глаза режет…
Всего голосов 1: ↑1 и ↓0+1
Думаю, это все временные проблемы браузеров. В некоторых одни шрифты прыгают, в некоторых — другие. Но в статье то все правильно написано. Надеюсь скоро исправится эта ситуация.
Всего голосов 1: ↑1 и ↓0+1
К статье претензий нет. Автор молодец, списабо ему за интересный, а главное полезный материал.
Всего голосов 1: ↑1 и ↓0+1
Спасибо. Всегда рад.
Насчёт шрифтов, да, печальная ситуация.
Всего голосов 1: ↑1 и ↓0+1
Стикеры должны отклеиваться и приклеиваться в другое место.
Всего голосов 2: ↑1 и ↓10
Видел именно эти стикеры еще в августе 2010 :)
Всего голосов 2: ↑1 и ↓10
НЛО прилетело и опубликовало эту надпись здесь
Они вроде как каждые два месяца публикуют топики, которые уже были. Вот в чём дело. Там же в самом начале написано. :)
Всего голосов 1: ↑1 и ↓0+1
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Спасибо. :)
Комментарий пока не оценивали0
А я по правилам катаюсь. Кто вам сказал обратное?
Комментарий пока не оценивали0
А если еще пай добавить pie то все будет здорово работать вплоть до ие6
Комментарий пока не оценивали0
Ключевое слово — «если». Тут цель была всего-лишь продемонстрировать. Для этого пригодился Google Chrome. Впрочем, в Firefox такой же результат. :)
Комментарий пока не оценивали0
К стикерам претензий нету, они супер!
Просто можно было бы избежать таких фраз в статье как:
«В остальных браузерах (читай, IE) есть шанс получить квадратный стикер жёлтого цвета без тени и анимации.» и во все объявления css где присутствуют css 3.0 правила, добавить дополнительную строчку: «behavior:url('/pathToPieFolder/PIE.htc');»
Всего голосов 1: ↑1 и ↓0+1
Вы не подумайте, это ни разу не ненависть к IE. :)
Комментарий пока не оценивали0
В семье не без «уродца», как говориться ;), но поддержку ИЕ ни кто не отменял :(, для этого великие люди сделали PIE, и облегчили жизнь в разы :)
Комментарий пока не оценивали0
Согласен. Но, лично меня, последние превью ИЕ радуют. Постепенно становится человеком. :)
Комментарий пока не оценивали0
В следующий раз так и сделаю. Спасибо за совет.
Комментарий пока не оценивали0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Показать лучшие за всё время

Истории

Ваш аккаунт

Разделы

Информация

Услуги

Техническая поддержка
© 2006–2024, Habr