Тей, тей…тръгнало е на картинки значи, а ? Е, време е да ви разкрия малко вътрешна статистика.

Вярно, че коментарите не са кой знае колко, но все пак числото 137 както знаем е много специално.

Нещото, което много време се очакваше беше електронното записване на малчугани в детските градини. Тогава аз писах, Жоро направи серия от постове, озаглавени Сирма и детските градини…а и още много, много хора писаха. Реално погледнато това си беше издънка на Сирма, наистина. Но като се сетя, че снощи бях да пия бира с Емуто в After Art (бившото “Мачу Пичку”) и офиса на Сирма беше точно до тоалетните на кръчмата…може да си представите какво означава сериозност. А самата издънка стана и заради това, че Windows сървърите не издържаха на “напрежението”. Кофти тръпка, а ?

Седмица-две преди да навърша пълнолетие бях решил да направя нещо полезно. Да сигнализирам за фишинг в онзи прекрасен сайт cybercrime.bg. Сами може би се се сещате, че това нещо НЕ РАБОТИ. Или поне тогава. Тогава отразих този проблем. Разбира се – половин година по-късно го отстраниха…май. Но веднага стана ясно, че са си наели някое хлапе да им направи сайта. Та просто то се е осрало с една Contact форма. Тъпо. Издънка. ГДБОП, НСБОП, МВР и всички други интересни институции винаги са били некадърни.

Почти когато Май месец привършваше – нещо понамириса на мърша. Този път от ПИБ (Първа Инвестиционна Банка). Имаше слухове, че ще фалира, тъкмо започваше и икономическата криза. Интересно беше да гледам паниката на хората. Тогава ПИБ почнаха да правят и рекламите с Бербатов и какво ли още не. Дори си направиха официален блог, който още тогава разбрах, че е дефектен и ментеризиран. Тъй и писах. За щастие /тяхно/ – послушаха ме за permlink структурата. От там нататък…че съдържанието, което генерират е плачевно – плачевно е. Никога няма да съм пациент на ПИБ.

А като по-горе споменах за разни институции със странни акроними /или абервиатури/ -нека припомня, че избомбиха много брутално сайта на ВКС (Върховен Касационен Съд). И тогава много се смях. Некадърници…кой ги кара да си правят Windows сървъри ?! Да не би мирно седяло…нали ?

Тъй като ми е ден на уеб издънки – най-голямата издънка за тази година (поне за мен) беше пускането на Data.BG 2.0. Мисля, че за точно тях няма да пиша, защото много уважавам хората, които направиха дизайна и съответно написаха кода за Data.bg. Друг е въпроса, че хората от дейта са нямали достатъчно сили да спазят сроковете. Нека да са живи и здрави…и да правят повече импресии.

Дано новата…2009 да ни поднесе още повече гафове.

Наздраве!

Весели празници! И 99 бутилки бира!

Приятно празнуване и не забравяйте да изпиете поне 0011000100110000 бири в името на празника

Поздрави, www4u.org

1. http://oggin.net/ 67 Errors ,30 warnings found!
2. http://nb.niichavo.org/ – Passed Validion!
3. http://kaka-cuuka.com/ 219 Errors ,3 warnings found!
4. http://www.bogomil.info/ 19 Errors found!
5. http://opensource-bulgaria.org/ 16 Errors found!
6. http://yovko.net/ – Passed Validion!
7. http://blog.peio.org/ 96 Errors found!
8. http://eenk.com/ 51 Errors ,62 warnings found!
9. http://dzver.com/blog 72 Errors ,9 warnings found!
10. http://www.novavizia.com/ 111 Errors ,5 warnings found!
11. http://velqn.com/ 32 Errors ,3 warnings found!
12. http://ivanbedrov.blogspot.com/ 624 Errors ,348 warnings found!
13. http://www.alabala.org/ 103 Errors ,21 warnings found!
14. http://e-vestnik.bg/ 27 Errors ,9 warnings found!
15. http://dockera.com/ 36 Errors ,3 warnings found!
16. http://komitata.blogspot.com/ 1 Errors ,2 warnings found!
17. http://nabludatel.blogspot.com/ 465 Errors ,328 warnings found!
18. http://silvermountain.wordpress.com/ 96 Errors found!
19. http://gorichka.bg/ – Passed Validion!
20. http://asktisho.wordpress.com/ – Passed Validion!
21. http://missby.wordpress.com/ 22 Errors found!
22. http://nellyo.wordpress.com/ 41 Errors found!
23. http://lydblog.wordpress.com/ 71 Errors found!
24. http://www.toshkov.info/ 5 Errors ,1 warnings found!
25. http://www.ayanev.com/ 56 Errors ,21 warnings found!
26. http://lachezar.net/ 69 Errors ,4 warnings found!
27. http://internetreklama.com/ 153 Errors ,98 warnings found!
28. http://georgi.unixsol.org/diary – Passed Validion!
29. http://eneya.wordpress.com/ 19 Errors found!
30. http://blog.svejo.net/ 294 Errors ,255 warnings found!
31. http://bloodys.com/ 36 Errors ,4 warnings found!
32. http://yasen.lindeas.com/ – Passed Validion!
33. http://openlyfeminist.blogspot.com/ 421 Errors ,127 warnings found!
34. http://smiling.webreality.org/blog 2 Errors found!
35. http://ikonomika.org/ 98 Errors ,5 warnings found!
36. http://delian.blogspot.com/ 1225 Errors ,554 warnings found!
37. http://www.devstorming.com/ 80 Errors found!
38. http://psabev.blogspot.com/ 769 Errors ,573 warnings found!
39. http://www.decocentric.com/ 35 Errors found!
40. http://ganspace.blogspot.com/ 541 Errors ,292 warnings found!
41. http://www.struvasi.com/ 26 Errors found!
42. http://www.gatchev.info/blog 8 Errors found!
43. http://interactive-share.com/ Failed Validation
44. http://blog.thedezine.com/pro 53 Errors ,2 warnings found!
45. http://www.optimiced.com/bg 4 Errors found!
46. http://dni.li/ 1 Errors found!
47. http://www.kldn.net/ 5 Errors found!
48. http://radankanev.blogspot.com/ 513 Errors ,293 warnings found!
49. http://www.ivostankov.net/ 30 Errors found!
50. http://kreativen.com/ 48 Errors found!

Крайната равносметка: От TOP 50 само 6 са с напълно валиден код, като един от тях(Йовко) има 1 warning, но все пак си е валиден.

За да ви обясня по-нагледно, ще прибягна до следния сценарии. Правите си страхотен дизайн. Стилен, изчистен, без излишни мигащи глупости и т.н. Решавате, че за да бъде напълно изчистен, ще оставите фона на страницата бял. Добра идея, но това не го указвате, защото той по дефолт си е бял…ГРЕШКА!

И тази грешка е продиктувана от недефиниране на елементи, които смятате, че са си така както ги искате по подразбиране(a.k.a default). Е да, ама не. Тази грешка се забелязва например при хора, които използват тъмни теми на компютрите си. Било то тема за Windows, GTK+ или QT3/4 теми за GNU/Linux и т.н.

Защото, ако в останалите случаи на всеки потребител му се визуализира бял фон, то на тази малка група от потребители с тъмни теми, ще се визуализира изключително лошо. nplus ми предостави и един screenshot от tyxo.bg

Неприятна гледка нали? И всичко това просто заради мързел да драснем два реда в css файла ни. Не си струва! Дефинирайки фона се улеснява и потребителския браузър, което от своя страна е по-добре както за вас така и за посетителите ви. Когато даден обект не е дефиниран стилово, браузърът започва да го рендира както си знае операционната система, според стила й.

За да избегнете такива глупави последствия просто поставете следния ред някъде из .css файла си:

html, body { background: #FFFFFF; }

И целият проблем е решен! Дефинирайте стилово всеки използван обект в страницата си! Надявам се да ви е била полезна тази статия.

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

Повечето дизайнери/програмисти смятат, че ако то ще се използва в истинските му размери, т.е. няма да бъде преоразмерявано, няма нужда да му се укажат стойностите на широчина(width) и височина(height). И действително, дори да не ги укажете, всичко се визуализира нормално и Вие решавате “щом работи, няма нужда да се указват”. Е да, ама не.

При зареждането на страницата, ако не са указани размери на изображението, то браузърът по подразбиране задава размери 10×10 и поставя останалите елементи от страница, докато се зареди изображението. В не един и два случая обаче, размерите на изображението се оказват други, те се поправят, и елементите трябва да се пренаредят. Това бави зареждането на страницата, а ние далеч не желаем това.

Ясно е, че е неудобно всеки път, да проверяваме какъв е размера на изображението, което включваме в дадена странца. Защо да не автоматизираме този процес? За целта написах един прост клас scf4u(SimpleClassFunctions4you), с две функции. Ще използвам този клас, като дописвам и други такива функции, които ще видите в следващите статии.

Сега към кода на първата функция:

/**
	 * @desctiption: Simple php function that calculates image's 
	 * width and height. The first parameter is contains 
	 * Image File URL, the second is for image border, and the last 
	 * defines image's alt. 
	 * @based: Based on Hack #9 from PHP Hacks by Jack D(O'Reilly)
	 * @created: 17 May 2008
	 **/
	public function img0($file, $border, $alt){
 
		$clean = array();
		$clean['alt'] = htmlentities($alt, ENT_QUOTES, 'UTF-8');
		if(ctype_digit($border)){
			$clean['border'] = $border;
		}
		else{
			$clean['border'] = 0;
		}
 
		list($width, $height) = getimagesize($file);
		echo( "<img src=\"{$file}\" 
				style=\" width: {$width}; height :{$height};\" 
				border=\"{$clean['border']}\" 
				alt=\"{$clean['alt']}\" 
		/>");
	}

С простата функция img0() задавате пътя до изображенето, рамката, която искате да му приложите и разбира се описанието му(alt). Функцията, започва със създаването на празен масив, в който ще съхраняваме филтрираните данни. С помощта на htmlentities() заместваме всякакви символи, които биха могли да се изпълнят от браузъра с техните HTML заместители. Чрез getimagesize() се определят размерите на изображението и се описват в края на функцията.

Разбира се, често ни се налага и да преоразмеряваме изображенията, които ще използваме в странциата си. Най-добре е това да се прави предварително, за да не се налага потребителският браузър да го прави, но все пак се налага понякога. Ето и функция, идентична като горепосочената, но с два параметъра за широчина(width) и височина(height):

/**
	 * @desctiption: Simple php function. The first parameter is contains 
	 * Image File URL, the second is for image border, and the last 
	 * defines image's alt. 
	 * @based: Based on Hack #9 from PHP Hacks by Jack D(O'Reilly)
	 * @created: 17 May 2008
	 **/
	public function img1($file, $border, $alt, $width, $height){
 
		$clean = array();
		$clean['alt'] = htmlentities($alt, ENT_QUOTES, 'UTF-8');
 
		$nums = array();
		if(!ctype_digit($border) ? $num['border'] = $border : $num['border'] = 0);
		if(!ctype_digit($width) ? $num['width'] = $height : $num['width'] = 0);
		if(!ctype_digit($height) ? $num['height'] = $height : $num['height'] = 0);
 
 
		list($width, $height) = getimagesize($file);
		echo( "<img src=\"{$file}\" 
 
				style=\" width: {$num['width']}; height :{$num['height']};\" 
				border=\"{$num['border']}\" 
				alt=\"{$clean['alt']}\" 
		/>");
	}

Обединявам двете функции в един клас – scf4u(SimpleClassFunctions4you). Ще има следващи прости, но полезни функции, които ще дописвам в него. В следващата статия мисля, да засегна хеширането на стрингове, но приемам и идеи.

Държа да отбележа, че идеята за тези функции, дойде от книгата “PHP Хакове” – O’Reilly. В книгата е указано, че при използване на съвсем малки части от кода, то те не претендират за собственост върху тях и дори не е задължително да бъдат указани като източник, все пак държа да го отбележа.

Можете да свалите класа от тук:
[Download scf4u - tar.bz2 (11.4KB)]
[Download scf4u - rar        (12.5KB)]

Класът се разпространява под GNU General Public License version 3 или по-нова

Преди доста време време помолих Sunaryo Hadi да ми шерне темата си от блога. И вече тотално я бях отписал. А предишната ме дразнеше изключително много. Да ама преди месец получавам писмо от него с линк за даунлоад – пуснал я вече официално в блога си за теглене. Благородно от негова страна. Темата носи името InBiz.

Интересно ми е дали и на Вас ви харесва, точно колкото на мене, защото nplus не остана ентусиазиран.

И в петък на локалния си я сложих. Импортнах инфото от там. Валидирах я. Държа да отбележа, че е доста добре написана, имаше само две грешки в клетката за таговете. И днес викам ще я пускам. Кофтито е, че имаме проблеми със Svejo плугина и докато се оправят не може дори да се провери валидацията на този и на личният ми блог. Но и това сега е в процес на изправяне

И какво да видя? Нов WordPress Еми….хайде и нов wordpress.

Та ето ни сега: Нова тема, Нов WordPress, старите мързеливи келеши!

Да си призная, никога не съм харесвал JavaScript. Идеята на AJAX, като краен резултат е приятна, но никога не съм се интересувал от писането на такъв код и като цяло дали заради IE и непоносимостта ми къде него, или заради това, че отежнява страниците, или…. бе така или иначе никога не съм го харесвал.

Все повече обаче ми се налага да пиша на js и да се достигат добри резултати. Неприятно, но web се развива, трябва и ние с него. Та по този начин попаднах на JavaScript 2.0

Джереми Мартин в своя блог, много добре е разяснил идеята на “новия” js. Обяснено е за класовете, константите, ! оператора, namespaces и т.н.

- Web 2.0, Meet JavaScript 2.0 – jMar’s Blog