Archive for the ‘Дизайн’ Category
Обновления в блоге =)
Наконец-то руки дошли до обновления блога. Старый коричнево-белый дизайн порядком поднадоел и хоть и был удобоваримым, но хотелось сменить.
Нашёл простую темку, которая в процессе оказалась кажется сгенерённой Artisteer'ом, который я ужасно не люблю за убогие нагромождения div'ов, но поскольку тема нравится - решил оставить несмотря ни на что. Мне нравится - светло, легко и просто. Хотя кое-какой геморрой с оформлением в наличии до сих пор, но ничё =)
Зато расцветил страничку с софтом для манимейкинга в свои любимые эмо-цвета. Получилось ярко, мне так нравится, да =)
Также, сделал с помощью плагина авторизацию у меня в блоге через разные сервисы - Вконтакте, Gmail, Yandex, Twitter и другие. Удобная вещь, о которой я недавно начал мечтать, предложил в комментах на хабре, и на тебе - сделали. Так что, пользуйтесь, авторизуйтесь, комментируйте =)
Ещё - завёл твиттер. Вообще он у меня давно, но щас стал писать почаще. Да и иконка птичкера тут в теме была по дефолту. А вот иконку фейсбука пришлось снести - такое говно этот фейсбук.
Так что давайте, :) Для тех кто пришёл сюда первый раз - заодно и .
Ах да, там ещё кнопочка для ретвитов теперь есть. Пользуйтесь. Кстати, у меня какие-то ретвиты постов даже есть, не знал =)
Ну, в целом всё, сильно рассказывать не о чем, кроме смены дизайна и пары фич. В ближайшем времени хочу написать интересных постов, так что - следите =) А ещё - пишите, что хотите видеть в блоге - как в плане постов, так и в плане технических фич и прочего =)
И да, если косяки какие-то в дизе увидите - пишите)))
Полезный плагин для Firefox – ColorZilla
Мне часто приходится переделывать дизайны шаблонов. Раньше частенько приходилось иметь дело с шаблонами WordPress, я переделывал дизайны для своих блогов/сателлитов. Сейчас это бесплатные шаблоны для дорвеев.
Но и в том и другом случае, одной из самых частых переделок являлась смена цветов - фон, шрифты, элементы дизайна (кнопки к примеру). Раньше работа по переделке цветов отнимала немало времени, т.к. я не знал о полезных и удобных фичах, помогающих делать это быстрее. Из всего что я использовал, для меня спасением была небольшая софтина ColorPix, которая позволяла выбрать пипеткой (как инструмент в PhotoShop) любой цвет на экране, соответственно я это использовал для того чтобы выяснить какой цвет где в шаблоне и поменять в стилях.
Хоть эта программка и помогала, но у неё был и ряд недостатков, которые делали работу с ней не такой удобной, как этого хотелось бы.
Но всё же спасение пришло ко мне. В лице плагина для Firefox - ().
Этот небольшой плагинчик, тихо сидящий в левом нижнем углу окна браузера, обладает не сверхъестественным, но вполне достаточным и удобным функционалом, для того чтобы я остановился на нём.
Немного о функционале:
1) При нажатии на иконку плагина левой кнопкой, по умолчанию включается тот же упомянутый уже инструмент Пипетка, который позволяет выбрать любой цвет в любом районе окна браузера. Для выбора достаточно кликнуть левой кнопкой там, где необходимо выбрать цвет. В ColorPix приходилось тянуть руку к клавиатуре, хотя я не настолько ленив, конечно же :)
При этом, если в Options > Autocopy выбрать Enabled, и выбрать нужный режим копирования, при выборе цвета - он будет автоматически копироваться в буфер обмена, что тоже весьма удобно. Копировать плагин может в различных вариациях - hex-цвета, rgb-цвета, для простых цветов также названия - white, black, gray, maroon и т.п;
2) Другим, сверхполезным, инструментом для меня явился показ названия div'ов/классов/элементов. То есть, при включении пипетки плагина - внизу возле его иконки показываются не только параметры цветов и положения курсора, но и название элемента/слоя. Например, поле ввода где я пишу сейчас этот текст, имеет свойство textarea#content, т.е. элемент textarea в слое content. Очень и очень удобно, теперь я не ищу долгое время где какой элемент и какой из них в какой вложен. Простое и элегантное решение;
3) Есть штука, как анализ DOM (Document Object Model) страницы. Плагин анализирует все используемые цвета на странице и выдаёт полный список какой из цветов для какого стиля/слоя/элемента используется. При проверке страницы создания поста WP - выглядит весьма внушительно и даже монстроузно (и это лишь малая часть);
4) Если хочется попасть точно в пиксель - у плагина есть лупа с увеличением до 1000%. Не промажете точно;
5) Можно также выбрать цвет подбором вручную, можно выбрать из палитры цветов (а ).
6) Можно добавлять цвета в избранное - очень удобная фича, которой впрочем я не пользуюсь пока.
Вот такой простой плагин к браузеру, серьёзно облегчающий мне жизнь.
А какими плагинами пользуетесь вы?
Участвуй в акции DrugRevenue - Флуд тоже Труд и получи ключевики под ру-фарму бесплатно (пишите куда-нибудь - выдам).
Домены .com, .net, .org, .biz, .eu, .us, .de и многие другие по 6 долларов за штуку - ChiliDomain!
Я выбираю Fotolia или как оформить сайт
Наверняка вы видели, что у меня в сайдбаре висит баннер Fotolia. Хочу рассказать, что же это и почему же я выбираю именно её.
Те, кто занимается серьёзными проектами, особенно такими, которые нуждаются в качественных фотографиях и иллюстрациях, нередко сталкиваются с проблемой подбора таких изображений. Можно конечно просто взять из поиска по картинкам в Google или Яндекс, но, у такого метода есть заметные минусы.
Минусы использования таких изображений:
1) Не все изображения можно просто так взять и использовать на своём сайте. Конечно, в ру-сегменте скорее всего ничего никто предъявлять не будет, но - если вы делаете качественный проект, задумайтесь - нужны ли вам возможные проблемы?
2) Множество изображений из того же поиска по картинкам в популярных тематиках (например - туризм, бизнес) - уже десятки и сотни раз использованы такими же умниками, сателлитоклепателями, автограбберами и прочей ересью. Вы хотите, чтобы ваш качественный проект выделялся? Скорее всего - да.
Можно конечно же найти нужные изображения на бесплатных стоках, которых не так уж мало. Но, и там не всегда будет нужное изображение. А если у вас, как и у меня прёт из ушей перфекционизм и желание сделать всё идеальным и красивым - бесплатные фотостоки будут устраивать вас всё реже и реже, вместе с иссяканием фотографий и иллюстраций по теме.
Поэтому есть отличный, хоть и не бесплатный выход - платные фотостоки royalty-free изображений (о том, что такое royalty-free можете почитать по ссылке, я ранее писал в блоге о них).
Одним из мировых лидеров в продаже royalty-free изображений и является Fotolia. Как гласит сейчас мне главная страница - 6,700,702 photos and illustrations / 368,456 vectors. Согласитесь, немало? Хватит для того, чтобы удовлетворить любого перфекциониста.
Когда я начал делать свои сайты по туристической тематике, я делал их для собственного удовольствия (по тем странам, которые мне нравятся), а не для sape, и конечно же столкнулся с проблемой подбора изображений. Особенно серьёзно это коснулось выбора фотографий под блоги о разных островных странах (Сейшелы, да-да :)), т.к. на бесплатных стоках фото по ним есть, но качественных очень мало. Поэтому я ударился в поиск хорошего фотостока, и ах да - у меня нету кредитки (тогда я ещё не знал о предоплаченной Visa Virtual (да и её не было в терминалах QIWI)), поэтому приемлимы были WebMoney.
И увы, побывав во многих местах - не нашёл устраивающих объёмов и качества фото и удобной мне оплаты. И вероятно, я даже видел и Fotolia, но не сразу понял, что у них есть Webmoney. А они у них есть - и поэтому для меня этот фотосток и является лучшим. Соотношение количества/качества фотографий и удобный метод оплаты - то что мне нужно.
О ценах. Цены для наших ru-ушек и глазок покажутся скорее всего дикими. Для расчётов внутри Fotolia используются т.н. кредиты - 1 кредит = 1$. Изображения размеров, пригодных для использования на сайте - XS Standart (414 x 290 (0.1 MP), 5.8 '' x 4.0 '' @72 dpi) и S Standart (828 x 580 (0.5 MP), 11.5 '' x 8.1 '' @72 dpi) - стоят соответственно 1 и 2 кредита (обычно). Думаю, на сайте не нужно изображение больше чем 828 пикселей по стороне - а уменьшенное изображение можно сделать из него же.
Плюсы использования платного фотостока:
1) Огромное количество изображений и иллюстраций на любой вкус, по любой тематике;
2) Возможность свободно использовать купленное изображение в рамках royalty-free лицензии;
3) Ваш сайт запомнят благодаря качественному оформлению. Но, естественно, не надо забывать и о качественном и интересном содержании;
4) Изображения любых размеров, которые можно использовать не только на сайте, но и в печати и полиграфии (учитывая правила расширенной лицензии для использования в печати).
Повторюсь, для тех кто будет писать в комментариях, что гугл имагес рулит (со включённой опцией поиска не защищённых авторским правом фото) - платный фотосток для тех, кто готов платить за качество.
Поэтому я выбираю Fotolia.
А также в программе:
Если нравится блог - !
Участвуй в акции DrugRevenue - Флуд тоже Труд и получи ключевики под ру-фарму бесплатно (пишите куда-нибудь - выдам).
Как красиво оформить ваш блог и не получить по голове
Наверняка на эту тему уже кто-то писал. Может быть даже и не раз. Но мне тоже вот захотелось высказаться, т.к. в общем-то украшение блогов фотографиями и картинками довольно актуально и хорошо это делать, но иногда смотря на убогие картинки используемые в оформлении - так и подмывает написать вот такой пост. Чтобы знали.
Итак, речь сегодня пойдёт о том, как красиво оформить записи в своём блоге (не обязательно манимейкерском, даже скорее наоборот - не манимейкерском). Ну, допустим хотите вы украсить свои сателлиты (подчеркну слово свои, которые вы не собираетесь продавать, почему так - позже), чтобы выглядели красивей, человечней, да и с картинок поискового трафа можно собрать. А с красивых и качественных - собрать много.
Что вы делаете? Идёте в поиск картинок гугла, вбиваете запрос по теме поста и начинаете выискивать, простите, среди говна конфетку? Думаю много людей делают именно так.
Потому что не знают, что существуют такие вещи, как стоковые фотосайты, где совершенно бесплатно можно получить фотографии в очень высоком качестве, да ещё и с огромным выбором.
Например, один из моих любимых сайтов - . На момент написания - "390218 photos online". Неплохо. На любой блог найдётся, я думаю.
Теперь немного о лицензировании и использовании изображений (на примере sxc.hu). Большинство фотографий там распространяются по лицензии (cвободные от отчислений). То есть, вы можете использовать фотографии для (перевожу с их сайта):
Вы можете использовать изображения
- В цифровом формате на веб-сайтах, в мультимедийных презентациях, трансляциях фильмов и видео, мобильных телефонах.
- В печатных рекламных материалах, журналах, газетах, книгах, брошюрах, листовках, CD / DVD обложках и т.д.
- Для вашей корпоративной идентификации на визитных карточках, фирменных бланках и т.д.
- Для украшения Вашего дома, офиса или любого общественного места.
Вы НЕ можете использовать изображения
- Для порнографических, незаконных или иных аморальных целей, для пропаганды ненависти или дискриминации, либо опорочивания или подвержения опасности других людей, обществ, культур.
- Для поддержки (рекламы? прим.пер.) товаров и услуг, если они изображают человека (речь идёт о фотографиях, как я понимаю. прим.пер.).
- В любых целях, которые могут повредить имени SXC или лицу (лицам) изображённым на снимке.
- Как часть торговой марки, знака сервиса или логотипа.
- Продажа и распространение этого изображения (по отдельности или вместе с другими ИЗОБРАЖЕНИЯМИ) строго запрещено! Не делитесь изображениями с другими!
Всегда спрашивать разрешения фотографа, если вы хотите использовать изображение
- В шаблонах сайтов, которые вы собираетесь продавать или распространять (к вопросу об использовании подобных изображений в сателлитах на продажу. прим.пер.)
- Для создания печатных репродукций, которые Вы хотите продать.
- В вещах с "печатью по требованию", таких как футболки, открытки, коврики для мыши, кружки (например, на сайтах, как Cafepress), или в каких-либо аналогичных вещах массового производства, которые будут содержать изображение в большей части.
В википедии об использовании лицензии Royalty-Free в России пишут:
В условиях российского правового поля пока не существует возможности реализации изображений по системе Royalty Free (без дополнительных отчислений). Каждая продажа для её легализации должна сопровождаться бумажным договором на передачу имущественных прав с подробным их перечислением.
По этой причине, при покупке фотографий в заграничных микростоковых агентствах российский покупатель де-юре не получает никаких прав. В случае малейшего конфликта российский суд не признает его права на использование изображения.
Ровно такая же ситуация и с передачей автором прав на распространение изображений фотобанком. Для легализации передачи прав (по российскому законодательству) между автором и агентством должен быть заключён бумажный договор.
Насчёт этого не знаю что думать, я дико не юрист, просто привёл к сведению. Но думаю, раз уж изображения берутся на стоковом сайте не российского происхождения, то и законодательство наше не касается этих изображений. Хотя, чёрт знает, если кто знает - посвятите чтоли. У нас тут вроде за сохранение картинок скоро начнут обвивать колючей проволокой :D
Найти стоковые фотосайты вы вполне сможете в гугле по запросу free stock photo, а я лишь посоветую парочку:
http://www.everystockphoto.com/ - Now searching: 4,458,956 free photos. Некисло. И как пишут - только freely licensed фото.
http://www.sxc.hu - с чего собственно всё и понеслось у меня. 390218 photos online - не эвристокфото конечно, но мне и его хватает для моих скромных нужд. Там, кстати, есть красивые фото бомжей.
Кстати дополнением ко всему - вам надо будет перевести слово по нужной тематике на английский язык, чтобы найти нужные фото. Почему -
думаю не стоит объяснять.
Пожалуй всё! Оформляйте свои блоги красиво и без риска получить по жопе. И не забывайте извещать фотографов!
p.s. пара психоделических картинок была любезно предоставлена посту сайтом sxc.hu по запросу paint :)
p.p.s. так же напомню, что я ещё меняюсь ссылками в блогролле. А ещё у меня есть на продажу пару-тройку блогов. Тематика - мода, медицина (народная), театр. И 5 статей о пластиковых окнах. Кому интересно - пишите во все контакты.
