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

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

Записи, помеченные ‘урок css’

  • Постоянная ссылка на Создание целевой страницы для веб-сайта StartupGiraffe

    Создание целевой страницы для веб-сайта StartupGiraffe

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Поворачивающийся рекламный щит с использованием только CSS

    Поворачивающийся рекламный щит с использованием только CSS

    Сегодня мы будем создавать рекламный щит, используя исключительно CSS. Обратите внимание, этот пример тестировался только в браузере Safari на компьютере Mac и в браузере Safari для системы IOS на iPhone. Ниже вы увидите демонстративное видео, на случай, если у вас нет этих браузеров.

    Далее... Нет комментариев »
  • Постоянная ссылка на Создание логотипа IBM Lotusphere с использованием CSS3

    Создание логотипа IBM Lotusphere с использованием CSS3

    Некоторое время назад автор урока посетил страницу конференции IBM Lotusphere. Он сразу обратил внимание на красивый логотип. Хотя дизайн логотипа простой и минималистичный, он очень хорошо выглядит. Сегодня мы создадим этот логотип, используя только HTML и CSS. Основной секрет этого эффекта — использование свойств border-radius и overflow:hidden. Мы создали две версии. Первая версия использует дополнительные элементы HTML, [...]

    Далее... Нет комментариев »
  • Постоянная ссылка на Создание подсвечивающихся блоков с использованием 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 Комментариев »
  • Постоянная ссылка на Плагины jQuery в вашу коллекцию

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

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

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

Страница 39 из 43« Первая...1020303738394041...Последняя »