Колор-Код, Лаборатория Кода

Создание сайтов на Joomla: Мой Топ-5 расширений для сайтов бизнес-модели

В свое время я испробовала массу модулей и компонентов Joomla, но в реальных проектах прижились единицы. О них и пойдет речь.

Оговорюсь, что под бизнес-моделью сайта подразумевается, что сайт является полноценным представительством компании в интернете (НЕ сайт-визитка), и, при этом, не является интернет-магазином.

  • Создание сайтов на JoomlaГалерея
  • Анимация новостей
  • Заказ по прайсу с сайта
  • Онлайн-запросы и заявки с сайта
  • Мультиязычность

Читать дальше

Теги , , , , , , , , , ,
Колор-Код, Маркетинг-Код, Райтинг-Код

Эффективный веб-дизайн — от теории к практике, — или Эмуляция Flash средствами HTML, JS, JQuery

К эффективному веб-дизайну принято относить следующий перечень требований:

  • Все самое главное — до линии сгиба *
  • Простая навигация
  • Динамичность
  • Современность, уникальность, эстетическая привлекательность
  • Быстрая загрузка
  • Демонстративность
  • Большие заголовки
  • Оптимизированность для поисковых систем

————————

* Хотя здесь «бабка на двое сказала». Последние исследования показали, что пользователям совершенно комфортно листать страницу, используя полосу прокрутки, подробнее здесь и здесь (русский вариант). Тем не менее, страница, умещающаяся в одно «окно», является более предпочтительной.

Большей части этих требований отвечает популярная технология Flash, с которой легко достигаются динамичные эффекты, эстетическая привлекательность и демонстративность. Однако она совершенно не читается поисковиками, а ее «вес» заставляет забыть о скорости загрузки. Часто два этих пункта становятся убийцами успешности сайта.

Я попыталась воплотить все требования эффективного веб-дизайна (редизайн сайта Westskate.ru) на основе HTML (+CSS), JavaScripts и JQuery, с использованием маленького flash-баннера в качестве элементарной анимации.

Редизайн сайта Westskate.ru

Эффективный веб-дизайн

Читать дальше

Теги , , , ,
Лаборатория Кода

Быстрый сайт, или Немного о том, как тяжелые и неповоротливые слоны становятся легкими и ловкими гепардами

Сравнение обычного сайта с тяжеловесным и неповоротливым слоном, в отличие от сравнительно легкого и ловкого гепарда, произошло на основе разработки memcached, — технологии, созданной для высоконагруженных проектов вроде LiveJournal и др. Однако часто владельцы обычных сайтов не имеют выделенного сервера, — установка подобного модуля невозможна, — а быстрый сайт все-таки хочется. Посмотрим, что можно сделать в обычных условиях, на типичном платном хостинге (PHP, MySQL)

Читать дальше

Теги , , , , , , , ,
Лаборатория Кода, Райтинг-Код

Поставить визуальный редактор на сайт

Поставить визуальный редактор на сайт (WYSIWYG)

Бывает так, что начинающие разработчики уклоняются от маневренности с визуальными редакторами (WYSIWYG) — часто используют то, что дают, т.е. визуальный редактор, вмонтированный в готовую CMS. Но что делать, когда речь идет о собственной разработке? Или, если визуальный редактор на готовой CMS «глючит»? На самом деле, поставить визуальный редактор на сайт довольно просто. Сейчас я занимаюсь написанием класса галереи на PHP, и мне понадобилось поставить визуальный редактор. Здесь я хочу поделиться общими принципами работы и монтажа визуальных редакторов.


Читать дальше

Теги , ,
Колор-Код, Райтинг-Код

Семантический Web и дизайн информации

Семантический Web и дизайн информации

Семантический Web, более известный как web 2.0, появился в 2005 г. Точнее, появился он раньше, но заговорили о нем в 2005 г., когда Тим О’Рейли стал автором знаменитого термина (Web 2.0). Специфика нового веба, во многом, опиралась на семантические основания (другими словами, — «смысловой» аспект информации). Под «смысловым» аспектом подразумеваются, например, метки на Я.ру, которые нас склоняют ставить к записям, фото и любым материалам, чтобы их проще могли найти другие пользователи. Если кто-то окунулся в Интернет недавно, стоит заметить, что еще несколько лет назад этого не было, как и обилия социальных сетей (даже «одноклассников» не было).

Одновременно с бумом болтологии о семантическом Web, произошла популяризация дизайна информации (информационного дизайна). Информационный дизайн (Information design) — практика подготовки информации (дизайн информации) таким образом, чтобы люди могли использовать ее оперативно и эффективно. Любовь к конструкциям некоторых дизайнеров нашла воплощение через дизайн информации, которая становится объектом моделирования. За рубежом, дизайн информации ярче всего нашел отражение в так называемой «визуализации данный» (Data Visualisation)

Читать дальше

Теги , , , , , , , ,