Манджа с грозде #7: Pixlr, 960 Grid System и Star Wars Weather!

Pixlr – факт е, че всички софтуери са просто инструмент в ръцете на художника и той би се справял чудесно и без тях или поне без ултра-модерните им възможности. Ето защо съм абсолютно против всяка година водещите производители да пускат същите си пакети с едно-две подобрения, но под друго име, придружени с яка маркетингова кампания. Причината е, че тези ъпгрейди струват адски много пари, а нормалния потребител в повечето случаи не може да си го позволи, с което се подтиква пиратството.

Pixlr

Казвам ви всичко това, защото в целия басейн пълен с водорасли, тук-там виждаме някоя рибка, а още по-рядко се случва тя да е златна. Всеки докоснал се до Pixlr мисля, че е намерил златната рибка, защото това е един великолепен клонинг на Photoshop, който е напълно безплатен и се ползва в уеб среда. Има си всички необходими инструменти – четки, гуми, шейпове, селекции, кропове, клонинг тулове и т.н. Освен това си поддръжа Layers, Filters… има си History и още куп гъзарийки, които са ви нужни за пълноценна работа. Премахнати са стотици безмислени неща, от които нямате нужда, защото както вече казах много хора са доказали, че могат да нарисуват истински шедьоври на най-семплите софтуери. Pixlr не е от най-простите, но ви предлага всичко, от което имате нужда без излишни глезотии.

Сега си представете, че сте на почивка в Бора Бора и лежите на яхтата си, последните слънчеви лъчи се спускат по тялото ви, а две знойни красавици ви привикват в каютата. Мда, тогава изобщо не ви трябва Pixlr, така че го за*ете. Но представете си, че навън е минус двадесет, гоните последния автобус, за да се приберете по коледните празници при семейството, нарамили сте 5 чанти и бягате прегърбен към гишето. Когато идва вашият ред, чупите замръзналия си сопол и бъркайки в джоба, за да извадите синята банкнота, усещате вибрацията и впоследствие мелодията на служебния GSM. След като вдигате, благият глас на шефа ви се откроява на фона на бясна чалга и ви съобщава, че има работа на живот и смърт. Трябва да оправите две картинки за сайта, който сте пуснали миналия вторник. И докато си лафите приятно, автобусът потегля, а вие оставате с пръст в ръка (?!). Тогава не ви остава нищо друго освен да седнете, да отворите лаптопа си, да се преборите с wi-fi мрежата и с помощта на Pixlr и няколко мейла да оправите нещата. Но лирическото отклонение стана прекалено дълго и само ми остава да се надявам да сте разбрали какво малко бижу е Pixlr. Ако имате нужда от онлайн безплатен графичен редактор – Pixlr е за вас.

960 Grid System – тук дизайнерите ще ме разберат… 960 си е най-популярната грид система, която позволява на този, който я ползва да направи набързо един лейаут на Photoshop или пък CSS темплейт. Както сами се досещате, този фреймуърк ползва 960px размер, като отправна точка, тъй като лесно се дели на 2 и освен това пасва дори на по-старите, но все още масови резолюции от типа на 1024х768.

Ако решите да си помогнете с 960 при рисуването, т.е. да драскате върху предварително „разграфен“ файл, то може да свалите работните файлове за софтуери от типа на Photoshop, Fireworks, InDesign, Illustrator, Visio, Inkscape и др. Независимо кой софтуер изберете, ще имате на разположение 3 файла за сваляне – темплейт с 12, 16 и 24 колони. Според броя на колоните всяка има различна ширина и разстояние около нея. Така с един готов шаблон може да надраскате бързо и лесно лейаут на любимия софтуер. С XHTML/CSS е малко по-сложно, поне докато свикнете. Там е необходимо да кръщавате класове и ID-та по определен начин, да сложите необходимия CSS файл и тогава да започнете да пишете своя HTML. Пускам и един добър туториъл дело на NETTUTS, с пример за това как може да напишете набързо един CSS лейаут.

Честно казано поне аз в моята работа не намирам големите плюсове, които всички описват. Харесва ми идеята, че системите от този тип се опитват да стандартизират донякъде нещата, както го прави и W3, но някак не виждам особен смисъл в това да си изгубя 20 минути, за да направя хедър, три колони и футър, само да разбера, че мога да го направя лесно и сравнително бързо. Защо ми е това? Всеки дизайнер, който е правил това нещо в продължение на няколко месеца вече има в главата си скрийншот на това какво представлява базовия лейаут и би му отнело много по-малко време да го нарисува ако трябва да се покаже някъде, отколкото да пише код. Освен това ако случайно след първоначалния CSS драфт решите да продължите с рязането, но заедно с това искате да прикриете очевидното използване на фреймуърка, то трябва да преименувате доста код. Изобщо мисля, че плюсове от типа на бързина, чист код, браузър-съвместимост, малък размер на CSS кода и пр. са си изсмукани от пръстите и всеки малко по-опитен дизайнер би си направил нещо подобно за лична употреба. Все пак аз препоръчвам да му хвърлите едно око, защото може и да ви допадне. Повечето статии, които четох за него го препоръчват за по-напреднали, но според мен би помогнал и на начинаещите донякъде, ако се зачетат внимателно. Съветът ми е, че каквото и да правите с него, не свиквайте!

Star Wars Weather – едно забавно линкче за феновете на култовата поредица. Ако сте се чудили какво е времето навън, но в Star Wars-style, то сега лесно ще разберете. Единственото, което трябва да направите е да въведете името на града, а ако сте на някое забутано място използвайте геолокатора. Ще видите съобщения от типа IT’S LIKE HOTH OUT THERE или IT’S LIKE YAVIN 4 OUT THERE, придружени с култов „съвет“ от типа „You may have to climb inside a tauntaun for warmth“. Абе, яката работа…

Hoth

Манджа с грозде #6: Mockingbird, DobaviGo и IE6IFY!

MockingbirdПредставете си някоя от следните ситуации. Вие сте дизайнер, на който е дадена задача от друг отдел. Разбира се всеки има собствено виждане за нещата и е почти сигурно, че задачата ще ви бъде поднесена с някакво подобие на скица. Доста често се случва тази скица да бъде например на летящ лист хартия, на който е драскано стотици пъти, за да се докара крайният резултат. Ефектът на улеснение е нулев за вас, дори се получава обратното. Друг случай – дадена ви задача, в която вие сте първият, който ще скицира (отново честа практика). Разбира се в началото е трудно да подредите всичко в главата си, така че ще е по-добре да си нахвърляте някои неща. За предпочитане е на лист хартия, тъй като е доста бързо, но представете си, че ви се наложи да направите 20 скици, т.е. постоянно драскане, прерисуване… не си е работа. Сега си представете трета случка – нарисували сте дизайна, но искате да покажете на някой програмист кое с кое е навързано, цялата последователност или като цяло да изтествате usability-то на среща с целия екип.

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

Mockingbird in action

Всъщност Mockingbird изглежда като десктоп приложение и работата с него е елементарна. На разположение имате повечето популярни уеб елементи (текст, линк, бутон, дропдаун, навигация, списъци, картинки, видео плейъри и т.н.), които може да местите из екрана посредством drag-and-drop. Може да създавате страници, които да пълните с тези елементи. След като се регистрирате, което става за около минута, ще имате възможност да съхранявате своите проекти или да ги споделяте директно със свои приятели или колеги. Освен да разпратите линк, имате възможност да експортнете проекта в PDF или PNG за презентация, например. Като добри попадения можем да отличим функциите align, group, ungroup, undo, redo и др.

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

DobaviGo – това е първият български бутон за споделяне. В момента работя по едно малко проектче, за което ми беше нужно нещо подобно. Намирах какво ли не, но не и нещо, което поддържа българските мрежи за споделяне, а и трудната модификация на останалите ме отказа. Ето че попаднах на DobaviGo и съм щастлив. Засега не намерих кусури освен леко грозноватия вид на бутона и бавните заявки до сайта, но това са поправими „дефекти“.

IE6ify – това сладко инструментче е поредната гавра с Internet Explorer 6. Работи много лесно. От вас се иска просто да завлечете гъзарийката в bookmark toolbar-a, да отворите даден сайт и да започнете да цъкате върху нея. Ефектът е потресаващ и гарантиран!

ЕС отсече – без Internet Explorer в Windows!

Die IE, die!След близо 10-годишна битка и над 1.5 млрд. евро глоби Microsoft прие споразумение, което зарадва цял свят. То гласи, че при инсталация на Windows nа потребителя ще се предоставя възможност да избира какъв браузър да ползва. Ще бъдат включени всички популярни браузъри (Firefox, Opera, Safari, Chrome), но също така и Internet Explorer, за щастие версия 8. Опциите пред потребителя ще са да инсталира допълнителен браузър или изцяло да смени IE с някой от посочените. Екранът ще се казва простичко Choice Screen и ще се интегрира Windows XP, Windows Vista и Windows 7.

Поне за мен това е началото на нова ера… началото на един по-добър свят, свят без IE 6. Ясно е, че няма да стане изведнъж, но определено процентът на ползващите архаичното създание на MS ще намалее драстично, особено като се има предвид, че все повече хора мигрират на нови операционни системи. За тези, които се чудят защо мразя (както и милиони уеб разработчици по света) Internet Explorer 6. Причината е, че това е браузър без правила. За него не съществуват такива или ако има то са в друга реалност, паралелна на нашата. Точно за това, че е интегриран с най-популярната OS на Microsoft – Windows XP, го прави и най-ползван, въпреки, че е по-стар от света. И тъй като това произведение няма и понятие от модерните технологии, мнозина се ограничават в ползването и развитието им, защото, както писах в една браузърска статия преди време – всичко опира до пари. Бизнесът се върти около масата потребители обикновено, а те горките все още ползват IE 6. Общо взето днес си е наистина исторически ден, тъй като най-накрая ще можем да погледнем в бъдещето на уеб технологиите. Да се надяваме само всички бразузъри оттук насетне да вървят горе-долу на едно ниво, тъй като първо е по-добре да има конкуренция и второ няма да имаме втори идиотски бразузър, като IE 6. Остава ми да пожелая на всички приятен бразуз и безавариен дебъг!

Lockerz – безплатната мания!

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

Какво представлява Lockerz? Ами в момента сайтът не е напълно функционален, като две от секциите му (може би основните) не работят. Доколкото разбрах обаче основната идея на авторите е да създадат нов тип къмюнити, в което на потребителя ще се предлага възможност само чрез посещение на сайта да печели страхотни награди.

Lockerz

Какво ще рече това? В момента имате няколко работещи секции, в които може да следите новините по сайта, да поканите приятели или да отговаряте на ежедневните въпроси. Всичко това обаче ви носи точки, които впоследствие може да преобразувате в продукти, които да вземете напълно безплатно. Всеки регистрирал се получава по 2 точки на ден при влизане в сайта. При самата регистрация имате мини-игра, която също ви дава точки. При отговаряне на въпроса на деня, като за начало получавате по 2 точки, а след като станете Z-LIST член (раздадете всичките си покани) до 10 точки. При покана на приятел получавате също по 2 точки, а впоследствие мисля, че и повече. Освен това като раздадете всички покани точките започват да се удвояват. Така например след регистрация имате 30 точки и след покана на 20 приятеля (20х2=40) общо 70 точки. Ако влизате следващите 10 дена и отговаряте на даден въпрос, то със сигурност имате още 80 точки, което прави общо 150 точки. За да добиете по-ясна представа кое каква стойност има, ето няколко примерни продукта – оригинална игра 150 точки, PSP 3000 + игра 200 точки, цифров фотоапарат 500 точки, XBOX 360/PS3 – 675/625 точки, MacBook 1000 точки, iMac 21.5″ – 3500 точки и дори мотопед Piaggo Fly 150 срещу 7500 точки (интересно как се доставя). Има около 500 налични продукта, така че не липсва разнообразие.  Важно е да се отбележи, че не можете по всяко време да си „продавате“ точките, а това става на определени периоди (през месец доколкото прочетох) и то в ограничени количества, така че тук се иска и малко късмет. Но не губете кураж, идва нов тираж! Т.е. точките ви не се губят, така че може да опитате на следващото „раздаване“. Все пак гледайте това да не продължи 1 година, тъй като тогава ще изгубите всичко. Из YouTube се появиха множество филмчета, които показват как от Lockerz са направили щастливи доста хора. Бедни дечурлига от Индия, като невидели разкъсват със бели зъбки кашончета, а отвътре изскачат обикновено MacBook-ци или конзоли, придружени от игри. Естествено YouTube не е много сигурен начин да се представи информация, но засега е единствения. Аз мисля, че всичко е напълно реално, тъй като си личи, че има заложен маркетинов нюх в цялата работа. Убеден съм, че след време инвестициите им ще се възвърнат в пъти, тъй като в сайта освен всички тези безплатни разигравки ще се продават и продукти на нормални или по-ниски цени. Това ще е един от предстоящите „фийчъри“, а другото, което се чака са игрите, филмчетата и музиката, но какво точно ще се случва с тях никой не знае. Знае се само, че интеракцията с тях ще носи още точки.

Сега обаче спирам преди да заспите от безкрайно писане. Предполагам имате въпроси и предполагам те са следните:

Какво печелят те от цялата работа? Някъде мернах, че зад всичко стои и мацка – бишвата CEO на Amazon, така че не пада от Марс това е сигурно. Лично аз очаквам някоя друга рекламка по сайта, както и класическите вече реклами преди или след видеото/музиката/игрите. Това плюс добрите продажби (надявам се, ако поддържат прилични цени) би трябвало да покрива разходите по тези безплатни раздавания.

Пращат ли до България? Ами да, пращат, но не ясно дали е безплатно или това ще ви струва 20 точки. Поне аз не намерих информация, а само догадвания за предните две.

Защо по дяволите сайта е толкова бавен? Предполагам, защото адската изгода тегли целия свят натам, създавайки мини-армия от зомбита, които надървени от кеф ще си купят (може би) нещо с истински пари. А и колкото повече – толкова повече беше казала една мъдра мечка.

И за финал един типично български въпрос! Има ли начин да се менти? Ами съдейки по филмчетата отново в YouTube – има. Сега колко е истина е друг въпрос. Прегледах десетки варианти и много от тях не ставаха (може би преди са работели, но сега грешките са изчистени). Други пък показваха просто смехотворни начини явно с цел да си популяризират канала в YouTube или просто да се гъбаркат с хората. Трети пък може би са си изчерпали приятелите и си търсят поредния потребител, на който да пратят покана. Четвърти в своите unboxing клипчета споменаваха, че даден продукт е получен точно чрез чийтване на точки. Моят съвет е да прескочите всички тея щуротии и да имате малко търпение, тъй като и по съвсем легален начин може да получите това, което искате. Ако чийтите има шанс да изядете бан и да не получите нищо, да ви пратят на електрическия стол, да отидете в Ада или да ви се взриви „крадения“ PS3, докато играте.

Ами това е краткото представяне, така че който иска покана просто да въведе валиден мейл в посоченото поле!

Манджа с грозде #5: Typetester, Kuler и Elfyourself!

Реших, че ще е доста по-удобно ако в заглавието на поредицата ми „Манджа с грозде“ слагам и имената на продуктите, за които пиша. Все пак, когато броят им стане 100 ще е много трудно за ориентация без някакъв знак в заглавието, така че край на умуванетo ми от първия пост. Но стига толкова приказки – напред към днешната тройка.

Typetester Typetester – Typetester е невероятно удобен инструмент за работа с шрифтове в уеб. Преди време бях попадал на него, но ето, че скоро отново се засякохме и реших да му отдам вниманието си в блога. Какво е уникалното на продукта? На разположение имате три колони с текст, стилизиран в най-различни варианти (от Bold, през Uppercase Italic, та чак до Small Caps Bold Italic). Общо взето се обхваща всеки един възможен вариант. След това във всяка една от трите колони може да изберете различен шрифт, като автора за улеснение ги е групирал в Safe, Windows Default, Mac Default и Windows Vista. Но това не е всичко – имате възможност да изберете и шрифт от собствения си компютър, за да видите как изглежда той в браузър и после евентуално с @font-face да го използвате някъде. Освен това имате дузина настройки на разположение – font-size, line-height, letter-spacing, word-spacing, color, text-decoration и пр. Така например може да сравните как биха изглеждали Arial, Tahoma и Verdana на вашия сайт, тъй като добре знаем, че браузърите освен помежду си, възпроизвеждат шрифтовете по различен начин и в сравнение с Photoshop, Fireworks и подобни. Накрая когато сте готови с избора си има чудна опцийка, която генерира настройките в CSS код. Има още доста неща за разглеждане, но ще оставя удоволствието на вас. Сигурен съм, че този инструмент ще е полезен на доста хора, не само на дизайнери.

Kuler – безплатен инструмент за цветови схеми от Adobe. По принцип не съм особен фен на този род софтуер, но ползвам от време на време когато забия. Разбира се, нямаше как да прескоча отрочето на Adobe. На пръв поглед Kuler има малко стряскащ и разхвърлян интерфейс, но след 5 минути работа нещата си идват на мястото. На потребителя е предоставен огромен набор от теми (над 15,000), които могат да бъдар сортирани по популярност, рейтинг, дата на публикуване и т.н. Директно от сайта може да си направите и собствена тема, като самият инструмент е много мощен. Имате и избор да вземете цветове от снимка във Flickr или да качите такава от собствения ви компютър. Продуктът не е нов, но като цяло браво на Adobe, че продължават да пускат безплатни решения и то старателно направени.

ElfYourself - С наближаването на коледните празници желанието за работа намалява, а усещането на домашния уют расте, макар че в тези невиждани за сезона жеги все още ни е трудно да се настроим за коледно празненство. Няма проблем, защото ElfYourself ще ви помогне! ElfYourself се появи в мрежата преди години и предизвика истински фурор. Тогава всеки можеше да прикачи собствена снимка към лицето на танцуващ на забавна коледна песен елф. Беше супер! Логично продуктът се сдоби с екстри и сега може да имате до 5 елфа (5 снимки, като може да избирате дали ще качвате от компютъра си или от Facebook), които да изпълняват 5 различни танца, кръстени Hip Hop, Singing, Disco, Classic и Country. Enjoy!

Манджа с грозде #4: Intype, Browserlab и Grooveshark!

IntypeIntype – In type we trust. Не случайно това е слогана на тримата мускетари, разработващи този чудесен редактор на код. Intype е едно малко бързо, леко, сладурско и зелено едиторче, за което ме просветли един приятел преди няколко години. Проблемът му е само един – авторите са прекалено заети с ходенето по жени и проектът върви адски бавно… не, аааааааааадски бавно. Intype е в alpha статус и в момента стабилната версия е 0.3.1.547, а нестабилната е 0.3.1.734, но кажи-речи това са версии от година насам. Дано бетата излезе преди 2012 поне да видя заслужавало ли си е. Ако си затворим очите пред това обаче, то налице имаме един много приличен редактор с голямо бъдеще. Сигурно някои от вас вече се питат какво го отличава от останалите за момента – ами две неща, които са навързани – Bundles + Snippets. Ще се спра само на тях, тъй като останалото е почти идентично с всички средностатистически редактори. Bundles представляват пакетите с езици (PHP, JavaScript, C, Ruby, HTML, CSS и т.н.), а Snippets са бързите клавишни комбинации, с които изписваме определен код на конкретния език. Така например ако искаме да пишем на HTML – избираме езика. След това ни трябва дългия и досаден DOCTYPE – не е нужно да копираме отнякъде, а просто трябва да напишем doctype и да натиснем tab. Същото можем да направим и за <head> и за каквото още се сетите. Огромният плюс е, че сами може да създавате snippets и така например когато напишете html и натиснете tab да се изписва и doctype и head и styles и meta и изобщо един хедър на html документ… за 2 секунди! Записах и едно кратко филмче със Screenr, за който вече писах, за да покажа нагледно силата му.

прочети още »

Многоезичните домейни са вече реалност

ICANNДобра новина – днес ICANN одобри официално използването на многоезични домейни, така че да може българи, китайци, занзибарци и тасманийци да си имат домейни на собствен език. Всяка държава може да кандидатства за одобрение след 16 ноември 2009 и ако всичко е наред, то тя ще има правото да има адреси на собствен език още от средата на следващата година.

Лоша новина – как ли ще накараш бай ти Роман от Магадан да изпише жоро.ме/блог :D?