В тази статия ще намерите изчерпателна селекция от техники и уроци, които ще ви покажат как може да се използвате интересни и свежи свойства на така очкаваният CSS3, като прибавим към това и някои новаторски jQuery техники.

Защо и как да създадете Microsoft Office Minibar

От този урок ще научите как да създадете подобен на MS Word (2007) toolbar, който ще позволява да се извършват функции свързани с текста. Когато някой посетител селектира част от текста, изскача Minibar-а, който е поли трансперантен и излиза над селектираното поле. И изчезва когато посетителят кликне някъде другаде по полето или върху някой от бутоните по Minibar-a.

Връзка към сайта

Да правите Sleek Feed Widget с YQL, jQuery & CSS3

Тук може да научите как да направите sleek feed widget, който извлича RSS feed-овете и ще ви показва в блога вВи. Може да го настроите да показва и най-новите постове в блога ви от различни категории, най-новите stumbles, дори може да показва и последните ви постове в Twitter.

Връзка към сайта


Впечатляващ вертикален плъзгащ се панел, направен чрез jQuery и CSS3

Тук може да научите как да направите вертикален плъзгащ се панел, който ще е нещо като „drawer”(изтеглено поле), вместо обикновените хоризонтални плъзгащи се панели, които избутват всичко останало надолу, когато се отворят.

Връзка към сайта


Изчистеният CSS 3 Bokeh Effect с малка помощ от jQuery

Ефектът bokeh е доста разпространена тенденция сред дизайнерите, а с тези съвети ще научите как да създадете чистa CSS3 версия на ефекта. С малко помощ от jQuery ще може да добавяте малко разнообразие от към цветове, размери и позиция на ефекта.

Връзка към сайта


Създайте Nifty Dynamic Shadow с jQuery

Тук Daniel Kurdoghlian ще ви покаже как да пресъздадете ефекта на елегантно изглеждаща динамична сянка. В туториала може да видите всяка стъпка от създаването на ефекта.

Връзка към сайта


Създайте Multiple URL Shortener Page

Тук ще може да видите как се създава опростена страница, която ще ви показва кратки url-и създадени чрез multiple url shoterner услуга. Ще използвате HTML5, CSS3 за стила, също така и jQuery за да работите с Ajax.

Връзка към сайта


Настоящият табличен дизайн

Чрез този tutorial ще научите как да пресъздавате „секси“ табличен дизайн от Shopfly, първо във Photoshop и след това в HTML/CSS.

Връзка към сайта


Simple Ajax Commenting System

Тук ще може да научите как да създадете Simple AJAX Commenting System. Ще ви покажем как може да осъществите ефективна комуникация между jQuery и PHP/MySQL с помоща на JSO.

Връзка към сайта


Добре изглеждащ Custom Dialog Box направена с jQuery и CSS3

Този диалогов прозорец използва CSS3 ефект за сянка и CSS3 стилен бутон. Така че Chrome, Firefox и Safari няма да имат проблем с него.

Връзка към сайта


Цветна рейтингова скала създадена чрез CSS3

Като изпозлвате jQuery Color plugin Вие можете да анимирате цветове. Просто използвайте анимираните функции на jQuery за да накарате цветовете да преминават от един в друг. Когато изпозлвате тази техника, комбинирана с възможностите CSS3 Вие ще можете да създадете цветна рейтингова скала.

Връзка към сайта


Очаквайте продължение на тази статия с нови css3 и jQuery примери.