Такий поширений об’єкт дизайну веб-сторінок, як бокс з округлими кутами і тінню, можна побудувати з CSS без використання зображень. Більше того, існує можливість контролювати рівень прозорості прямокутника, в той час як прозорість тексту в боксі не змінюватиметься. Використання даних атоматичних функцій значно полегшує редагування масштабу, та позбавляє від необхідності використання великої кількості зображень.
Category Archives: Веб-дизайн
Склад та спосіб виготовлення графітних олівців. Показники якості.
Графітні художні засоби здаються найпростішими у використанні. Завдячуючи широкому застосуванню, графітні олівці з’являються поряд з серветками в продуктових магазинах, на прилавках газетних кіосків, тощо. Серед великої кількості товарів на будь-якого покупця, обирати графітні художні засоби для графіки необхідно орієнтуючись на показники якості матеріалу – вміст графіту, спосіб його виготовлення, оправу.
Купуючи графітні олівці для малюнку впевніться, що обрали м’які олівці з темним стержнем, позначені HB, F, B-B9, з кедровою оправою у формі циліндра або шестикутника.
Чому м’які олівці?
Стержні графітних олівців виготовляються з глини та обпаленого графіту. Рівень м’якості або твердості стержня залежить від кількості графіту в його складі. Чим більше глини, тим твердіше олівець, світліше слід, який він залишає на папері, і навпаки. Читати далі
Інтерактивні кнопки з CSS, без використання зображень
Графічні інтерактивні кнопки, які будуть міняти властивості в залежності від дій користувача, можна створити з CSS без використання зображень. На зразок:
CSS:
a {
display: block;
width: 6.6em;
height: 1.4em;
text-align: center;
text-decoration: none;
border: 1px solid #66a300;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-image: -webkit-gradient (linear, left top, left bottom, from (#abe145), to (#67a400)); (Для створення градієнта, діє в Safari)
background-color: #8cca12;
color: #fff; Читати далі
Найкращий папір для реалістичних малюнків графітним олівцем
Малюнок починається з вибору паперу. Найкращим для реалістичного зображення графітним олівцем, з мого досвіду, є папір з гладкою фактурою гарячого пресування, виготовлений з бавовни, на зразок картону Strathmore 500 Bristol Board. Популярним, для даного медіуму, є акварельний папір гарячого пресування, як Arches Bright White.
Чому гладкий папір?
Фактура паперу створюється за допомогою волокнистого матеріалу – деревини, бавовни, текстилю, скловолокна – і способом пресування між стальними валами, для створення різних варіацій полірування – глянець, галька, верже, мушля і т.д. Читати далі
Паралакс: панорамний фон з CSS
Що таке паралакс?
Зайдіть по посиланню silverbackapp.com. Якщо ви спробуєте змінити розмір вікна браузера, зелені ліани вгорі документа будуть рухатись з різною швидкістю, створюючи панорамний еффект.
Даний метод можна викорисати для “оживлення” фону сайта – для створення еффекту дощового неба, підводного простору тощо. Більше того, для його втілення використовується лише CSS код.
Перше зображення додається до тега body Читати далі