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

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

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

  • Постоянная ссылка на Фоновые узоры в виде чешуи и шестиугольников с использованием SVG

    Фоновые узоры в виде чешуи и шестиугольников с использованием SVG

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Использование истинных цветов при печати веб-страниц

    Использование истинных цветов при печати веб-страниц

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание таблицы с возможностью удаления строк

    Создание таблицы с возможностью удаления строк

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование расположений CSS: значение «фиксированное»

    Использование расположений CSS: значение «фиксированное»

    Таким же образом, как свойство background-attachment: fixed (фиксированное расположение фона) действует на фоновые изображения, position: fixed (фиксированное расположение) действует на элементы: оно позволяет элементу закрепиться на своем положении относительно веб-страницы, в то время как остальное содержимое будет проматываться мимо него. Обычно это свойство применяется к содержащим элементам, наиболее часто к шапкам и подвалам. Как и в случае [...]

    Далее... 1 Комментарий »
  • Постоянная ссылка на Ограничения анимации CSS

    Ограничения анимации CSS

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Использование значения по умолчанию CSS для сброса настроек

    Использование значения по умолчанию CSS для сброса настроек

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Использование селектора атрибута

    Использование селектора атрибута

    Селекторы атрибутов — еще одна область CSS, которая исторически недооценивается и недостаточно используется, частично из-за отсутствия поддержки в ранних версиях браузера Internet Explorer. Хотя селекторы, о которым мы расскажем в этом уроке, поддерживаются во всех современных и многих устаревших версиях браузеров, включая браузер Internet Explorer от версии 7.

    Далее... Нет комментариев »
  • Постоянная ссылка на Использование расположений CSS: недооцененное значение «относительное»

    Использование расположений CSS: недооцененное значение «относительное»

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

    Далее... 7 Комментариев »
  • Постоянная ссылка на Создание рекурсивного дизайна SVG, часть вторая

    Создание рекурсивного дизайна SVG, часть вторая

    В предыдущем уроке о создании рекурсивного дизайна SVG мы показали, как создать рекурсивное изображение, используя единственный элемент. Этот урок более сложный, в нем мы покажем, как создать узоры со ссылками на вложенные группы.

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

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