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

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

Архив рубрики ‘css’

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

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

    В этом уроке мы хотим показать, как создать милый эффект подсвечивающихся блоков, используя только CSS. Основная задача — создать уменьшенные изображения, после нажатия на которые открывалось бы соответствующее полноразмерное изображение. Используя переходы CSS и анимацию, мы можем заставить полноразмерное изображение появляться необычным образом.

    Далее... Нет комментариев »
  • Постоянная ссылка на Создание плоских «хлебных крошек» с использованием CSS

    Создание плоских «хлебных крошек» с использованием CSS

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

    Далее... 3 Комментариев »
  • Постоянная ссылка на Эффект дождя на стекле при помощи HTML и CSS

    Эффект дождя на стекле при помощи HTML и CSS

    В этом уроке мы научимся создавать эффект капель дождя на стекле, используя CSS. Урок очень прост, однако результат вам наверняка понравится. Для выполнения туториала вам понадобятся базовые знания CSS и совсем немного jQuery.

    Далее... 6 Комментариев »
  • Постоянная ссылка на Создание необычного выезжающего меню с использованием jQuery

    Создание необычного выезжающего меню с использованием jQuery

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Складывающиеся информационные блоки при помощи jQuery и CSS3

    Складывающиеся информационные блоки при помощи jQuery и CSS3

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Создание изображения HAL 9000 c использованием только CSS

    Создание изображения HAL 9000 c использованием только CSS

    Этот урок по созданию изображения HAL 9000 покажет вам, какие широкие возможности предоставляет современный CSS и как вы можете использовать эти методы в своей работе. HAL 9000 — это вымышленный компьютер из цикла произведений «Космическая одиссея» Артура Кларка. HAL 9000 также может быть отличной кнопкой уведомлений для веб-приложений. В этом уроке мы расскажем, как создать HAL 9000 [...]

    Далее... 2 Комментариев »
  • Постоянная ссылка на Плагины jQuery в вашу коллекцию

    Плагины jQuery в вашу коллекцию

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

    Далее... 3 Комментариев »
  • Постоянная ссылка на Выделение и просмотр изображений с использованием jQuery

    Выделение и просмотр изображений с использованием jQuery

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Создание вытягиваемого бокового меню для веб-сайта

    Создание вытягиваемого бокового меню для веб-сайта

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

    Далее... 33 Комментариев »

Страница 30 из 42« Первая...1020282930313240...Последняя »