Используется CSS hover + transition.
Оранжевые шарики появляются изменяя box-shadow's на div'e с картинкой.
Текст сидит там с самого начала и появляется посредством изменения scale(0) на scale(1).
PS: У Chrome'a есть отличная функция right click + inspect element, где можно форсить hover state на элементе и смотреть что и как изменилось.
Блок схему делайте сами - https://moqups.com/
Цветовую палитру выбирайте сами - color.romanuke.com
Приводите хорошие примеры, что нравится
Приводите примеры, что не нравится
Работайте не с одним, а создавайте конкурс и работайте с победителем.
Да, вы не правы в данном случае. Использование www в печатном виде не только не моветон, а совсем наоборот — бонтон и показывает уважение к читателю. А вообще, использование www в печати не должно быть признаком хорошего или плохого тона, а должно быть правилом — пишешь адрес сайта — ставь www.
А вот иногда встречающиеся http:// — совершенно лишнее в полиграфической продукции.
С чего это вдруг www - это моветон? Да, лишние символы, да, профессионалы и без этого всё понимают. Но массовому пользователю проще понять, что это адрес сайта, если есть "www". Если откажетесь, потеряете 95% контингента.