.Илиев – TechBlog

ShiftZoom е инструмент за динамично увеличаване на изображения. Използването му е опростено до минимум. <script src="shiftzoom.js" type="text/javascript"></script>
в главата и onload към картинките с които ще работим. - > <img onLoad="shiftzoom.add(this);" . Is that simple Поддържа всички основни браузери Mozilla Firefox 1.5+, Opera 9+, IE 6+ и Safari. Недостатък е, че увеличаването става с 2 клика.

Плъгин за JS библиотеката jQuery, чрез който много лесно може да се добавят горещи клавиши в някои проект. Добавянето на комбинация става с един ред. $.hotkeys.add(’Ctrl+а‘, function(){ alert(’Hello’);});

Страницата на плъгина
Демо

Вече когато някои влезе в този блог с IE6 се появява съобщение приканващо го към http://savethedevelopers.com/ от където му се предлага да свали Safari, Firefox, IE7 или Опера. Много ще се радвам ако поне един се спаси от напастта IE6. Скоро видях още няколко подобни инициативи. Но основно всичките пирканват към Лисицата. Лошо няма, но трябва да има избор

Трябва да има такъв сайт и на български. Само дано остане време.

Regular Expression /BETA/

Кратко описание на регулярните изрази. С времето ще допълвам някои неща.

„^abc“ всеки низ започващ с „abc“
„abc$“ всеки низ завършващ на „abc“
„^abc$“ низ започващ и завършващ с „abc“. Това може да е единствено abc.
„abc“ низ съдържащ „abc“
„ab*“ низ съдържащ “a” последвано от нула или повече “b” (“a”, “ab”, “abbb”)
„ab+“ низ съдържащ “a” последвано от поне едно “b” (“ab”, “abbb”)
„ab?“ низ съдържащ “a” в който може да има, но може и да няма “b”
„a?b+$“ възможно “a” последвано от поне едно „b” и то е поседна буква
„ab{2}“ низ съдържащ “a” последвано от 2 “b” (“abb”);
„ab{2,}“ има поне 2 “b” след “a” (“abb”, “abbbb”);
„ab{3,5}“ “a” последвано от 3 до 5 “b” (“abbb”, “abbbb”, или “abbbbb”).

Забележка: Винаги трябва да се посочи първото число от обхвата (Да – “{0,2}”, Не – “{,2}”). Също може да сте забелязали, че символите ‘*’, ‘+’, и ‘?’ имат същия ефект като “{0,}”, “{1,}”, и “{0,1}”.

“a(bc)*” низ съдържащ “a” последвано от нула или повече “bc”
„a(bc){1,5}“ един до пет пъти „bc.“
„hi|hello“ низ съдържащ или „hi“ или „hello“
„(b|cd)ef“ низ съдържащ или „bef“ или „cdef“;
„(a|b)*c“ може да има “a” или “b”, но трябва да завършва на “c”
Точката (’.') значи който и да е символ.
„a.[0-9]“ “a” последвано от който и да е символ и цифра
„^.{3}$“ низ с точно 3 символа.

Квадратните скоби показват кои символи са допустима на дадено място.“[ab]“ низ който има или “a” или “b”.

„[a-d]“ =“[abcd]“ низ съдържащ който и да е малко буква от a до d
„^[a-zA-Z]“ низ започващ с буква
„[0-9]%“ низ с една цифра последвана от знак за процент
„,[a-zA-Z0-9]$“ низ завършващ със запетая, последвана от буква или цифра

Може и да се посочи кои символи да НЕ присъстват като се постави на първо място “^” в средни скоби.

„[^a-zA-Z]%“ символ който не е буква последван от знак за процент
„[^@]“ низ НЕ съдържащ символа @
„[A-Z]“ само главни букви
„[A-Za-z0-9]“ букви и цифри
„[!"#$%&'()*+,-./:;<=>?@[\]_`{|}~]“ специални знаци
„[A-Fa-f0-9]“ шестнадесетичен код

Използване на връзки

<([A-Z][A-Z0-9]*)b[^>]*>.*?</1>

В този пример търсим за html тагове. Използваме 1 вместо да преписваме маската ([A-Z][A-Z0-9]*) . За да разберем номера на връзката просто броим от ляво на дясно отворените средни скодби „(“. Връзките може да се използват и по следния начин: ([1-9])%1%1. Изразът ще търси стринг отговарящ на 1%5%8% или подобен.

Предварително дефинирани връзки

d = [0-9]
D = [^0-9]
s = празено място
S = няма празно място
w = [a-zA-Z0-9_].
W = [^a-zA-Z0-9_].

Примери

/[0-9]+/ – Пасва на числа от 0 до безкрайност

Допълнително информация и история @wiki
Библиотека с примери http://regexlib.com/
Тестер на регулярни изрази Свали Екран
Онлайн тестер

При регистрация в някой сайт всеки се е сблъсквал с проблема ‘username taken’. Проблемът тук не в това, че името е заето, а в това, че разбирам за това след като съм попълнил всички изисквани полета. И когато бъда върнат да избера друго име, то трябва заедно с него да попълня наново цялата друга информация. Решението на проблема не е сложно, а и има доста готови и безплатни продукти за целта. Един AJAX скрипт просто трябва да проверява още при попълването дали името е свободно и ще се спести тази ‘разходка’ на така ценният потребител.

Скоро гледах много хубава презентация точно за тези usability issues. А тук има още материали по темата. На мен ми бяха много полезни, а и се надявам някои друг да има полза от тях.

Снощи беше организирана лекция от Netage на тема „Проектиране на уеб приложения за голямо натоварване“. Пристигнах с прилично закъснение и лекцията отдавна беше започнала. Много хора не бяха успяли да влезнат в залата, която просто не беше предвидена за толкова … ентусиасти . Някак си се намърдах да погледам и послушам. Темата ми беше много интересна. Лошо впечатление ми направиха някои хора с коментарите си ‘смешна лекция’ заради проблемът със залата. Доста усилия са вложени в организацията и според мен от Netage заслужават единствено похвала. Винаги има рискове дали ще има достатъчен интерес и т.н. Другият път просто ще си имат едно на ум . Аз съм доволен, че отидох и се радвам, че се предвиждат още подобни мероприятия.

Презентацията + малко видео материал.

След доста напрегнати времена най-после остана време и за stargame (grr трябва ми име). Преправих няколко модула, включително началната страница. Мисля да заложа повечко на динамичността, като все пак си има click&wait. Иначе казано доста редове Ajax и кафета минаха през мен .

Не е като да съм без работа, покрай всичките драфтове в този блог и stargame и учението… Ах все близки до сърцето неща. Просто се замислих за онова чувство когато туко що си пуснал някои сайт и нетърпеливо дебнеш статистиките за посетители. Нямам търпение пак да го усетя.

Стана 1 месец от започването на проекта SpaceBridge( това е кодовото название, все още се колебая за оригиналното име). Немалка част от играта е готова, но и има още много. Започнах да правя и нещо което би трябвало да бъде графиката на играта ще видим какво ще стане с нея.