Личен блог на Елиза Желева

За уеб дизайн, SEO оптимизация и мен :)

Архив за категория 'Уеб Дизайн'

Как да създадете прозрачен favicon

1. Подготовка
Първо е необходимо да си инсталирате плъгин за Photoshop, който позволява отварянето на .ico файлове, както и записването на други типове изображения във формат .ico. Плъгинът работи с 1, 4 или 8 битов Indexed или 24 битов RGB режим, както и с 32 битовите „XP“ икони с 8 битов Алфа канал.

Сваляне на плъгина от 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 и т.н.) – така оразмеряването после ще бъде по-прецизно. Прочети цялата статия »

VN:F [1.9.1_1087]
Rating: 9.7/10 (3 votes cast)
VN:F [1.9.1_1087]
Rating: +4 (from 4 votes)
   

Вижте как изглежда сайтът ви на iPad

Ако сте любопитни как изглежда вашият уеб сайт на 9.7 инчовия екран на iPad, може да вземете iPad-а на ваш приятел, да си купите iPad или просто да прочетете това :)

  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 Прочети цялата статия »

VN:F [1.9.1_1087]
Rating: 10.0/10 (9 votes cast)
VN:F [1.9.1_1087]
Rating: +8 (from 8 votes)
   

Уеб дизайн за iPad на Apple

Сигурно вече сте чули за новия таблет компютър iPad от Apple. С него можете да влизате в интернет, да си проверите електронната поща, да четете книги, да гледате филми, да разглеждате снимки и др. От Apple твърдят, че iPad е най-добрият начин за браузване в интернет, пренебрегвайки един от най-големите недостатъци, а именно липсата на поддръжка за Flash плъгина на Adobe в Safari. Това означава, че няма да можете да видите съдържанието на много сайтове. Дори големи сайтове като CNN и BBC използват Flash технологии за част от съдържанието си. Така че ако искате да влизате във Flash сайтове, по-добре да си закупите Netbook. Прочети цялата статия »

VN:F [1.9.1_1087]
Rating: 10.0/10 (9 votes cast)
VN:F [1.9.1_1087]
Rating: +6 (from 6 votes)
   

Photoshop CS5 – по-интуитивен от всякога

В понеделник Adobe обявиха излизането на пазара на Adobe Creative Suite 5. Като уеб дизайнер най-много се вълнувам от новата версия на Photoshop CS5, която с новите си инструменти и ъпдейти изглежда значително ще улесни живота ми за в бъдеще.

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

VN:F [1.9.1_1087]
Rating: 10.0/10 (13 votes cast)
VN:F [1.9.1_1087]
Rating: +8 (from 8 votes)
   

Уеб Експо 2010

Тази година най-голямото изложение за интернет в България ще се проведе в три града – София (31.05), Варна (02.06) и Пловдив (04.06).

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

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

VN:F [1.9.1_1087]
Rating: 9.0/10 (9 votes cast)
VN:F [1.9.1_1087]
Rating: +8 (from 8 votes)
   

20 трика на Photoshop, които ще ви улеснят живота (част II)

Ето ги и следващите 10 трика на Photoshop, които ще ви помогнат да работите по-бързо и по-лесно.

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

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

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

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

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

photoshop

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

VN:F [1.9.1_1087]
Rating: 9.9/10 (9 votes cast)
VN:F [1.9.1_1087]
Rating: +10 (from 10 votes)
   

20 трика на Photoshop, които ще ви улеснят живота (част I)

Ако имате основни познания на Photoshop и знаете как работи и как да го използвате, значи сте готови за следващите 20 трика, които ще ви помогнат да правите някои неща по-бързо и ще ви спестят много главоболия.

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

photoshop

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

VN:F [1.9.1_1087]
Rating: 9.6/10 (9 votes cast)
VN:F [1.9.1_1087]
Rating: +9 (from 9 votes)
   

Десет правила за добрия дизайн от Дитер Рамс

Дитер Рамс е индустриален дизайнер, работил в световноизвестни компании като Braun и Vitsœ. По-късно създава собствена компания и днес продуктите на Рамс могат да се видят в музеите по цял свят. Джонатан Ив, вице-президент по промишления дизайн в Apple и главен разработчик на дизайна на iMac, iPod и iPhone, черпи вдъхновението си от Дитер Рамс, което се вижда от поразителните прилики в продуктите на двамата дизайнери.

Braun ET44 calculator and iPhone

Braun ET44 calculator и iPhone

Braun T3 pocket radio and Apple iPod

Braun T3 pocket radio и Apple iPod

Прочети цялата статия »

VN:F [1.9.1_1087]
Rating: 10.0/10 (7 votes cast)
VN:F [1.9.1_1087]
Rating: +8 (from 8 votes)
   

Гласувайте за “Най-добрите корпоративни блогове в България” за 2009г.

От днес в сайта на NovaVizia започва гласуването за „Най-добър корпоративен блог в България“.  До 26ти ноември всеки един от вас може да даде гласа си за блога, който му допада най-много.  След това първите 5 блога ще бъдат оценявани от жури, по критерии, които можете да намерите в сайта на NovaVizia. Блогът на VIB Solutions (фирма, която се занимава с уеб дизайн, уеб-базирани системи и сео оптимизация) също присъства в класацията, така че можете да гласувате за него от тук.

VN:F [1.9.1_1087]
Rating: 8.9/10 (9 votes cast)
VN:F [1.9.1_1087]
Rating: +10 (from 10 votes)