Недостатъкът (разбира се, не може всичко да е перфектно) е, че това не е валиден CSS код. Замислете се обаче колко от големите бизнес сайтове са с валиден CSS код? Разбира се, това не означава изобщо да се откажете да пишете валиден код и горещо препоръчвам да го правите винаги, когато е възможно. Според моя опит справянето с IE7 е доста по-лесно от IE6 и никога не ми се е налагало да пиша отделен stylesheet за IE7. За 9 годишния IE6 обаче нещата са различни. Мисля да си сменя тактика и тя да бъде следната: клиенти, които са в крак с технологиите и не държат на поддръжка за IE6 ще бъдат с валиден код. Тези обаче, които твърдо отказват да влязат в този век и продължават да използват IE6 и да държат да го поддръжам, ще получават невалиден CSS код, за да оправя бъговете в IE6. Ако и този вариант не ги устройва, винаги могат да си платят за сайт и половина (тъй като фиксването на бъгове в IE6 понякога отнема почти толкова време, колкото изработката на цял сайт). В края на краищата не може да искаш сайтът ти да е перфектен, валидиран и безгрешен, а в същото време да отказваш да използваш съвременни технологии.

Дали това е прекалено строга мярка и има ли друг начин да отворим очите на потребителите? Според статистика от август 2010 на Net Applications, 16% от хората в интернет използват IE6. До кога ще продължаваме да робуваме на IE6 и отказа на потребителите да използват по-нови браузъри?

Сваляне на плъгина от Telegraphics

След като свалите плъгина трябва да го копирате в папката File Formats на Photoshop. Обикновено папката се намира в C:\Program Files\Adobe\Adobe Photoshop\Plug-ins\File Formats.

2. Избор на работно поле
Принципно размерите на favicon-ите са 16 x 16px, но тъй като трудно се рисува изображение с толкова малки размери, можете да го направите на 32 x 32px или 64 x 64px. Оптималният вариант е 32 x 32px, тъй като после ще трябва да намалите изображението, а прекомерното оразмеряване винаги влияе на качеството малко или много. Каквито и размери да изберете обаче, добре е да бъдат кратни на 16 (16, 32, 64 и т.н.) – така оразмеряването после ще бъде по-прецизно.

3. Рисуване
Най-често за favicon се използва логото на фирмата. Но ако то е с прекалено много цветове и детайли, градиенти, сенки и други ефекти, след смаляването най-вероятно ще виждате просто едно шарено петно. Ако случаят при вас е такъв, може вие да си нарисувате нещо само с някои елементи от логото, използвайки основните цветове на сайта ви. Ако искате transparent favicon, не забравяйте да деактивирате слоя с бекграунда.

4. Оразмеряване
След като сте готови с дизайна на изображението, кликнете на Image>Image Size и напишете 16 x 16. След това сложете отметка на Resample Image и изберете „Bicubic Sharper“ от падащото меню (тази опция присъства само в CS-версиите). При ръчно оразмеряване на картинките се получава леко замазващ (blur) ефект, който не е добра идея за малко изображение. Опцията Bicubic Sharper ще запази очертанията на изображението по-прецизни и няма да го замаже.

5. Запазване на изображението
Сега кликнете на File>Save As… и изберете формат .ico. Voilà!

1. Стартирайте Mozilla Firefox
2. Променете текста в User Agent:
   • Напишете about: в адрес бара на Firefox
   • Копирайте текста срещу Build identifier и си го запазете някъде, тъй като после ще ви трябва за да върнете старите си настройки
   • Напишете about:config в адрес бара на Firefox
   • Кликнете с десен бутон на мишката някъде на екрана и изберете New… и String. Напишете „general.useragent.override“ (без кавичките).
   • Сега напишете новата стойност за User Agent. За iPad е следната:Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10
3. Деактивирайте Adobe Flash плъгина (Tools –> Add-ons –> Plugins –> Shockwave Flash disable).
4. Отидете на iPadPeek.com и напишете името на уеб сайта, който искате да проверите в адрес бара на виртуалния iPad.
5. По подразбиране ще видите уеб сайта си в Landscape mode. Ако искате да го видите в Portrait mode кликнете някъде в горната част на виртуалния iPad.
6. След като приключите, не забравяйте да активирате отново Flash плъгина и да върнете старите настройки на User Agent.

Уеб дизайнерите трябва да бъдат много внимателни, изграждайки сайтове за iPad, като се ограничат или тотално се откажат от използването на Flash. Другият вариант е да изработват две версии за даден сайт: една с Flash и една само с HTML. Друго, което трябва да се вземе предвид при изработката на сайт за iPad е, че размерът на дисплея по диагонал е 9.7 инча, а резолюцията е 1024×768. Сайтовете в iPad могат да се гледат както в landscape mode, така и в portrait mode, което означава два съвсем различни layout-а. Основният метод за взаимодействие на потребителите с iPad са пръстите. Т.е. така любимият ми hover ефект се обезсмисля.

Един от тях, Content-Aware Fill, върши чудеса. Никога не е било по-лесно да изтриете елемент от снимка, като този инструмент ще сканира цялото изображение, ще го сравнява пиксел по пиксел и ще запълни секцията, която искате да изтриете, с фона, който се очаква да бъде зад нея. И всичко това го върши безпогрешно!

Друг изключително полезен и интуитивен инструмент е Puppet Wrap. Той ни позволява да изкривяваме, огъваме или усукваме различни обекти около контролни точки, определени от нас. Резултатите са впечатляващо естествени!

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

Благодарение на новия инструмент HDR Pro, ще бъде много по-лесно комбинирането на различни изображения в едно, както и копирането и дублирането на елементи, които с минимални усилия ще изглеждат изключително естествено. Вече ще бъде много по-трудно да се определи кое е колаж и кое не.

Последната версия на Photoshop ще зарадва почитателите на фотографията със значителни подобрения в изчистването на шума на снимките и автоматизирането на инструмента lens correction, който е съсредоточен в коригирането на геометричните изкривявания, фокуса, осветеността и яркостта на изображението.

Цената на Photoshop CS5 е $699, а ако искате разширената версия ще трябва да заплатите $999.

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

Уеб Експо 2010 ще включва изложение, семинарна част, фирмени презентации, нетуъркинг бар, кариерни и start up консултации и уеб вечери. Присъствието е безплатно за всички! Можете да се регистрирате от тук.

Бързо избиране на цветове

Предполагам, че никой вече не използва палитрата за набор от цветове (swatches). Добре де, някои хора може и да го правят още. Ако искате да изберете цвят от някоя картинка, която вече сте отворили, не бързайте към пипетката (eyedropper tool), натиснете Alt (ако сте избрали инструмент, който изисква цвят) и ще видите как курсорът се променя в пипетка.

Лесна смяна на цветовете

Може би знаете, че като кликнете на черно-белите квадрати до полетата за избор на цвета, цветовете се променят на тези по подразбиране (бяло и черно), а като кликнете на стрелкичката цветовете се обръщат. Обаче ако рисувате нещо и сте в средата на композицията, тези бутони са много далеч. Затова можете просто да натиснете Ctrl + D за смяна на цветовете с тези по подразбиране или Ctrl + X за обръщане на цветовете.

Вземете цвят от всяко място на екрана

Ако искате да си нарисувате тапет за вашия десктоп, бихте искали той да си подхожда с темата на операционната ви система. Може ли Photoshop да направи това? Разбира се :) Изберете пипетката за добавяне на цвят (eyedropper tool) и кликнете някъде във Photoshop документа. Сега задръжте мишката натисната и преместете курсора с пипетката върху желания цвят от таскбара.

Лесно създайте изрязваща маска (clipping mask)

Няма нужда да се ровите в менютата за да създадете изрязваща маска. Просто сложете курсора между два слоя, натиснете Alt и той ще се промени. Сега кликнете и вече си имате изрязваща маска!

Ограничете обсега на действие на корекционния слой (adjustment layer)

Корекционните слоеве са прекрасен начин да работите с изображение без да го разваляте. Те представляват математически „маски“, които променят вида на изображението без да променят оригиналните му данни. Можете да създадете корекционен слой с иконката в дъното на панела със слоеве. Знаете ли, че чрез изрязваща маска можете да ограничите действието на корекционния слой само върху един единствен слой под него? Просто задръжте бутона Alt докато създавате корекционен слой и след това сложете отметка на Use Previous Layer to Create Clipping Mask (Използвайте предния слой за да създадете изрязваща маска). Така промяната ще засегне само слоя преди корекционния.

Светкавична промяна на мащаба

Още един невероятен Photoshop трик! Представяте ли си всеки път когато искате да променяте мащаба на изображението, или част от него, да отивате в кутията с инструменти и да избирате лупата? Има много по-лесен начин. Задръжте Ctrl + Spacebar и кликнете за да увеличите мащаба на изображението и Alt + Spacebar за да го намалите. Ако искате да увеличите мащаба на точно определена част от изображението, задръжте Ctrl + Spacebar и начертайте селекция с мишката.

Светкавична промяна на селекциите

Когато използвате правоъгълните или елиптичните маркери (marquee tools) можете да използвате Shift за да запазите пропорциите. Без да пускате бутона на мишката можете да използвате Spacebar за да преместите селекцията. Ако искате да започнете селекция от центъра навън, използвайте бутона Alt. Ако вече сте направили селекция, с Shift можете да добавите още една селекция, с Alt да извадите селекция, а Ctrl + Alt оставя само сечението на селекциите.

Скриване на селекция

Ако имате активна селекция, можете да я скриете с клавишната комбинация Ctrl + H.Селекцията продължава да бъде там, просто не виждате контурите й. За да я покажете отново натиснете Ctrl + H, а за да я отмените Ctrl + D.

Слейте всички слоеве в нов слой

Много полезно. Натиснете Ctrl + Shift + Alt + E и всички видими слоеве ще се слеят в един нов слой, запазвайки старите слоеве непокътнати. Можете да работите с новия слой без да засягате другите слоеве.

Изберете слой без да използвате панела за слоеве

Понякога, ако не сте дали имена на слоевете си, е доста трудно да се ориентирате в кой слой е това, което търсите. Ако случаят е такъв, задръжте натиснат бутона Alt и кликнете върху изображението. Слоят ще се избере автоматично в панела.

Бърза смяна на размера на четката

Когато използвате четката не е нужно да се връщате в опциите всеки път, когато искате да смените размера или твърдостта й. С лява квадратна скоба [ намалявате размера на четката, а с дясна квадратна скоба ] го увеличавате. Клавишната комбинация Shift + [ намалява твърдостта на четката, а Shit + ] я увеличава.

Лесно създаване на водачи (guides)

Водачите ви помагат да подредите в права линия няколко обекта. Можете бързо да създадете водачи като използвате линийката на документа: кликвате на линията, влачите в документа и вече си имате водач. Клавишната комбинация Ctrl + ; ви позволява да скривате и показвате водачите.

Понякога няма нужда от Cancel, ако имате Reset

Photoshop е труден за разбиране и още по-труден да се работи с него. Понякога трябва да експериментирате няколко пъти с някоя настройка, докато се получи това, което искате. Ако сте в панела с Кривите (Curves), Цветови тон и Наситеност (Hue/Saturation) или със Слоевете (Layers) и след серия от настройки не сте получили каквото очаквате, вместо да затваряте прозореца с Cancel и да го отваряте отново, може просто да задържите бутона Alt и Cancel ще се промени на Reset.

Използвайте плъзгачите в числовите полета

Във Photoshop има много инструменти с числови полета, в които можете да въвеждате стойности от клавиатурата (големината на шрифта, прозрачността,…). Можете да променяте стойностите в тези полета като поставите курсора върху видимите етикети и влачите плъзгача надясно или наляво. Влаченето надясно увеличава стойността, а влаченето наляво я намалява.

Бърза смяна на прозрачността

Без значение кой инструмент с опция прозрачност (opacity) използвате, достатъчно е да натиснете клавиш от 0 до 9 и прозрачността ще се промени. Ако натиснете 4, прозрачността ще стане 40%, а ако искате да я промените на по-конкретна стойност, например 47, натиснете бързо 4 и 7 едно след друго.

Променете силата на филтрите без да отваряте диалогов прозорец

Ако след прилагането на филтър решите, че искате да намалите действието му, можете да използвате клавишната комбинация Shift + Ctrl + F. Ако искате да увеличите силата на филтъра, използвайте клавишна комбинация Ctrl + F. Това обаче ще работи само непосредствено след прилагането на филтъра, преди каквито и да било други действия.

Отключете фоновия слой

Може би сте забелязали малкото катинарче на фоновия слой (background layer). То показва, че слоят е заключен и не можете да оперирате с него. Има три начина да го отключите: като кликнете два пъти върху него в панела със слоевете; като задържите бутона Ctrl и кликнете върху слоя; като кликнете върху катинарчето и го завлачите в кошчето на панела със слоевете.

Дублиране на слой

Дублирането на слой може да бъде много полезно ако искате да запазите оригиналното изображение или не сте сигурни точно какви настройки искате да направите. Най-лесно можете да дублирате слой като просто го завлачите върху иконката за създаване на нов слой (Create a new layer), или като го изберете и натиснете Ctrl + J.

Дублиране на стилове

Много често ни се налага да приложим едни и същи стилове на няколко слоя, а ако са направени повече настройки, запомнянето им би било проблем. Най-лесният вариант е да натиснете клавиша Alt и да завлачите иконката fx в новия слой.

Многократно отменяне на действия (multiple undo(s))

Универсалната клавишна комбинация за отмяна на действие е Ctrl + Z. Само че във Photoshop тя ще отмени само последното ви действие. Ако искате да се върнете още по-назад използвайте Ctrl + Alt + Z. Ако сте се върнали прекалено назад и искате отново да повторите действията си, можете да използвате Shift + Ctrl + Z (multiple redo(s)).

Braun ET44 calculator и iPhone

Braun T3 pocket radio и Apple iPod

Тези десет принципа за добър дизайн на Дитер Рамс са актуални не само в индустриалната ниша, но и във всеки друг сектор от дизайна.

Добрият дизайн е:

1. Иновативен

Технологиите се развиват непрекъснато и ни предлагат нови възможности за иновативен дизайн. Иновативният дизайн никога не може да работи сам за себе си, той върви ръка за ръка с иновативните технологии.

2. В основата на ползваемостта на продукта

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

3. Естетичен

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

4. Разяснителен

Добрият дизайн изяснява структурата на продукта. А най-добрият вариант е чрез дизайна да накарате продуктът да говори сам.

5. Ненатрапчив

Продуктите, които изпълняват конретна цел са като инструменти. Те не са декоративни предмети, нито произведения на изкуството. Дизайнът им трябва да бъде умерен и ненатрапчив.

6. Коректен

Добрият дизайн не представя продукта като по-иновативен, по-добър или по-стойностен, от колкото всъщност е и не манипулира потребителите с неизпълними обещания.

7. Дълготраен

Добрият дизайн не трябва да бъде модерен – така никога няма да изглежда остарял.

8. Изпипан до последния детайл

Нищо в дизайна не трябва да бъде произволно избрано или оставено на случайността. Грижата и прецизността в дизайн процеса показват уважение към потребителите.

9. Екологичен

Разумният подбор на суровини допринася за опазването на околната страна. Трябва да се сведе до минимум замърсяването по време на експлоатацията на продукта.

10. Колкото се може по-малко

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