Какво е 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
Тагове: , , , ,

Основи на HTML 5

от Павел Иванов в HTML на 27.05.2010 с 8 коментара и 1,863 прегледа

От доста време се говори, че HTML 5 е следващата важна стъпка в уеб пространството. Все пак не можем да пренебрегнем и твърденията, че много малко сайтове го използват и плюсовете и минусите му остават до голяма степен неизследвани. Причината за това може би е, че повечето браузъри не поддържат новите структурни елементи, но по-голямата част от тях биха приели нормално всеки елемент/маркер, който създадете. Дори и IE 6 може да се справи с новите елементи, но ако искаме да прилагаме стилове чрез CSS, ще ни е нужна малко JavaScript помощ.

Единственото нещо, което трябва да имаме предвид, когато прилагаме стилове на новите елементи (тагове) е, че браузърите, за които те са неизвестни по подразбиране ги интерпретират като инлайн елементи. И тъй като повечето от новите HTML 5 елементи са от структурен характер, при всички положения ние ще искаме да се държат, като блокови елементи.

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

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

Content Switcher без JavaScript

от Павел Иванов в CSS, HTML на 09.04.2010 с 5 коментара и 633 прегледа

Наскоро, докато писах Как да си направим Slider или Carousel с jQuery си припомних как се правеше подобен Content Switcher, преди да почна да се занимавам с JavaScript. В днешно време сайт без JavaScript е почти немислим заради всичката динамика от която се нуждае потребителя. Въпреки всичко обаче все още се срещат сайтове които са чисто информативни и които в самия си front-end нямат и ред JavaScript.

И защо един такъв сайт да няма приличен Content Switcher?

Content Switcher без JavaScript

И така, нека започнем!
Както обикновено първо да напишем малко HTML. За този пример съм използвал XHTML 1.0 Strict, но вие може да използвате Transitional.

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

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

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

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

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

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

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

Как да презапишем инлайн стил

от Павел Иванов в CSS на 29.03.2010 с няма коментари и 849 прегледа

Преди да преминем към същината на статията искам с няколко реда да припомня начините за добавяне на CSS. Имаме три варианта - външен файл (external), вътрешен (internal), който седи между <head> таговете и инлайн, който се пише директно на реда на конкретния елемент (inline). Съответно всеки тип си има свой приоритет, като най-приоритетен е инлайн стила, следва го вътрешния и накрая CSS-а зареден от външен файл. Доста хора от вас знаят, че напишете ли нещо инлайн, то няма промяна от друго място, но това не е точно така. В тази статия ще поговорим за това как можем да променяме инлайн стиловете забити в HTML-a.

Налагало ли  ви се е да напишете инлайн код, който след това ви се иска на определено място да не се изпълнява? Разбира се, ако сте програмист ще кажете "Какво толкова? Това е един if и един else, но за обикновен front-end developer, пречупено през неговия поглед, това е нещо много сложно. Не се притеснявайте обаче, защото има решение на проблема. За добро или зло то не работи под Internet Explorer 6, но за сметка на това под всички останали браузъри е безпроблемно.

В следващите редове съм опитaл да дам, както решението на проблема така и прост пример за използването му.

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

  • 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
Тагове: ,

Как да си направим табове с помощта на CSS & jQuery

от Павел Иванов в CSS, HTML, Javascript на 18.03.2010 с 8 коментара и 1,757 прегледа

Дали за удобство, дали за красота или просто, защото някой иска да покаже какво може, използването на табовете е доста разпространено напоследък. В този урок ще се опитам да ви покажа един от най-лесните начини за направата на такива табове с няколко реда xHTML, CSS и малко JavaScript. Надявам се техниката да е полезна не само за начинаещи, но и за напреднали.

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

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