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

Много се зарадвах на обновената поддръжка на CSS в Dreamweaver. Доколкото успях да го разцъкам останах с впечатлението, че ще използвам Firebug и Web Developer по-рядко, благодарение на ъпгрейда на Live View с Live Code и Inspect.

Сериозен ъпгрейд претърпява и engine-а на Camera Raw. Новият engine-а е с дата на производство 2010 :), докато старият беше 2003. Пренаписването на ядрото е и причината noise и sharp (grain) настройките да си вършат толкова добре работата.

Ъпдейта на Refine Edge в Photoshop сам по себе си си заслужава ъпгрейда на Photoshop, но наред с него има един куп подобрения. Според мен от версия 8 (CS) Photoshop не е претърпявал толкова подобрения. В CS5 се появява отново нещо, което смятах за изгубено – Mini Bridge или както се казваше в Photoshop 7 – File Browser. Още по-якото е че освен в Photoshop, Mini Bridge пресъства и в InDesign! Малкия Bridge съвсем не е единствения уоу ъпдейт в InDesign – Gap Tool, Round Corner live ефект, независим текст от колонки и все по-лесна интеграция с Flash са няколко от новостите заради, които си заслужава ъпгрейдът.

Въпреки, че Soundbooth има пространство за еволюция, за да достигне Audition, в Soundbooth CS5 е значително подобрен multitrack editing-а, както и са добавени над 900 семпъла в Resource Central.

До последно се надявах, че After Effects CS5 ще работи и на 32 битови ОС, но уви – иска си 64-те бита :). Надявам се поне това 64-битово изискване е за добро и разликата в скоростта на изчисляване в сравнение със CS4 да е осезаема дори за потребители като мен, които нямат един куп навързани в клъстър машини, а разполагат с една сравнително бърза машина. Добрата новина е че всички други приложения от CS5 могат да се инсталират, както на 32 така и на 64 битова ОС.

На много от добавките ще се спра подробно, надявам се да имам свободно време за повече от тях.

• често има нужда от <br /> – shift + enter върши по-добра работа.
  
• често се налага да се ъплоудват един и/или няколко файла върху, които се работи на момента – селектирате файловете във файл мениджъра като единият вариант е shift+ctrl+u, а другият е десен бутон върху файла/файловете и просто натискате P.
• бързо изписване на <h*> таг – ctrl+#.
• ако искате да създадете допълнително разстояние (space) това става с добавяне на &nbsp; или просто ctrl+shift+space.
• в много случаи предпочитам да работя с Code Inspector (F10).
• препоръчвам да се ползва вграденият ftp клиент в Dreamweaver. За секунди локализира файлове както на сървъра така и локално (Locate in Remote Site/Explore…), качва (Put), сваля(Get) нужният файл, има възможност за автоматична синхронизация ако работите в екип (Compare with Remote), промяната на блокове текст и/или коде става за секунди с Find (ctrl+F) диалоговия прозорец…
• за статични сайтове често използвам Live View – виждате в реално време какво правите. Особено влиза в употреба ако сте с повече от един монитор. Live View използва rendering engine на Safari, и не винаги превюто е 1:1 с това, което останалите браузъри ще покажат, но все пак върши работа.
• Ако искате да пестите място в лейаута използвайте Spry (Insert > Spry….). Как се използват може да видите тук и тук и тук.
• използвайте Snippets и Template objects (Insert > Template objects).
• понякога може да намерите отговори на въпросите си в CSS Advisor (Help > CSS Advisor).
• ако сте били фен на GoLive,  това ще ви е полезно.
• от customguide.com – Dreamweaver Quick Reference cs3
• от webresourcesdepot.com – DreamWeaver CS4 Keyboard Shortcuts, DreamWeaver 8 Quick Reference, DreamWeaver MX Quick Reference.

Ако работите с Dreamweaver, а щом сте тук съм почти сигурен, че го правите, е много вероятно да ползвате и manage sites панела, а ако не го използвате – защо?! Панела е доста удобен, върши и спестява много работа, следи какво се случва, синхронизира, върши добра работа и като ftp клиент, глезотийка си е като цяло. Единственото което ме изнервя много, е че в момента когато отворя manage sites панела и натисна Edit следва едно циклене, едно чакане, един абсолютно бял екран на моменти, чака се около 10-30 секунди, за да се изпълни командата, а все пак това е команда, която не изисква чак толкова ресурс, още повече машината ми не е слаба. Явно има бъгче.

И днес ми щукна да се разровя и да намеря нещо по въпроса. След малко ровене намерих каквото търсех, но решението малко ме изненада. Оказа се, че трябва да се махне една отметка, но не от настройките на Dreamweaver, както бихте си помислили, а от тези на Skype. Та ето го решението – отворете Skype и отидете в Tools > Options > Advanced > Connection и махнете отметката на Use port 80 and 443 as alternatives for incoming connections. След като махнах въпросната отметка, edit командата започна да се изпълнява за около секунда. При мен проработи предполагам и при вас ще стане.

Сещате се, че и въпросният проект е свързан с родния ми град – Пловдив. Проектът е по идея на община Пловдив и е спонсориран от нея. Идеята е този сайт да стигне до всички, които искат да се докоснат до духа на Пловдив чрез снимки, и да представим града, по начин, по който досега не е правено. Ще кажете – снимки от Пловдив един куп в интернет. Съгласен съм, но тук нещата са малко по-различни – става дума за 360 градусови изображения на някои от многото хубави местенца в моя град. “Галерията” така да я наречем, ще се обновява и допълва непрекъснато с нови обекти.

Тук е моментът да благодаря за чудесната идея и за това, че в общината са се намерили хора, които да я подкрепят и да ни доверят реализацията!

Завършената идея както и всички 360 градусови виртуални турове може да видите на virtual.plovdiv.bg.

Имаше различни слухове за съдбата на GoLive, след като Adobe погълнаха Macromedia, но когато видях това ръководство ми стана ясно, че в Adobe са си изяснили какво ще се случва. Въпрос на време беше GoLive да стане история и това време вече дойде. Вчера (28.04) Adobe официално съобщих, че преключват работата си върху GoLive, както и продажбите му.

Нищо неочаквано. Съмнявам се, че има голям брой GoLive юзъри, които ще съжаляват особено при положение, че заместникът му в лицето на Dreamweaver е според мен по-добър в много отношения. Смятам няма две мнения по въпроса. Има го и моментът, че ако някой е свикнал да работи с някакъв софтуер никога не е приятно да се променят работната среда и тн, но все пак за добро е!!! За всички тези, който така или иначе вече нямат избор и ще трябва да преминат към друг софтуер препоръчвам силно Dreamweaver, в този ред на мисли може да погледнете тук.

Новото чедо на Eric Mayer се нарича CSS SCULPTOR. Инструмента е в две версии – за Expression Web и разбира се за Dreamweaver. За Front Page не ме вълнува особено, но ще обърна внимание на Dreamweaver.

Не бих казал че поддръжката на CSS в Dreamweaver е зле, но смятам че може да се засили още доста. Дори в някои моменти Golive го превъзхожда(ше). И така този инструмент определено ще внесе свежест в начина на писане на CSS код в Dreamweaver.

Css Sculptor съдържа 41 готови лейаута сред, който може да избирате да създадете първоначалната база на уеб проекта си. Началният лейаут позволява високо ниво на моделиране – доста гъвкава основа и лесна промяна на размери, цветове, стилове, граници, като генерира stylesheet, както за screen така и за print.

В Dreamweaver:

В Dreamweaver сме и имате някакъв код или какъвто и да било обект, след което го маркирате и с десен бутон на него избирате Create New Snippet..Появява се диалог, в който може да си напишете описание, за да се сетите ако го отворите след половин година какво точно съдържа този снипет. За да го използвате отново, след като сте го запазили отворете снипет панела Window > Snippets (Shift + F9). Тук виждате всички налични снипети (има доста, който си идват с Dreamweaver). Ако искате да ползвате някои от тях просто го провлачете с мишката до мястото, до което сте му избрали в лейаута.

В InDesign:

Сходен workflow измежду продуктите на Adobe е нещото, което обичам в CS. Този пост е типичния пример за това. Създаването на снипет в InDesign става по аналогичен начин с Dreamweaver. Имате елемент, който искате да използвате отново и отново. Eдинственото, което трябва да направите е да го провлачете в Bridge, който автоматично ще ви създаде inds (InDesign Snippet ) файл с съдържанието което сте провлачили. Какво?! Не използвате Bridge?! Защо?!?! Все пак за вас, които не ползвате Bridge има и още по-елементарен начин – провлачете съдържанието директно на десктопа и готово. На десктопа ще се появи inds файл, който всъщност е снипета.
Сега за да използвате снипета, трябва да направите точно обратното на това, което написах в горните няколко реда – провлачете снипета (inds файла) от десктопа или от Bridge обратно в InDesign и готово!

Ъпдейт 1: Ако се чудите дали и някоя друга програма от пакета не притежава възможност за снипети ето нещо за вас – Flash не е снабден със снипет панел, но пък преди ден два ми попадна това. Extension за Flash, който му добавя снипет панел с цялата функционалност на снипетите!

Най-новия брой на Adobe Magazine може да дръпнете директно от тук, както и предишните издания от тук.

Случаят е следният: Имате вече готов лейаут на уеб сайт в PSD формат например (всъщност формата няма абсолютно никакво значение по отношения на това което ще обясня) . Имате лейаут и стигате до момента, в който Photoshop (или ImageReady в CS2 и по-стари версии) ще го превърне в “работещ” уеб сайт. Работещ е малко силно казано, защото просто нарязан и пльоснат в нета, сайтът е далече от качествен продукт. Но това няма да го коментирам сега. Нарязвате сайта и получавате код. Да но това което получавате е табличен лейаут хъх. А таблиците, както знаем са не са най-добрият вариант за основа на кода на уеб сайта ви. Ами има и друг вариант – да кажем на Photoshop, че не искаме код с таблици, а със css. Естествено че може :) . Е кодът не е чак толкова подреден и описателен, както вие бихте си го написали, имам предвид имена на класове и тн, но все пак е нещо, а и ако сте на “Вие” с css, тази опцийка ще ви помогне много.

Ето и същината. Лейаутът е нарязан и всичко е готово да бъде експортнато. Следва ctrl+alt+shift+S (Save for Web & Devices shortcut). Виждате големия диалогов прозорец с различните настройки за формати и тн. Отдясно горе цъкнете триъгълничето (фиг.1) отстрани под бутона Done.

Оттам изберете Edit Output Settings. Ще видите нов прозорец с различни настройки по експортването. От падащото меню изберете Slices, както е на фиг.2.

И тук вече е забавата. Настройката по подразбиране (не знам защо е оставена от адобските инженери) е табличен лейаут – Generate Tables. Вие може да го промените на css лейаут от Generate CSS (by ID, inline, by Class), като тази опцийка ще ви поднесе един освободен от тежестта на таблиците лайаут.

Аз бих предпочел да си напиша css-a , но все пак ако бюджета е нисък или ви притиска времето, или просто така ви е кеф ето ви едно решение :)

Много набързо потърсих и открих една тема, която ми се струва описателна относно CSS vs Табличен лейаут

Тук може да намерите линкове към Flex Cookbook, Adobe Max Events, Adobe Community Experts, както и Adobe Air Challenge – предизвикателство, за което ви споменах преди няколко дни. Това са част от полезните местенца, линк към които е поместен в development центъра.

Повече информация за промените от Jonathan Wall.

Ще се спра на две приложения, който използвам непрекъснато за лейаут, и на тяхния подход към такъв тип автоматично генерирани текстове.

1. InDesign е приложението с най-усъвършенствания text engine, който някога е създаван (това би било добра тема за отделен пост), има вграден генератор на Placeholder text.
Става по следния начин: Селектирате полето, което искате ще съдържа тескта, след което от основното меню избирате Text > Fill with Placeholder Text.

2. Dreamweaver – по default няма като функция генериране на Lorem Ipsum текст, но пък съществуват добавки (extensions), който лесно му добавят тази функционалност. Lorem and more е много приличен плъгин, който прави точно това. Плъгинът има възможност да добавя няколко типа Placeholder text (Lorem ipsum , Cicero speech, Corporate Mumbo-Jumbo, Shakespeare), както и избор за форматиране. Инсталацията му е елементарна – след като се свали се стартира и автоматично се инсталира от Dreamweaver Extension Manager. След което в Dreamweaver се появя като бутон в края на Insert панела. Ако Insert панела ви е скрит може да го направите видим от Window > Insert (ctrl+F2).

Lorem and more може да си изтеглите директно от тук.