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

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

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

  • Постоянная ссылка на Создаем адаптивное резюме при помощи HTML5/CSS3

    Создаем адаптивное резюме при помощи HTML5/CSS3

    Почти каждый в определенный момент нуждается в создании резюме. Когда работаешь фрилансером и соперничаешь за новые проекты с другими, возникает вопрос о том, как лучше всего кратко и быстро предоставить сведения о своих навыках и опыте потенциальному клиенту. Что может быть лучше, чем онлайн резюме? В данном уроке показано как построить адаптивное одностраничное резюме. Код [...]

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

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

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Создаем адаптивный веб-дизайн с использованием Media Queries

    Создаем адаптивный веб-дизайн с использованием Media Queries

    Если Вы еще не имели дела с Media Queries, сейчас самое время создать Ваш первый адаптивный дизайн веб-сайта. В этом уроке мы рассмотрим преобразование дизайна темы WordPress в адаптивную верстку, принимая во внимание исходную сетчатую структуру дизайна. Надеемся, урок окажется вам полезен.

    Далее... 3 Комментариев »
  • Постоянная ссылка на Слайдер на CSS3 с эффектом параллакса

    Слайдер на CSS3 с эффектом параллакса

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

    Далее... 7 Комментариев »
  • Постоянная ссылка на Как создать адаптивную навигацию

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

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Полезные jQuery плагины

    Полезные jQuery плагины

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

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

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

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

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

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

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

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

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

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

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

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