HTML5 Canvas

Елементът canvas, за който ще говорим днес, е част от навлизащия HTML5 и рано или късно масовата му употреба ще стане факт. С днешния урок ще се опитам да ви въведа в основите му, за да разберете всъщност колко универсален може да бъде той. Честно казано заявката за тази статия дойде от нашия редовен читател Digital и се надявам тя да оправдае очакванията му.

Какво представлява canvas на практика? Думата в директен превод от английски означава "платно", "платно за рисуване". Само по себе си платното е място, на което художникът вдъхва живот на идеите си, като единственото ограничение е фантазията. Платно може да бъде всичко - лист хартия, стена, улица или екранът ви на Photoshop. В случая платното е HTML5 елемент, който ви оставя свободата да изпълните белите му пространства с вашите идеи. Повярвайте, ще успеете да реализирате повечето от тях, тъй като canvas притежава богато API и все пак главното му предназначение е да рисува. По-надолу ще дам няколко основни примера, за да се запознаете по-добре с възможностите му.

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

  • Facebook
  • Twitter

Създаването на конкурентоспособни уеб базирани приложения в днешно време означава да се създаде нещо, което потребителят може да контролира сам. Едно от тези неща е динамичното добавяне и премахване на елементи. В примера днес ще разгледаме една базова формичка за добавяне на потребители. Тя изисква да се попълват полета с различна информация, както е показано на картинката.

Често срещан проблем, с който се сблъскваме при подобни ситуации е, че не знаем от колко полета има нужда потребителят, който използва нашето приложение. В такива случаи го караме да изброи параметрите, които иска в едно поле и да ги раздели със запетаи или други символи. Дори понякога се опитваме да прогнозираме колко е максималният брой неща, които той може да въведе и създаваме определен брой полета. Както се досещате това са доста примитивни методи. В тази статия ще ви покажа как с малко jQuery може да направите малко по-лесен живота на потребителите.

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

  • Facebook
  • Twitter
Тагове:

Ако намирате използването на jQuery за удобно, лесно и практично, тогава със сигурност сте готови да направите свой собствен плъгин. Както става ясно от предните статии за jQuery (jQuery за начинаещи, jQuery - полезни съвети част 1 и част 2) това е много удобна JavaScript библиотека. Тя предлага механизъм за добавяне на методите и функциите, пакетирани като плъгин. Сигурно се питате защо да превръщам част от простия код в плъгин. Най-добрата причина е възможността да се поддържа един код лесно и да се използва в различни проекти.

След няколко часа размисли реших примерът с който ще си отговорим на въпроса "Как да си направим jQuery плъгин?" да бъде простичък Tooltip.

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

  • Facebook
  • Twitter

jQuery за начинаещи

На всички ни е ясно, че на неописуемо голямата интернет сцена нещата от край време се развиват светкавично бързо. Разбира се, това води и до постоянното развитие на хората, които стоят зад всичко това - дизайнери, девелъпъри, администратори и т.н. Но за да вървиш ръка за ръка със света около теб, трябва да се следят последните тенденции в технолгиите. В конкретния пример ние ще се фокусираме върху моментното състояние на една от най-популярните JavaScript библотеки - jQuery.

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

  • Facebook
  • Twitter

Както се вижда от заглавието днес ще се опитам да ви ударя едно рамо в създаването на приличен tooltip с няколко реда код. В духа на FridayCode урокът е простичък, но приложим на доста места, така че се надявам да бъде полезен на повече хора.

Тъй като материята, за която ще поговорим днес има някои особености, аз си позволих да направя два примера, с които да ви илюстрирам по-добре какво имам предвид.

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

  • Facebook
  • Twitter
Тагове: ,

Ако не съм ви го казвал досега - обичам простичките неща. Защо? Защото, колкото по-просто е направено дадено нещо, то вероятността да се развали/счупи/спре да работи е по-малка. Другата причина е, че обикновено сложните неща са съставени от прости, т.е. за да схванете логиката трябва да се почне от А и Б. Днешният урок е типичен пример за това как с един наглед простичък метод, може да се постигне доста приятен краен резултат.

Както всички добре знаем, без HTML нищо от това, което четете в момена няма да бъде реалност. Всичко от най-семплия до най-препълнения с модерни технологии сайт е зависимо от HTML. "Бащата" на езика, британският физик Тим Бърнърс-Лий, днес е директор на консорциума W3C. По времето, когато е работил в ЦЕРН той е получил задача да улесни работата на своите колеги, като измисли по-лесен начин за достъп и обработка на информацията от провеждащите се научни изследвания. Един вид трябвало им страхотна документация, за да извличат максимума от работата си. Така се ражда и HTML, който първоначално имал доста ограничени възможности, но заради лесната употреба и възможността да бъде четен от множество потребители той свършил прекрасна работа.

И след този кратък урок по история предполагам вече сте се досетили, че днес ще си говорим за това как да направим една документация, една книга или защо не един цял сайт по-удобен за навигиране.

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

  • Facebook
  • Twitter

В залеза на своето съществуване, Internet Explorer 6 (IE6) все още държи позиции и гордо върви редом до едни от най-популярните браузъри в момента. Краят му не е дошъл още и вероятно това ще стане с излизането на IE9 и следващия Windows. Дотогава обаче, колкото и да го мразим, трябва малко или много да се съобразяваме с него. Това ще бъде един от малкото уроци, посветени изцяло на проблем под IE6, така че може би хората, които зависят от този браузър ще наострят уши.

Всички знаете, че IE6 поддържа псевдо-класа :hover само на <a> елемент, което в доста от случаите е проблем, защото орязва не само визията, но понякога и ползваемостта. Точно за това нашата задача е да намерим най-простото решение.

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

  • Facebook
  • Twitter

Dialog Box с jQuery

В днешния урок ще си поговорим за това как бързо и лесно посредством jQuery да създадем приятнo изглеждаща кутийка, носеща послание до потребителите или иначе казано Dialog Box/Message Box/Modal Box. Не го обвързвам с име, защото по принцип могат да му се намерят много приложения.

За самия урок съм избрал варианта, в който ползваме кутийката като предупреждение за възрастта, т.е. подходяща е за сайтове със съдържание за възрастни. Вие може да решите да я ползвате за нещо съвсем друго, като например банер, логин и т.н.

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

  • Facebook
  • Twitter

Това е втора част на статията "jQuery - полезни съвети". Ако случайно сте пропуснали първата, може да я  намерите тук. Сега следват още пет нови съвета, които се надявам да ви бъдат полезни. Наслаждавайте се!

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

  • Facebook
  • Twitter
Тагове: ,
  • Страница 1 от 2
  • 1
  • 2
  • >