урок верстка - Страница 12

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

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

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

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

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

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

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

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

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

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

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