В днешния, на пръв поглед лесен урок, ще разгледаме техника, от която все още доста хора се боят (и с право). Обикновено причината за това са лошите отношения между CSS3 и IE x.x заедно с нестихващата му популярност. Но всички знаем, че с навлизането на CSS3 стана модерно повечето елементи в дизайна да са облички, независимо дали има нужда. В такъв случай как би се вписала ръбата таблица във вашия "гладък" дизайн? Неееее... абсурд, няма да се излагаме я. За това със следващите редове ще разгледаме един от вариантите за заобляне на ъглите й.

В случая аз съм избрал варианта, в който ползваме само CSS и никакъв JS. Той ни предоставя доста добър резултат под всички браузъри, с изключение на IE. Там таблицата ще изглежда съвсем стандартно, но като се има предвид, че вероятно сте ползвали CSS3 и на други елементи в дизайна ви, то това едва ли би било проблем. Универсално решение е използването на JS, като например jQuery Corner плъгина или нещо собственоръчно написано. Естествено не това е целта на урока, напротив - както винаги ние ще се опитаме да направим нещата по най-лесния начин и по-важното - ще вземем поука за какво още би ни била полезна тази техника. Приятно четене!

научи повече...

  • Facebook
  • Twitter

В наши дни всичко се развива със скорост еквивалентна на тази, с която 5-годишно хлапе разлиства първия си "Плейбой". В това число имам предвид естествено и уеб технологиите. Докато преди няколко месеца или максимум година CSS3 беше мит за повечето от нас, то в наши дни новият стандарт навлиза сериозно в употреба, естествено с леки въздръжки. Всеки професионалист, който пише CSS, би трябвало винаги да е в крак с новостите, за да улеснява това живота му. Точно за това прецених, че за аудиторията ни ще бъде полезно да прочетете нещо за CSS3 на нашите страници. Въпросното "нещо" реших да бъде небезизвестната таб-навигация, защото се среща на доста места и може да намери голямо приложение.

В този урок се опитах да внедря не една, а няколко интересни CSS3 глезотийки, които няма да ви спестят код, но ще елиминират нуждата, както от картинки, така и от javascript за по-обикновените ефекти. Общо взето ще научите как да направите заоблени ъгли, как да сложите сянка на елемент, как да направите градиент и гвоздеят на програмата - как да анимирате. Приятно четене!

научи повече...

  • Facebook
  • Twitter