• Makeuptor.com — мейкап для сайта


      Как часто вы хотели украсить свой сайт, например, к Новому году, но отказывались от этого, потому что это слишком сложно и скучно? И в самом деле, выбор подходящей картинки, возня с графическими редакторами и изменение html-кода не самое веселое занятие. Мы как никто знаем это, поэтому и создали удивительно простой сервис, который избавит вас от унылой рутины и позволит украсить ваш сайт в пару кликов.
      Читать дальше →
    • Золотые правила успешной кнопки

      • Перевод
      Здравствуй, дорогой хабрадруг! Сегодня существуют более тысячи способов создать кнопку; чтобы понять их сущность, вам нужно лишь потратить немного времени, просмотрев работы на сайте dribbble.com. Большинство из этих примеров очень похожи друг на друга, однако время от времени попадаются и такие кнопки, на создание которых потратили чуть больше внимания, времени и сил.



      Воспользовавшись замечательными параметрами CSS3, мы можем создать элегантые и стильные кнопки без особых усилий (учитывая старые браузеры, конечно). Создаете ли вы кнопку непосредственно в CSS или пользуетесь специальными инструментами для их создания, всегда нужно тщательно подумать о том, как ваша кнопка будет выглядеть в контексте веб-сайта.
      Читать дальше →
      • +206
      • 58,7k
      • 55
    • Создание анимированных tooltips'ов с помощью CSS3

      • Перевод
      Статьи про создание tooltips'ов уже не раз поднимались на хабре [1,2] в виду большой популярности этого элемента. Сегодня вы узнаете еще один способ как создать простые, анимированные подсказки с помощью псевдо-элементов before и after, а так же свойства transitions.

      image


      В качестве примера были сделаны иконки социальных сервисов, при наведении на которые показываются названия этих сервисов.

      Читать дальше ...