уеб дизайн

FB проблем с like box

Става дума за проблем с интегриран like box в уеб сайт. И по-точно за това как like box-a в един момент спира да работи и връща грешка “Could not retrieve id for the specified page. Please verify correct href was passed in.”. Самото съобщение за грешка си казва, че нещо с URL-то не е в ред, но как така след като до вчера всичко си работеше нормално и никои не е пипал по сайта? FB непрекъснато си ъпгрейдват сайта и това понякога води до частичен лаг, както и до трайно спиране на някои скриптове, както стана в този случай. Смятах, че ще се оправи след час, два, ден, но не би – остана си така и реших да порова малко и да видя как да го фиксна.

URL-то изглежаше нещо подобно – http://www.facebook.com/pages/ИМЕТО_НА_FB_СТРАНИЦАТА/199451814346727965?sk=wall

Не намерих инфо в нета, не че и търсих много, но след като URL-то не беше в ред започнах да пробвам варианти. Сложих едно S на http за да стане secure – не помогна. Следващото, което ми хрумна е да махна това “?sk=wall” накрая на URL-то. Оказа се, че това е проблема – скрипта заработи отново :).

Firefox 4 е тук

Не помня колко месеца минаха откакто се заговори активно за Firefox 4. От тогава се изписа и доста, както и се появиха не малко бета версии и един RC. Всичкото това писане и за различните версии предхождащи версия 4.0 събужда едно очакване, което днес достигна пика си – преди часове излезна финалната версия на Firefox 4.

Интерфейсът е значително преработен, по-минималистичен, оптимизиран JavaScript енджин JaegerMonkey, поддръжка на WebGL както и разбира се подобрена поддръжка на HTML5 и CSS3. Изкефи ме вградената възможност за намаляне на табовете до размера на favicona (pin/unpin tab), която до сега се постигаше с различни плъгини. След първо тестване бих казал, че е бърз, изчистен и лек.

Може да си ъпдейтнете FF през официалния сайт. Дори и да се появят някакви бъгове в последната минута, те ще се фикснат автоматично след следващия ъпдейт.

WebM – характеристика и перспективи

В началото на октомври Google подгряха Войната на форматите с нов формат за изображения – WebP. Съвсем логично няколко месеца по-късно идва и новината за нов и иновативен видео формат, който ще се бори с H.264 кодека. Приликите между новия медиен формат WebM и WebP не се изчерпват само със сходните имена. WebM също като WebP компресира с VP8, а за аудио компресия използва Vorbis.

Предимства на VP8 и в частност WebM?

webmVP8 е технология, която прилага високоефективна компресия на видео и звук. Ако се наложи сред конкурентите, WebM прочети повече…

WebP – характеристика и перспективи

webpWebP е сравнително нов формат, представен от Google преди няколко месеца, като производно на VP8 с RIFF базиран контайнер. Форматът е Open Source базиран, а създателите му са на мнение, че може да намали с повече от 1/3 обема на графичните изображения в нета без видима промяна в качеството. Според статистиката 60-70 % от информацията, която се обменя при разглеждане на произволен сайт е в изображенията – целта на формата е да намали обема на изображението, като с това се намаля времето за трансфер, но без това намаляне на обема да влияе на качеството на изображението. Подобна оптимизация би подобрила цялостния екпириънс при браузване, особено при набиращия все по-голяма популярност мобилен интернет.

Поддръжка

За момента поддръжката на WebP не е широко разпространена сред модерните браузъри, като изключим Chrome 9, но прочети повече…

По-голям контрол върху Layer Styles

Едва ли има някой, които работи с Photoshop за уеб и не използва стилове на слой (Layer Styles). Визията и усещането на всеки контейнер, формичка или шрифт с по-голям размер приема много по-привлекателен вид ако сте приложили подходящата комбинация от стилове. Познавам хора, които не могат да живеят без Drop Shadow – същите от сърце се радваха, когато Drop Shadow се появи и в InDesign :).

Мисълта ми не е конкретно за Drop Shadow и неговата масова ползваемост, а за стиловете като цяло и контролът ни върху тях. До версия CS4 на Photoshop включително, леко ме дразнеше и ме бавеше невъзможността да запазвам настройките, които правя директно в Layer Styles панела. Липсваше ми малкото Save as Default бутонче, което върши чудесна работа в Shadows/Highlights например. В Photoshop CS5 това бутонче най-после се появи за всеки стил от Layer Styles панела под името Make Default, и веднага до него има и Reset to Default, ако все пак си искате настройките по подразбиране.

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

layer styles make default

Google Fonts API

Днес Google обявиха пускането на Google Fonts API. Винаги ми се е искало да имам по-голям избор от шрифтове при разработката на уеб сайтове (без да използвам Flash, Cufón, sIFR и тн) и днес Google ни зарадваха с голяма стъпка в тази посока.

За сега разнообразието от шрифтове не е толкова голямо, но все пак услугата освен че е бета е пусната преди броени часове. Много ме изкефи новината и с ентусизъм и надежда  поглеждам напред, когато ще има по-голямо раазнообразие от кирилизирани шрифтове :). Може да хвърлите един поглед върху съдържанието на Google Font Directory.

А интеграцията ли? Изгледайте видеото, за да се убедите, че прочети повече…

За или против “copy” в името на слой

Преди дни в блога на John Nack се получи обширна дискусия – топика беше “за или против думичката copy в името на копиран слой”. Мненията в по-голямата си част бяха против copy. Според мен copy също е малко досадно, но най-добрият вариант е този, в който юзъра има избор. В този ред на мисли една отметка за подобна опция, както в картинката по-долу,  е оптималният вариант според мен.copy layer name

Предполагам и се надявам тази отметка да е реалност в Photoshop CS5, който чакаме прочети повече…

Цветове и възприятия

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

Page Flip ефект с InDesign

Не си спомням точно кога за пръв път видях Page Flip ефект, нито в кой сайт, но реакцията ми беше уоу. За тези който не се сещат какъв беше този ефект – често се използва за каталози – когато доближите мишката до долния или горния край на страницата, тя леко се подгъва и позволява да се разлисти.  Първите опити за реализация в Flash на Page Flip ефект са през 2002 и са изисквали малко повече нерви, писане и търпение, за да се получи ефекта. Ускорената еволюция в сферата на уеб дизайна разви и начините по който може да се постигне този ефект. Вече си имаме Page Flip ефект дори в програма която не е “конструирана” за прочети повече…

Извличане на звук от видео за секунди

С препратка към лесен звук разтягам малко темата. Става дума за това как за отрицателно време да извлечем звук от клипче свалено например от youtube, blip, metafinder, break, vbox7 или който и да било друг сайт за видеосподеляне.

Като за начало свалете видеото (flv файла) от съответния сайт,  което може да направите с този инструмент. След което отворете Soundbooth. Оттам File > Import > Files (ctrl + I) и след като го импортнете остава да го запазите като mp3 формат. Save as… mp3и остава да си изберете bitrate-а.


ъпдейт 1: От snipmp3.com/ можете онлайн да конвертирате youtube съдържание в mp3 и директно да си го свалите.

Някои “изгубени” екстри

Наред с всички добавки в Photoshop CS4 има и някои полезни нещица, с които бях свикнал и които не намерих в CS4. Едно от тях е Photomerge. Да, и в CS4 го има, но не и в онзи суров вид, в който мога сам да си редя снимките и чак когато реша, че подредбата на снимките е ok, Photoshop да довърши панорамата за мен. Друго – Bigger Tiles плъгин-а. Друго – Extract функцията, като част от филтър менюто. Друго – Picture Package. Друго – Web Photo Gallery. Друго – PDF Presentation. Друго – Pattern Maker…

Не е малък броят прочети повече…

Batch processing със запазване структурата на директориите

Как нещо на пръв поглед елементарно ми отне двайсетина минути, докато се усетя как да стане много бързо и лесно. Става дума за следното – имаме много снимки (.eps формат), съдържащи се в една директория с много поддиректории. Тези снимки трябва да станат .jpg, като се запазят в същата директория, в която първоначално са били. На пръв поглед елементарно – един екшън и толкова. И аз така си казах в първия момент, но се оказа леко по-завързано.

Винаги има вариант да ги отворя една по една и да ги запазя в съответната директория, но това не бих се хванал да го правя при положение, че достатъчно мощна машина и софтуер пред себе си. Трябваше да намеря начин това да стане автоматично. Проблемът с екшъна беше, че в него мога да запазя  Save или Save as команда, а тя при всички случай описва абсолютния път до директорията, докато на мен ми трябва релативен път до всяка прочети повече…

1 2 3 … 6  нагоре