Публикации

Показват се публикации с етикета css

Подгответе се за HTTP/2: Упътване за уеб дизайнери и девелопъри!

Изображение
Протоколът за трансфер на хипертекст (HTTP) е този, който управлява връзката между вашият сървър и браузърите, които използват вашите посетители. За първи път от 1999 г. излиза нова версия на този протокол, като промените обещават далеч по-бързи уебсайтове за всички.  В тази статия ще вникнем в основите на HTTP/2, които се прилагат от уеб дизайнери и девелопъри. Ще изясним някои от ключовите характеристики на новият протокол, ще погледнем към съвместимостта между браузър и сървър, и детайлно ще обсъдим нещата, върху които трябва да помислите, за да се адаптирате постепенно към HTTP/2. Прочитайки този материал, вие ще разберете в бъдеще какво е нужно да промените в начинът ви на работа. Целта ни е, да осигурим достатъчно информация, за да можете да вземете правилни решения, планирайки своята следващата стъпка свързана с HTTP/2. 
Кратка история на HTTP
HTTP е стар протокол, чийто инициали са дефинирани през 1991, като последната главна редакция – HTTP/1.1 е публикувана през 1999г. Уеб с…

Уеб сайт на ГАЛЕРИЯ ДЕГА

Вече имате възможност и през интернет да се насладите на изкуството, представено в галерия Дега!
Богата галерия от картини и произведения на изкуството, Ви дават възможност да се докоснете макар и виртуално до творчеството на известни български творци, а за ценителите на иконописа има предвиден и отделен раздел!
Сайтът е изключително гъвкав и разнообразен, съдържа информация за всеки автор, излагал картините си в галерията, изложените творби и стила му на работа!
Чрез този информационен модул се дава възможност на всички заинтересовани читатели да се влеят в атмосферата на галерията, още при първоначалното посещение на сайта. Именно към този ефект се стремим от екипа на Web fusion- нашите клиенти да грабнат и завладеят крайния клиент още в самото начало.
Собственичката на галерия Дега с удоволствие приветства новия сайт и начина, по който ние също като творци вложихме идеите и труда си! Ние с удоволствие можем да заявим, че това е поредния проект, с който се гордеем, който ни прави макар…

CSS Sprite - по-бързо, по-лесно, по-удобно!

Изображение
Въведение Всеки съвременен уеб сайт, в по-голяма или по-малка степен, използва изображения за изграждането на графичният си интерфейс. Дори значително разширилите се възможности на CSS стиловете (CSS3) в повечето случаи не достигат за изграждането на красив, модерен и удобен интерфейс, каквъто е необходимо да предлага всеки уебсайт целящ популярност и висока използваемост. Няма уеб разработчик който да не познава процеса: проектиране -> рисуване на дизайн -> нарязване (слайсване) -> създаване на HTML и CSS, и програмиране. Точно създаването на т.нар. "HTML скелет" и описването на стиловите характеристики, е момента в който идва ред на интегрирането на вече "изрязаните" графични елементи, тяхното позициониране, придаване на определена функционалност и т.н. Тук е и мястото на героят на тази статия - CSS sprite.

Що е то sprite? Sprite-ът не представлява нищо повече от колекция от всички елементи на графичния интерфейс на дадено приложение, събрани в едно изо…

Черно-бели картинки с CSS филтър

Изображение
Искате да създадете черно-бял ефект на изображенията във вашият сайт? 
Оставете настрана photoshop-а, този път няма да ви е необходим. Няма да ви трябват и сложни, ресурсоемки скриптове. Благодарение на CSS3, в браузърите които го поддържат това е постижимо само с CSS, за другите ще ни свърши работа един прост SVG филтър.

Ето го и самият клас:

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

Статията е изготвена Николай Иванов, водещ програмист в уеб дизайн студио: Web Fusion

PIE - CSS3 декорации в Internet Explorer

Изображение
CSS3 декорациите улесняват значително живота на всеки уеб дизайнер. Вече не са необходими изображения за създаване на заоблени контури на елементите, за създаване на drop shadow ефекти и т.н.

Звучи страхотно нали? За потребителите на модерните уеб браузъри, всъщност това е 100% истина. Когато става въпрос за Internet Explorer обаче, нещата стоят малко по-различно. По-старите версии на IE (6,7,8) не поддържат CSS3, въпреки че някои от тях се "пръкнаха" след официалното му появяване и поддръжка в конкурентните браузъри. Тук на помощ идва CSS3 PIE - polyfill за рендиране на CSS3 декорации в Internet Explorer. Много полезен инструмент, който е задължителен за всички разработчици стремящи се да постигнат максимална идентичност на визалното представяне на техните уеб сайтове, във всички браузъри. Хвърлете му едно око :)

http://css3pie.com/