Исключительно главное о веб дизайне. / Статьи о веб дизайне, верстке, photoshop,illustrator, javascript. Wed, 19 May 2010 17:55:14 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Заговор фрилансеров /zagovor-frilanserov/ /zagovor-frilanserov/#comments Wed, 19 May 2010 17:53:55 +0000 mironov /?p=377 На днях от недостатка работы заглянул на одину всем известную биржу удаленной работы, увидел проект, который удовлетворил меня по размеру предлагаемого вознаграждения (15 000р за дизайн сайта) и решил откликнуться. На фоне остальных открытых проектов типа «Дизайн сайта 200р» или «Верстка сайта 15$» этот проект выглядел, мягко сказажем, достойно.

Заказчин не заставил себя ждать с ответом и написал мне, что у меня хорошие работы в портфолио на что я ответил ему благодарностью. Но просто похвалы моих работ мне было недостаточно и я решил направить нашу сним дискуссию в более деловое русло и переспросил, актуально ли его предложение. Заказчик долго не отвечал, а потом я обнаружил у себя в профиле новый положительный отзыв, который звучал так:

«Андрей отозвался на мой проект и предложил выполнить достойно, все обещанное было сделанно вовремя и на высоком уровне, спасибо Андрей, будем работать!»

Несложно догадаться, что я удивился такому повороту событий. Я написал заказчику что благодарен ему за отзыв и еще раз напомнил ему о проекте. После этого ответа не последовало. Всё это показалось мне странным, но заморачиваться я не стал и благополучно об этом случае забыл.

На следующий день в своем почтовом ящике я обнаружил сообщение с темой «По проекту». Я уж было обрадовался, что мой страный заказчик наконец перешел к делу, скачал приложенный в письме архив в котором находился .pdf файл под названием «Фрилансу посвящается».
В заголовке было написано:
Заговор фрилансеров
«Добрый день уважаемый фрилансер!Ты видишь это письмо в связис тяжелой обстановкой на рынке труда.
Во всех категориях особенно в сфере услуг связанной с удаленной работой.
»

Обыкновенная рекламная рассылка, подумал я, но почемуто решил пролистать письмо вниз и увидел там следующее:
Заговор фрилансеров
«На любое действие всегда существуетне менее эффективное противодейсвие

Предлагаем поступить следующим способом:

  • Регистрируйтесь как работодатели на любых фрилансерских ресурсах.
  • Просто берите и публикуйте проекты с ценой за которую вы эту работу сделали с
    удовольствием (цена завышенная от 10 до 50 раз вполне приемлема).
  • Откликнувшимся на проект не ленитесь ставить положительные отзывы
    (ведь человека всегда есть за что похвалить).
  • Не закрывайте опубликованные проекты (При закрытии все откликнувшиеся
    получают сообщение об отказе, что само по себе действует негативно, портит
    карму).
  • Распространяйте это письмо любым удобным вам способом.»
    • Хорошо это или плохо—я не определился, но затея, как минимум, интересная. Единственная ее проблема—похожесть на рекламную расслку или письмо счастья. В интернете все устали от флешмобов и акций. Но тут поднимается, на самом деле, злободневная тема.

      Пользуясь случаем, передаю привет всем, кто копирует мои статьи в свои блоги! Эта статья с сайта h1h1.ru ее адрес—/zagovor-frilanserov. Спасибо вам за дополнительные входящие ссылки!

      ]]> /zagovor-frilanserov/feed/ 2 Несколько удивительных javascript игр /javascript-igri/ /javascript-igri/#comments Sat, 20 Mar 2010 23:09:07 +0000 mironov /?p=335 В последнее время о возможностях javascript говорят часто. Повсюду используется Jquery анимация на сайтах, все браузеры стараются ускорить обработку javascript кода, в HTML5 включили тег canvas специально для javascript-приложений, на Youtube появился HTML5 плеер, теперь есть даже возможность создания javascript приложений для сайта vkontakte.ru.

      На javascript теперь еще и игры делают, некоторые из которых вы и найдете ниже.
      Для просмотра игр рекомендуется браузер Google Chrome. Также этот браузер рекомендуется для всего остального.

      Browser Pong

      Javascript игры
      Эта штука стоит внимания. В игре вы управляете непосредственно окнами браузера и играете ими в пинг – понг

      Real world racer

      Javascript игры
      Это гонки, но не обычные, а по реальному миру. Используя Google Maps API разработчики игры сделали возможным выбор любого маршрута на земле, например Париж – Дакар. Выбираете маршрут – начинается гонка! Идея почти гениальна!

      Twitch

      Javascript игры
      Опять манипуляции с окнами браузера. Игра немного нудная, но интересная

      Browser Ball

      Javascript игры
      Перекидывать мячик из одного окна браузера в другое, как не странно, очень увлекательное занятие :)

      Crystal Galaxy

      Javascript игры
      Это вообще полноценный шутер. Всё как положено. Космический корабль, метеориты и т.д.

      Video & Picture Puzzle

      Javascript игры
      Пазл из окон браузера. Не очень удобно, но идея стоит внимания.

      Apophis 2029

      Javascript игры
      Игра вsgjkytyf в интересном стиле и неплохо убивает время.

      Bing-Bong

      Javascript игры
      Уверен, вы уже играли в похожую игру и не раз, ничего нового, но всё равно интересно.

      Pacman

      Javascript игры
      Легендарный Pacman теперь и на Javascript :)

      Bunny Hunt

      Javascript игры
      Стара добрая “Охота на уток”, только с зайцами и на JavaScript.

      JS Wars

      Javascript игры
      Еще один космический шутер.

      Berts Breakdown

      Javascript игры
      3D Синий желейный человек бегает и собирает Евро.

      Кстати, можно:

      Подписаться на обновления сайта h1h1.ru через RSS,

      ]]>
      /javascript-igri/feed/ 0
      10 веб-браузеров, о которых вы, скорее всего, не слышали /10-veb-brauzerov-o-kotoryx-vy-ne-slyshali/ /10-veb-brauzerov-o-kotoryx-vy-ne-slyshali/#comments Fri, 05 Feb 2010 01:25:58 +0000 mironov /?p=320 Файрфокс, Интернет Эксплорер, Гугл Хром, Опера. Мы все уже достаточно наслышаны об этих ребятах. Они борются за свое лидерство на рынке уже не один год, и в ряд ли когда-нибудь кто-нибудь из них выбьется в абсолютные лидеры по всем категориям. Они стараются сделать для пользователей всё – увеличивают скорость загрузки страниц и исполнения Javascript, позволяют разрабатывать плагины и дополнения, создают дизайнерские темы, в общем всё, что только можно пожелать.

      Но что если вам всего этого не нужно? Если от браузера вам нужна всего пара дополнительных функций и вам надоело нагромождение плагинов, обновлений, дополнительных возможностей? Если вы ищете что-то действительно особенное и уникальное?

      Так вот, существует альтернатива. И не одна. Как оказалось браузеров достаточно много и вот некоторые из них.

      Stainless

      Stainles (web_browser) Браузер

      Stainless был создан как ответ браузеру Google Chrome. Он также использует мульти-процессную архитектуру и имеет еще несколько интересных особенностей. Самой яркой из них, на мой взгляд, является возможность войти на сайт с двух разных аккаунтов в разных вкладках. Для многих эта особенность окажется очень удобной штукой. Если, например, у вас есть 2 аккаунта на Gmail: один — рабочий, а другой — ваш личный, то Stainless станет вам незаменимым помощником в повседневной жизни.

      Этот браузер работает только с операционной системой OS X Leopard / Snow Leopard, что является его главным недостатком, по крайней мере в России, где компьютеры Apple не так распространены, как за рубежом.

      Maxthon

      Maxthon браузер

      Maxthon очень гибкий браузер с возможностью настроить все что угодно. Вы сами можете создать горячие клавиши, пункты меню, тулбары, управлять браузером с помощью специальных движений мышью. Также, в запасе у Maxthon есть более чем 1400 плагинов. Maxthon делает упор на безопасность. Он имеет встроенный Эдблок (блокирует рекламу) и умеет защищать от вирусов и других вредоносных программ. Также можно настроить фильтры, которые будут блокировать определенные типы контента.

      Среди других полезных особенностей Maxthon можно выделить встроенный скрин капчер, возможность создавать текстовые замены URL (своего рода сокращатель ссылок), встроенный RSS ридер, онлайн сервис для хранения избранного и расширенные возможности для использования proxy.

      В общем, если вам нужен гибкий браузер с целой кучей настроек — Maxthon это ваш выбор. Кстати, для родителей, это тоже отличный выбор, так как встроенные фильтры очень помогут в блокировании нежелательного контента для их детей.

      Maxthon работает с операционной системой Windows, что является его еще одним несомненным плюсом.

      Sleipnir

      sleipnir браузер

      Sleipnir — это популярный в японии глубоко настраиваемый браузер. Sleipnir, несмотря на большое количество настроек сохранят высокую скорость загрузки. Для Sleipnir существует огромное множество скинов, тем и плагинов, которых точно хватит чтобы удовлетворить любого пользователя. Все хорошие браузеры должны заботиться о безопасности и отвечать веяниям современного юзабилити, и Sleipnir не исключение.

      Этот браузер работает на операционной системе Windows 98 и выше.

      Swiftfox

      swiftfox браузер

      Swiftfox браузер, это оптимизированный и урезанный вариант обычного Firefox. К нему подходят все плагины, созданные для стандартного Firefox, что делает его невероятно расширяемым и удобным. Интерфейс у этого браузера почти такой же, как и в Firefox, но чуть-чуть более минималистичен. Все остальное в Swiftfox полностью схоже с Firefox. То есть, если вы используете Firefox и Linux, но хотите нечто быстрее и легче, то Swiftfox — ваш выбор. Да, к сожалению, этот браузер работает только с операционной системой Linux, что является его несомненным недостатком для большинства пользователей.

      Lunascape

      lunascape браузер

      Lunascape — японский браузер, работающий на трех движках для отображения веб-страниц — Gecko, Trident и WebKit. По утверждению разработчиков является самым быстрым браузером в мире. Он поддерживает плагины и дополнения от Firefox и Internet Explorer, а также имеет и свои собственные плагины.
      Lunascape работает с операционной системой Windows.

      Konqueror

      Konqueror браузер

      Konqueror — свободный веб-браузер и файловый менеджер, использует собственный движок KHTML. Этот браузер работает с операционной системой Linux и является приложением с открытым исходным кодом. Он поддерживает плагины от Netscape.

      Если вы используете Linux и вам нужен браузер, с помощью которого можно не только просматривать веб-страницы, но и использовать его для просмотра файлов различных типов, таких как звуковые, видео, файлы различий, документы KOffice, изображения, то Konqueror — это ваш выбор.

      SeaMonkey

      SeaMonkey браузер

      SeaMonkey — это тоже не просто браузер. Это набор программ для работы в Интернете. Координатором разработки является группа, выделившаяся из Mozilla Foundation.
      В SeaMonkey встроен email клиент, ридер новостей, HTML редактор, IRC чат и другие функции, в основном для веб разработки.

      Email клиент SeaMonkey позволяет тэгировать (присваивать метки) письмам и обладает другими инструментами, которые делают просмотр почты еще удобнее. Для веб разработчиков предусмотрена функция поиска ошибок в Javascript коде и
      DOM инспектор.

      SeaMonkey работает со всеми популярными операционными системами — Windows 2000 и новее, Mac OS X 10.4 и новее, Linux.

      OmniWeb

      OmniWeb браузер

      OmniWeb — это браузер на движке WebKit, созданный теми же разработчиками, что и OmniGraffle и OmniOutliner.
      В этом браузере упор был сделан на удобство и интерес в использовании (как и в других продуктах Omni). В нем есть все стандартные возможности браузера, к которым привыкли пользователи (табы, закладки, блокировка рекламы). Среди особенностей можно выделить сохраняемые «Рабочие пространства» (можно сохранить всё, что вы делали в браузере, закрыть его, а потом продолжить сессию заново) и встроенные RSS ридер.
      Заработает OmniWeb только у счастливых обладателей операционных систем Mac.

      Camino

      Camino браузер

      Браузер Camino можно расценивать как Firefox, специально оптимизированный под Mac. Работает он на движке Gecko 1.9. В него входит встроенная защита от вредоносных программ, защита от всплывающих окон и блокиратор рекламы.

      Flock

      Flock браузер

      Flock скорее всего известен активным пользователям популярных западных социальных сетей, так как разрабатывался он специально для них. Он напрямую взаимодействует с такими сервисами, как Facebook, Gmail, Digg, YouTube, MySpace, Flickr, Twitter, WordPress, Blogger, Delicious, Bebo, TypePad, Picasa и т.д. .В него входит встроенный RSS-ридер, фото-загрузчик, инструмент для добавления записей в ваш блог.
      Работает это социальное чудо с операционными системами Windows Mac и Linux.

      Кстати, можно:

      Подписаться на обновления сайта h1h1.ru через RSS,

      ]]>
      /10-veb-brauzerov-o-kotoryx-vy-ne-slyshali/feed/ 0
      Откуда берется креатив? /kreativ-where-is-creativity/ /kreativ-where-is-creativity/#comments Tue, 02 Feb 2010 15:01:32 +0000 mironov /?p=301 «Креативный» — самое популярное прилагательное в мире дизайна. Каждый хочет быть креативным, найти креативное решение для какой-либо задачи. У слова «креативный» есть много синонимов: инновационный, одаренный, вдохновленный, изобретательный, оригинальный. Но что действительно означает это суперпопулярное прилагательное? И как можно «включить» у себя креативность?

      В латинском языке слово «creatio» означало «создавать» но было применимо исключительно к делам Божьим. Только в эпоху Ренессанса, когда человек полностью осознал свою способность создавать и вносить в мир что-то новое, это слово начало применяться по отношению к людям.

      «Креатив» всегда включает в себя нахождение новых идей или направлений, будь то свежее решение извечных проблем, новый объект искусства или форма. Другими словами, креативная вещь — это всегда что-то оригинальное и нужное.

      Часто некоторые черты характера человека говорят о его креативности. Например без уверенности в себе у вас вряд ли получится создать что-нибудь новое, так же как без отличных от большинства взглядов на вещи и простого любопытства.
      Так или иначе, даже имея при себе целый список положительных личных особенностей и отличную рабочую обстановку, нельзя рассчитывать на 100% креативный результат .

      Есть 3 способа пробудить в себе креатив:

      Мозговой штурм (Brainstorm)

      Термин, впервые использованный Алексом Осборном в его книге «Прикладное воображение». Мозговой штурм лучше всего использовать в небольших группах, но можно применять и один на один с самим собой.

      Мозговой штурм заключается в следующем:

      Для начала, поставленная задача должна быть объяснена и четко ясна каждому члену группы. Кто-то один из группы выбирается чтобы записывать все общие идеи на доску, чтобы их можно было видеть все сразу и объективно сравнить/объединить/выбрать.
      Мозговой штурм предполагает собой выдвижение и запись даже самых очевидных решений. Критика предложенных идей не позволительна, каждую, даже самую, на первый взгляд, идиотскую идею принимают и записывают наряду с остальными. Далее участники должны развить все идеи друг друга.

      Жан – Мишель Баския, американский художник, прославившийся сначала как граффити-художник в Нью-Йорке, а затем, в 1980-х, как очень успешный неоэкспрессионист, в поисках вдохновения использовал и складывал вместе, на манер «мозгового штурма», предметы и символы Гаитяской, Африканской и Американской культуры. Начиная с самого простого, цветов и форм, он добавлял более сложные элементы и объединял полученное.
      Jean-Michel Basquiat

      Нестандартное мышление

      «Нестандартное мышление» или «всесторонний подход» — это креативный способ раздобыть действительно свежие и неожиданные идеи. Заключается он в неординарном подходе к решению поставленной задачи и генерации идей, которые невозможно было бы изобрести традиционным пошаговым методом. Говоря другими словами – это способ решения задачи «обходными» путями.

      Эдвард де Боно, человек который ввел термин «нестандартное мышление» (Lateral Thinking) в Английский язык, снискал славу одной из самых авторитетных фигур в области креативного мышления, инноваций и обучения мышлению как науки. Эдвард де Боно считает очень важным избегать традиционные, заложенные в мозге, способы мышления. Вот одно из его определений термину «нестандартное мышление»: «нестандартное мышление заключается в изменении общего представления о поставленной задаче и взглядов на нее вместо усердных попыток решить задачу используя традиционные взгляды и представления»

      В качестве демонстрации использования этого способа мышления возьмем простую задачу, например — открыть дверь. Постарайтесь придумать альтернативу использованию дверной ручки. Это заставит вас искать какой-нибудь креативный способ открыть дверь. Он может быть связан с традиционным решением с дверной ручной или, наоборот, кардинально отличаться от него. Размышления над этим заставляют мыслить нестандартно и приходить к действительно интересным решениям.

      Альберт Эйнштейн, чье имя стало синонимом гения оригинальности и креативности, однажды сказал: «Современные проблемы будут решены в будущем используя подход, который никак не связан с сегодняшним подходом, который и привел к возникновению этих проблем». Совершенно очевидно, что Эйнштейн использовал метод нестандартного мышления чтобы обойти традиционные принципы в решении поставленных задач. Также, он использовал этот метод мышления в формулировке своих теорий и теорем, чтобы объяснить нам с вами мир физики.

      Инверсия

      В своей книге «Какая замечательная идея», Чарльз Томсон предположил, что единственным способом полностью понять этот мир — это взглянуть на вещи как с положительной, так и с отрицательной сторон. Например, инь – янь, лето-зима, день – ночь.
      Метод инверсии основан на рассмотрении задачи наоборот. Сделайте из положительного утверждения отрицательное, постарайтесь взглянуть на проблему с обратной стороны. Это может помочь вам прийти к неожиданным решениям.

      Рене Магритт, знаменитый сюрреалист из Бельгии написал эту картину, на которой изображена курительная трубка.

      magritte_pipe

      А под картиной Магритт написал – «Ceci n’est pas une pipe» (Это не трубка). Этой неожиданной надписью Магритт заставляет наблюдателей картины задать самим себе вопрос: Если это не трубка, то что же это?
      Ответ на этот вопрос – картина. Магритт использовал метод инверсии, дабы придать особое значение объекту ее труда — картине, а не тому, что на ней изображено.

      В заключение

      Сэр Кен Робинсон, известный мыслитель 20-го века, утверждает, что большая часть детей, к моменту своего взросления, теряет способность к креативному мышлению. Они боятся ошибиться, они отучены быть креативными.

      Почему это происходит?

      Поддерживать в детях креативность — значит поддерживать в них отличие от общества, нарушение существующих норм и ценностей общества. Быть креативным — значит ставить под сомнение старые методы и способы решения задач и придумывать свои, более удобные, а это не всегда правильно воспринимается обществом, особенно в детском возрасте. Схожесть с обществом и креативность становятся взаимоисключающими понятиями.

      Люди, чей повседневный труд — это изобретать креативные решения хорошо знают, как сложно иногда объяснить обществу чем ты занимаешься и зачем всё это нужно. Но не позволяйте им сломить себя. Поражайте всех своими креативными решениями, чтобы заставить общество поддерживать непохожие взгляды на вещи.

      Таящийся в вас креатив уже рвется на свободу. Так выпустите же его!

      Теперь вы можете:

      Подписаться на RSS

      ]]>
      /kreativ-where-is-creativity/feed/ 3
      Краткий обзор Lumix DMC-GF1 или какой должна быть цифровая фотокамера /lumix-dmc-gf1/ /lumix-dmc-gf1/#comments Sun, 31 Jan 2010 03:05:33 +0000 mironov /?p=265 Не безызвестная компания Panasonic не так давно анонсировала свое новое творение – Lumix DMC-GF1. Я не являюсь ни профессиональным фотографом, ни безумным охотником за новинками, но этот аппарат не смог обойти стороной. Дело в том, что с ним не всё так просто, как кажется с первого взгляда.
      Lumix G Micro DMC-GF1

      И что особенного?

      А особенностей, как ни странно, достаточно. Вроде бы, GF-1 это простая в использовании не зеркальная фотокамера, имеющая компактный размер (119 на 71 на 36,3 миллиметров. Вес — 185 граммов).
      Lumix DMC-GF1
      Но обладает большой матрицей и возможностью смены объектива. Это цифровое чудо от Lumix способно выдавать качество вполне способное конкурировать с крутыми и бесконечно дорогими профессиональными фотокамерами. То есть, не являясь профессиональным фотографом, можно смело устраивать фотосеты знакомым симпатичным девушкам и при этом не ударять в грязь лицом и рассчитывать на благодарность :) И пусть их не смущают компактные размеры и небольшой вес этого аппарата, при виде высочайшего качества получившихся снимков все сомнения отпадают.
      Вот первые впечатления от использования GF-1 профессионального фотографа:

      “Первые же попытки снять что-то на эту камеру очень впечатлили. В условиях не слишком интенсивного искусственного освещения без использования вспышки я получила четкие, правильно сфокусированные, корректные по цветам и совсем не шумные снимки с приятным боке. И это в авторежиме. Объектив со светосилой 1.7 оказался очень кстати.”
      (Источник – hi-tech.mail.ru

      Но я же не умею фотографировать!

      Услышав эту фразу, GF-1 с гордостью ответит интеллектуальной светочувствительностью, способностью распознавать лица и отслеживать движение и встроенной вспышкой, специально удаленной от объектива, что позволяет не засвечивать объекты при съемке на близкие расстояния.
      Lumix G Micro DMC-GF1
      А вдогонку он вам бросит фирменный Панасониковский автоматический режим AI дооснащенный возможностью компенсировать свет у объекта, освещенного сзади В общем этот аппарат прекрасно обошелся бы и без человеческой помощи и творил бы шедевры фотографии самостоятельно.
      Lumix DMC-GF1

      Ближе к делу

      Перейдем к техническим характеристикам.
      Вот тут ребята собрали все технические характеристики виновника этой статьи. Я же возьму на себя смелость выделить основные вкусности:
      Lumix DMC-GF имеет при себе:

      • Стандарт Микро 4/3
      • GF1 – это первая компактная камера от “Панасоник” формата Микро 4/3. Этот формат предназначен для создания незеркальных камер со сменными объективами и большой матрицей.

      • “Живучая батарейка”
      • До 380 фотографий без подзарядки

      • 12-мегапиксельный сенсор
      • Чего вполне достаточно, учитывая новую технологию, используемую в этой новинке. На выходе – высокое качество снимка и низкий расход энергии.

      • Диагональ 4/3 дюйма, соотношение сторон 4:3, то есть максимальный размер кадра 4000х3000
      • Возможность записи видео в формате AVCHD
      • Одна из немаловажных особенностей. Качество видео действительно отличное.

      • Встроенная вспышка
      • Габариты 119 x 71 x 36,3 мм
      • Вес 285 граммов
      • Компактный размер и небольшой вес – яркая особенность этого аппарата. Не многие его конкуренты могут похвастаться схожими характеристиками при таком же высоком качестве снимков.

      • Карту памяти SD

      Lumix DMC-GF1

      Превосходно!

      Я начал с того, что Lumix DMC-GF1 это цифровая камера и не профессиональный зеркальный аппарат, но, выходит, что GF1 не уступает им почти ни в чем. Эта новинка обладает рядом неоспоримых достоинств – от удобства в использовании до высококачественных фотографий и видео. Lumix DMC-GF1 выходит в неоспоримые лидеры среди аппаратов для повседневного использования, но и в профессиональных целях тоже не уступает своим старшим братьям.

      ]]>
      /lumix-dmc-gf1/feed/ 3
      Анимация на сайте. Javascript и Flash. /website-animation-javascript-flash/ /website-animation-javascript-flash/#comments Sun, 29 Nov 2009 14:26:02 +0000 mironov /?p=241 Очень часто мне приходилось работать с людьми, которые были абсолютно уверены, что единственным способом анимирования контента на сайте является великая технология Flash. В свое время я считал точно так же, но, сейчас-то, уже, наконец, заметил, что есть и другие способы.
      Для начала, несколько интересных примеров красивой анимации на сайтах, выполненной без использования flash.

      1. Гослото

      Анимация на сайте

      Законодатели мод русского веб дизайна уже давно игнорируют технологию Flash и всё, что с ней связано. Сайт “Гослото” просто напичкан анимацией, выполненной с помощью языка javascript, хотя, на первый взгляд, это тот самый flash.

      2. Vimeo

      Анимация на сайте

      На сайте самого красивого видеохостинга “Vimeo” фоновые рисунки “летают” по мере прокрутки страницы. Вся эта красота тоже обходится без flash. Да и, наверное, нет другого способа, на не javascript, чтобы осуществить такую анимацию фона сайта.

      3. Lionite

      Анимация на сайте

      Также анимация фона, созданныя при помощи Javascript и популярного фреймворка к нему, JQuery.

      4. Arnaud-k

      Анимация на сайте

      Также красивая анимация фона, но реагирующая на движение курсора. Javascript, приправленный JQuery, опять же, творит чудеса.

      5. Phpcli

      Анимация на сайте

      Сайт этого php-фреймворка вообще заслуживает отдельного внимания. На это стоит посмотреть. Разумеется, никакого Flash’а.

      Думаю, что эти 5 примеров отлично доказывают, что анимация на сайте может быть прекрасна, и без использования технологии flash. Но теперь возникает резонный вопрос: “Зачем? Нам и Flash нравится!”. Недостатков у технологии Flash несколько, в прочем, как и достоинств:

      Начнем, пожалуй, с плохого. Недостатки:

      • Сайт, сделанный на Flash, загружается в 2 – 10 раз дольше, чем обычный.
      • Для того, чтобы юзер смог увидеть flash-сайт, он должен установить плагин себе на компьютер и обновлять его каждые несколько месяцев.
      • Для разработки flash-сайта требуется дополнительное программное обеспечение.
      • Поисковые системы не смогут проиндексировать текст flash-сайта.
      • Flash-сайт, обычно, игнорирует все веб-стандарты. Текст, иногда, нельзя выделить и скопировать. Нельзя нажать в браузере кнопку “назад”, нельзя просто сохранить изображения, размещенное на flash-сайте.
      • Анимированные flash-банеры заведомо игнорируются пользователями.

      Существуют, разумеется, еще недостатки этой технологии, но эти я считаю основными.

      Но, есть и достоинства:

      • Flash – объекты, вставленные в обычную HTML – страницу, позволяют использовать любые шрифты.
      • Это, кстати, как мне кажется, очень интересный плюс технологии Flash. Например, на ваше любимом блоге, который вы запустили на потрясающей системе управления контентом “Wordpress”, можено легко установить интересные плагины, которые заменяют заголовок любого поста/статьи на flash-объект с текстом заголовка, но уже в другом, красивом, шрифте. Компания “Envato” использует эту возможность на многих своих проектах, например:

        1. FreeLanceSwitch

        Анимация на сайте

        Заголовки на этом популярном блоге великолепны.

        2. Creattica

        Анимация на сайте

        3. TheNetSetter

        Анимация на сайте

        И опять крутотень с заголовками.

      Итак, вернемся к плюсам технологии Flash:

    • Flash хорош для демонстрационных целей и презентаций каких-либо проектов.
    • Это достоинство здесь, благодаря хорошей особенности flash – это не только технология для веб. Flash – мульты, в свое время, захватили весь русский народ. И это, как вы помните, были отдельные видеоролики, которые можно было просматривать на своем компьютере без подключения к интернет.

    • Flash позволяет работать с векторной графикой, что жутко удобно, да и выглядит качественно.

    Разумеется, у нахваленного мной языка Javascript, в контексте несложной анимации в веб-сайтах, тоже есть свои недостатки.

    Некоторые недостатки Javascript-анимации:

    • No-script. Да, есть ребята, которые беспокоятся о своей безопасности в интернете чуть больше, чем нужно.
    • Они отключают javascript в своих браузерах, и, следовательно, не увидят всю эту красивую анимацию. Да и черт с ними!

    • Недостаточная скорость
    • В устаревших браузерах, которые, как известно, доминируют в мире, скорость работы javascript кода недостаточно высока. Это значит, что вся анимация, у счастливых обладателей IE6, будет притормаживать.

    Остается также добавить, что все прогрессивное интернет сообщество уже осознало преимущества Javascript перед flash в построении несложной анимации на сайтах. Но, пока остаются “консервативные” заказчика сайтов-визиток для своих компаний, у фрилансеров-флешеров будет высокооплачиваемая работа.

    Выше рассмотрено лишь несколько недостатков/достоинств обеих технологий, выбор, что именно использовать, всегда зависит от особенностей того или иного проекта. Мне будет интересно выслушать ваше мнение в комментариях.

    ]]> /website-animation-javascript-flash/feed/ 4 Google Wave – новый стандарт общения в сети? /google-wave/ /google-wave/#comments Sat, 17 Oct 2009 22:38:36 +0000 mironov /?p=196 Наверное, все уже слышали девиз Google Wave – “Какой бы была электронная почта, если бы ее изобрели сегодня?”.
    Но в чем, собственно, фишка Wave? К чему столько шума и оправдывает ли Wave ожидания?

    В чем соль?

    Задумку Google Wave можно продемонстрировать на следующем примере:
    Например, вы задумали устроить у себя дома гавайскую вечеринку. Разумеется, вы хотите пригласить к себе друзей.

    Вам нельзя выходить из дома и пользоваться телефоном Вы начинаете рассылку приглашений на свою вечеринку по электронной почте.
    Google Wave
    И вот, 50 заветных приглашений получены своими адресатами, но, вдруг, один из них предлагает вам (опять же через e-mail) свою идею:

    “А почему бы устроить у тебя дома не гавайскую вечеринку, а, скажем, Сомалийскую?”.

    Вам, вдруг, становится очень интересна его идея и вы соглашаетесь. Теперь вам нужно отправлять 50 приглашений заново.
    Так вот, Google Wave как раз задуман решить проблемы подобного характера. Теперь, чтобы разослать приглашения, вы, по задумке Wave, должны будете создать “волну” и пригласить в нее всех, кого считаете нужным.
    Google Wave
    Все приглашенные в волну могут писать туда сообщения, в том числе и предложения о проведении Сомалийской вечеринки. К каждому конкретному сообщению можно присоединять комментарии, также можно добавлять любого рода файлы, и вообще синхронизировать с любыми сервисами Google (maps, docs, youtube и т.д.). В “волне” даже можно создать опрос, например, по поводу тематики этой пресловутой вечеринки :).
    Google Wave
    Более того, после проведения вечеринки в эту же волну можно будет добавить фотографии и обсудить всё, что на ней происходило.

    Поможет ли всё это нам?

    Всеми этими возможностями, конечно, можно было пользоваться и раньше, но на разных сайтах. Разработчики Gogle Wave брали всё самое лучшее из современных социальных сервисов, в результате они создали универсальный сервис, призванный стать стандартом общения в XXI веке.

    Синхронизация.

    По традиции, Google не пренебрег обнародованием API, что позволяет синхронизировать “волну” например, со своим блогом. Уже появился плагин на Wordpress, позволяющий это сделать.

    Интерфейс.

    Интерфейс Google Wave, разумеется, очень удобен. Все пространство можно настроить по своему желанию. Все блоки двигаются, сворачиваются и разворачиваются, все цвета можно менять.
    Google wave

    Google Wave это большой шаг компании Google к синхронизации всех своих приложений между собой. Разработчики Google активно создают пользовательскую среду, максимально лишенную сторонних сервисов. Разработка Chrome OS, видимо, должна стать логическим завершением всего этого, и тогда, по всей видимости, появятся автомобили Google а потом и Google- дома :).

    В заключение.

    Google Wave действительно может стать стандартом современного общения в интернете, но, как и всегда, в Россию эти стандарты доберутся не очень скоро. На данный момент сервис находится в стадии тестирования, и, как вы понимаете, делать там нечего – никого нет:).

    ]]>
    /google-wave/feed/ 7
    Особенности национального юзабилити /national-usability/ /national-usability/#comments Mon, 12 Oct 2009 21:43:07 +0000 mironov /?p=181 Я люблю юзабилити и все его негласные правила. Они появляются сами собой и помогают более-менее продвинутым пользователям интернета проще ориентироваться в его просторах.

    Например, ссылки. То, что они должны чем-то отличаться от остального текста – это понятно. Но я обратил внимание на наше национальное явление – ссылки, подчеркнутые пунктиром, по правилам Лебедева русского юзабилити,они не должны нести за собой обновления страницы. Это очень крутое и удобное правило правило.
    usability youdo
    На американских сайтах я, по привычке, ожидаю того же, и начинаю ненавидеть сайт, когда на нем есть ссылки, подчеркнутые пунктиром просто так.
    usability noupe

    Есть основное еще одно правило юзабилити – кликнув на логотип сайта, вы ожидаете перейти на его главную страницу. Это нормально. Более того, это необходимо!

    useability yandex

    Но есть интересная штука – порталы. В них сразу несколько сайтов в одном. В этом случает понятие “главная страница сайта” становится относительным. Вот здесь то и возникает гордость за особенности национального лебедевского юзабилити!
    На Яндексе, в разделе Яндекс.Видео всё в норме – нажимаешь на логотип – попадаешь на главную Яндекса, нажимаешь на слово “видео” под логотипом – попадаешь на главную Яндекс.Видео.
    useability yandex
    А на Гугл.Видео вот такой фэйл:
    usability google

    ]]>
    /national-usability/feed/ 4
    Как вести успешный блог? /kak-vesti-uspeshnyj-blog/ /kak-vesti-uspeshnyj-blog/#comments Thu, 08 Oct 2009 17:54:24 +0000 mironov /?p=172 Сегодня я решил перевести интервью успешного американского блоггера и веб дизайнера, которого зовут Chris Coyier. Страницы его блога, Сss-tricks, просматривают 1.5 миллиона раз в месяц. В этом интервью он говорит о том, как, по его мнению, нужно вести успешный блог.

    Звучит заманчиво, особенно в свете российской блогосферы, где SEOшники-блоггеры многие трубят о различных способах привлечения супер-трафика, а сами, даже делая скидку на Российский вялый интернет, по сравнению с вышеупомянутым блоггером, имеют трафик равный нулю. Собственно вот и интервью:

    Что побудило вас заняться этой ерундой (блоггерством)?

    Много всего. Я начал вести блог когда только приступил к изучению веб дизайна. Началось всё с установки Wordpress, поиска подходящего шаблона и его модернизации под свои нужны. Wordpress меня привлек своей функциональностью, используя которую я мог создавать динамические сайты, а не унылые статические. Позже, когда я уже многое, наконец, узнал о веб дизайне, разрабатывая и совершенствуя wordpress-темы, я решил завести свой блог, и писать в нем о том, чему я научился. Причиной, которая меня побудила начать блоггерствовать, явилось желание помочь людям и, если повезет, заработать денег. Удача оказалась благосклонной ко мне и мой блог далеко пошел, но всё это – результат тяжелой работы.

    Каков же рецепт создания успешного блога о веб дизайне?

    Во-первых, нужно ,чтобы у вас было что сказать. Во-вторых – нужно уметь всё это правильно преподнести. То есть иметь свое мнение на всё, и умение выразить его в блоге с долей уверенности в своих словах.

    Дайте совет начинающим дизайнерам, которые очень хотят, чтобы их блоги стали особенными и успешными.

    Вам, всего лишь, нужно писать интересные вещи, а читатели появятся сами собой, как снежный ком. И всё. Не бывает такого, чтобы кто-нибудь писал действительно интересные вещи и не имел хорошего трафика на своем блоге. Если ваша статья действительно хороша – вам лишь потребуется её чуть-чуть подтолкнуть в массы и она вскоре станет популярной сама собой. Это значит – если на вашем блоге нет трафика – вам нужно писать статью лучше.

    Если ли у блога шанс стать популярным, если единственной целью его создания является получение прибыли?

    Не-а.

    Большой интерес, дизайн и реклама (раскрутка) – в каких пропорциях следует смешивать эти вещи при создании хорошего блога?

    Интерес – 60%, дизайн – 35%, Реклама (раскрутка) – 5%.

    Нужно писать действительно хорошие статьи – это приходит от вашей личной заинтересованности темой вашего блога. То есть интерес – очень важная часть, которая, в любом случае, не даст вашему блогу умереть. Но блоги, особенно блоги о веб дизайне, должны олицетворять своим внешним видом свой контент. Нельзя писать о дизайне на уродливом сайте, это глупо. Это всё равно что быть политиком, проповедующим важность семейных ценностей, и одновременно изменять своей жене. Но, несмотря на то, что я сам – дизайнер, и уделяю дизайну большое внимание, я считаю что контент – самая важная часть в блоге. Даже самый уродливый сайт с хорошим и интересным контентом всегда выиграет у красивого гламурного бложика с говняными статьями. Рекламе (раскрутке) я уделил так мало внимания потому что блоги нынче раскручиваются автоматически. Людям нравится находить интересности и делиться ими. Именно об этом я хотел сказать выше, когда упомянул, что читатели появятся ‘сами собой, как снежный ком’. Всего пара пользователей, поделившаяся вашей статьей с друзьями, легко превратится в целую кучу трафика.

    Как вам удается совмещать вашу основную работы с ведением блога Css-tricks?

    Я работаю дома, это экономит много времени. Также у меня нет жены и детей, которые, обычно, отнимают значительную часть свободного времени. Я считаю, что мне повезло, и сейчас у меня очень продуктивный момент жизни. Я могу тратить много времени на дизайн и поддержку/разработку своих собственных проектов. Это может, для многих, звучать странно, но я получаю кучу удовольствия от всех этих занятий.

    Работа, на которую я трачу бОльшую часть своего времени, является генератором многих идей для моих статей.

    Также, не стоит забывать, что я не проснулся таким успешным и знаменитым. У меня ушли годы ,чтобы научиться работать так эффективно и правильно организовать свой рабочий процесс. И даже сейчас, когда я нахожу способ ускорить выполнение тех или иных задач, я всегда активно использую его.

    И, напоследок ,еще одинсовет ,который вам хотелось бы дать тем ,кто начинает блог имеющий отношение в дизайну.

    Не делайте перечисления и списки чужих статей. Этого говна и так навалом. Если же вы, всё-таки, хотите заниматься этим, вам следует иметь свое мнение и делать нечто более качественное, чем Noupe, Smashing Magazine и Vandelay Design.


    От себя хочется заметить, что Крис ни слова не говорит о SEO и прочей магии. Из этого можно сделать вывод, что поисковая оптимизация для блога не очень то и важна, а определяющее значение имеет контент. Нынче, использу твиттер, вообще можно обойтись без рекламы. В принципе, в том, что содержание – это самое главное, ничего удивительного нет, но, как ни странно, многие об этом иногда забывают.

    ]]>
    /kak-vesti-uspeshnyj-blog/feed/ 0
    Зернистая текстура в дизайне сайтов. /texture-zernistost-texture-web-design/ /texture-zernistost-texture-web-design/#comments Mon, 05 Oct 2009 12:29:27 +0000 mironov /?p=126 Зернистая текстура в веб дизайне становится новым (хорошо забытым старым) трендом у американских веб дизайнеров. Разумеется, чтобы зернистая текстура в веб дизайне смотрелась круто, ее нужно круто использовать, со вкусом. Вот несколько примеров по-настоящему крутого использования зерна от американских дизайнеров:

    robalan.com

    зернистая текстура в современном дизайне

    atebits.com

    зернистая текстура в современном веб дизайне
    Смотрится симпатично и качественно. Создать макеты, подобные этим Photoshop не сложно. Можно прибегнуть к стандартным фильтрам , можно скачать вот эти текстуры:
    зернистая текстура Photoshop
    зернистая текстура Photoshop
    И использовать их в качестве фона размножая по обеим осям (в фотошопе создать узор).
    Также очень круто сочитать с зернистыми текстурами ‘вдавленный текст’. Тогда качество просто льется рекой из страниц вашего сайта:

    epicevent.com.au

    вдавленный текст
    Сделать это не сложно – нужно просто грамотно настроить внутреннюю тень и наложение градиента у текста, который вы собираетесь сделать вдавленным (урок на эту тему есть тут)
    Эта статья нацелена на появление у вас вдохновения. Надеемся, что она поможет при разработке ваших новых дизайнов:).

    ]]>
    /texture-zernistost-texture-web-design/feed/ 0