Какво е Friday Code?

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

Динамично добавяне на HTML елементи с jQuery

от Павел Иванов в Javascript на 12.08.2010 с 2 коментара и 457 прегледа

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

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

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

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

Как да си направим jQuery plugin

от Павел Иванов в Javascript на 27.07.2010 с няма коментари и 561 прегледа

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

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

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

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

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

от Павел Иванов в Javascript на 12.07.2010 с 4 коментара и 1,380 прегледа

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

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

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

Направете си набързо Tooltip с jQuery

от Георги Калайджиев в Javascript на 12.05.2010 с 2 коментара и 649 прегледа

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

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

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

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

По-удобна навигация с jQuery

от Георги Калайджиев в Javascript на 29.04.2010 с 2 коментара и 491 прегледа

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

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

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

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

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

Пълна :hover поддръжка в Internet Explorer 6

от Георги Калайджиев в Javascript на 22.04.2010 с 1 коментар и 386 прегледа

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

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

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

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

Dialog Box с jQuery

от Георги Калайджиев в Javascript на 15.04.2010 с 2 коментара и 612 прегледа

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

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

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

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

jQuery - полезни съвети (част 2)

от Павел Иванов в Javascript на 01.04.2010 с няма коментари и 957 прегледа

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

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

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

Как да си направим Slider или Carousel с jQuery

от Павел Иванов в Javascript на 24.03.2010 с 2 коментара и 1,513 прегледа

От доста дълго време Гошето (Георги Калайджиев) ме кара да седна и да напиша урок за такъв слайдър и ето че той вече е факт. Разбира се има много подобни слайдъри или carousels (въртележки) в мрежата, но рядко се среща нещо, което да ти свърши работа на 100% и хем да е удобно, хем да е малко като код и т.н. Надявам се сами се досещате, че това не е най-великият скрипт, но със сигурност ще свърши работа на някой от вас.

Как да си направим Slider или Carousel с jQuery

Надявам се всичко надолу да е ясно, но ако имате въпроси не се притеснявайте да питате.

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

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

jQuery - полезни съвети (част 1)

от Павел Иванов в Javascript на 22.03.2010 с няма коментари и 1,050 прегледа

JQuery е лекa cross-browser JavaScript библиотека, която набляга на взаимодействието между JavaScript и HTML.

Именно това изречение ме накара да обърна по-специално внимание на jQuery. Тъй като съм front-end developer, който не разбираше нищо от програмиране, често ми се налагаше да решавам дребни проблеми изцяло с HTML и CSS, както и доста често орязвах функционалността на даден проект, тъй като всяка дребна манипулация на HTML-а беше свързана с висенето при някой колега Developer, който решаваше тези проблеми или с лекота (заради добре написан HTML и CSS от мен), или с големи мъки (не добре написан HTML било то от мен или от самия него в стремежа си да не ме занимава излишно). За първи път имах възможността да се сблъскам с jQuery преди около две години, когато кръстосвайки интернет на длъж и на шир, попаднах на интересни jQuery скриптове, които ми направиха добро впечатление. Въпреки, че ми хареса още от пръв поглед не му обърнах голямо внимание и остана някъде в моите bookmarks. Преди около половин година в една петъчна вечер докато висях пред компютъра реших, че е време за крачка към нещо различно от HTML и CSS. Сетих се за jQuery, зачетох се и толкова ми допадна, че цяла вечер се мъчих да пиша скриптове и се възхищавах на простотата и яснотата с която правиш елементарни DOM манипулации. И така чак до неделя сутринта когато просто имах нужда да сънувам малко код и няколко скрипта, които ще ви покажа в някои от следващите статии.

jQuery Advice

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

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