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

• 

  Создаем стильное плоское меню при помощи CSS

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

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

  Как создать адаптивную навигацию

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

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

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

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

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

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

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

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

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

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

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

  Галерея с css3-переходами

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

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

  Hover-эффекты в виде подписей

  Сегодня мы рассмотрим, как создавать простые, но стильный эффекты, которые появятся при наведении на изображения в виде подписей. Идея заключается в том, что мы будем использовать сетку с изображениями, при наведении на которые появится подпись названия и автора, а также кнопка ссылки. Для некоторых эффектов будем использовать 3d-трансформации. Наша цель — использовать тонкие эффекты, которые при этом [...]

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

  Adobe исследует будущее адаптивных макетов

  National Geographic начали сотрудничество с  Adobe и предоставили контент, с которым компания Adobe произвела некоторые эксперименты и ввела инновации по созданию цифрового макета. Проект назван «Лесной великан» ( "Forest Giant"), с помощью этого макета компания Adobe продемонстрировала, какой контент смогут видеть перед собой посетители сайтов в ближайшем будущем.

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

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

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

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