Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Записи, помеченные ‘css3’

  • Постоянная ссылка на Создание выезжающих блоков связанных сообщений с помощью jQuery и CSS3

    Создание выезжающих блоков связанных сообщений с помощью jQuery и CSS3

    Многие задаются вопросом, как показать посетителям больше своих работ. Обычно старые сообщения в блоге забываются, и даже если что-то все еще интересно и актуально, оно теряется в куче нового. Мы создадим небольшое приложение, которое может использоваться, чтобы показать связанные сообщения на каждой странице.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Бесплатные «аккордеон»-меню с помощью HTML5 и CSS3

    Бесплатные «аккордеон»-меню с помощью HTML5 и CSS3

    HTML — популярный язык, используемый для строительства веб-страниц и другой информации, которая может быть показана в web-браузере. HTML 5 является последним достижением. С другой стороны, CSS — язык, который используется для того, чтобы описать семантику представления на веб-сайтах, это язык разметки стилей; HTML и XML были наиболее используемыми языками. CSS разъединяет содержание самого документа и его представления, включая элементы [...]

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создаем стильную кнопку, используя только CSS3

    Создаем стильную кнопку, используя только CSS3

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Создание простой галереи изображений Lightbox на jQuery

    Создание простой галереи изображений Lightbox на jQuery

    Есть ряд вопросов, которые нужно рассмотреть, когда Вы создаете свою тему WordPress. Один из таких элементов страницы – динамическая галерея изображений, использующая или ligthbox, или какую-то скользящую панель. Оба этих пользовательских интерфейса изящно вплетаются в содержание статьи. Так как они оба работают на типичных вебсайтах, удобно иметь под рукой код, готовый к использованию в любых темах оформления блога.

    Далее... 7 Комментариев »
  • Постоянная ссылка на 20 CSS-уроков для адаптивного веб-дизайна

    20 CSS-уроков для адаптивного веб-дизайна

    Сегодняшняя подборка уроков для CSS посвящена адаптивному веб-дизайну. Как самому сделать так, чтобы ваш сайт отображался корректно на любом экране? Вы наверняка найдете ответ ниже. Вас ждут уроки для начинающих и продвинутых кодеров. Вы научитесь создавать адаптивный сайт, а также его отдельные элементы.

    Далее... 8 Комментариев »
  • Постоянная ссылка на Создание CSS3 исчезающих окон уведомления

    Создание CSS3 исчезающих окон уведомления

    Современные технологии в области веб-дизайна позволяют быстро внедрить анимацию, поддерживаемую большинством браузеров. Я думаю, что предупреждающие сообщения выглядят банально, потому что стандартное JavaScript сообщение довольно навязчиво и с точки зрения дизайна бедно. Это привело разработчиков к поиску лучших решений, ведущих к более дружелюбному интерфейсу.

    Далее... 4 Комментариев »
  • Постоянная ссылка на Создание коммерческих веб-элементов средствами css3

    Создание коммерческих веб-элементов средствами css3

    Сегодня мы будем создавать коммерческие элементы, которые используются практически на каждом сайте. В уроке рассмотрены основные принципы верстки и он отлично подойдет для новичков. На создание такой странички у вас уйдет не больше часа. Давайте приступим.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создаем адаптивный css-таймлайн c 3d эффектом

    Создаем адаптивный css-таймлайн c 3d эффектом

     В этом уроке будем экспериментировать с перспективой и, используя input  - «radio», создавать таймлайн структуру, используя чистый CSS. Идея будет заключаться в том, что при нажатии на соответствующем пункте «radio», контент будет немного расширятся и преобразовываться в 3D-подобную структуру. Мы будем использовать 3D-трансформации и переходы, а также сестринские селекторы.  

    Далее... 4 Комментариев »
  • Постоянная ссылка на Адаптивное Retina-меню

    Адаптивное Retina-меню

    Сегодня мы будем создавать яркое меню для Retina-дисплеев. В зависимости от размера окна браузера меню будет автоматически изменять раскладку. Это десктопная версия — обычное расположение меню, двухколоночное меню для планшетов и мобильная версия со скрытой навигацией. Чтобы адаптировать меню под retina-дисплеи и избежать пикселизации при изменении размеров, мы будем использовать шрифты-иконки. Также обратите внимание, что некоторые эффекты работают [...]

    Далее... 1 Комментарий »