Новости 2013

22.11.2013

Опубликован бесплатный русифицированный набор шаблонов многоуровневых меню для сайта.
Наборы шаблонов многоуровневых выпадающих меню с сайта Free CSS Drop-Down Menu Framework пользуются заслуженной популярностью у многих веб-разработчиков. Текущий набор достиг версии 1.3. Но у отечественных пользователей больше в ходу шаблоны меню версии 1.1. И это не случайно. На просторах Рунета еще достаточно часто применяются браузеры IE6 и, даже, IE5. И именно версия шаблонов 1.1 оптимизирована для просмотра в этих устаревших браузерах. Версия 1.2 поддерживает только IE6, а в версии 1.3 прекращена поддержка IE6. Естественно, что шаблоны поддерживаются всеми остальными браузерами.

Ранее мной был опубликован русификатор CSS Tab Designer 2.0.0.2, программы позволяющей неподготовленному пользователю создать стильное профессиональное меню для сайта. Но эта программа ориентирована на создание одноуровневых меню, которые можно использовать для небольших неразветвленных сайтов: домашних страничек, сайтов-визиток, портфолио. Упомянутый же набор шаблонов позволяет создать профессиональные многоуровневые меню для сайтов любого уровня сложности. Он распространяется автором как бесплатная, простая, упорядоченная, кросс-браузерная, соответствующая стандартам платформа для создания многоуровневых выпадающих меню. В арсенале набора имеются следующие типы меню:

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

Меню выполнены в корпоративном стиле таких брендов, как Adobe, MTV, NVIDIA, Flickr. Многие профессиональные веб-дизайнеры для создания меню используют свои собственные наработки, многие CMS, на которых работают профессиональные сайты, имеют свои инструменты для создания меню. Но, как мне кажется, рассматриваемый набор шаблонов найдет своего пользователя и будет ему полезен. Для работы с шаблонами необходимы некоторые навыки в HTML и CSS. В локализованных мной шаблонах переведен только первый уровень пунктов меню, этого достаточно, чтобы показать возможность вставки русских названий без отображения кракозябрами. При русификации шаблонов использовалась нативная кодировка utf-8. Пользователям, которым нужна кодировка windows-1251, не составит труда поменять ее. В оригинальном наборе использован XHML-доктайп, он же оставлен в локализованных шаблонах. Поменять его на HTML-доктайп не сложно. Эти и некоторые другие вопросы, которые могут возникнуть при адаптации меню под конкретные условия, я постарался рассмотреть в прилагаемом руководстве (tutorial_menu.chm). русифицированы шаблоны только версии 1.1. Некоторые дополнительные сведения по созданию и использованию шаблонов освещены на сайте разработчика (см. выше). Шаблоны меню трёх версий, пример русификации меню и справочный файл упакованы в zip-архив.
Бесплатно скачать локализованные шаблоны меню и просмотреть скриншоты русифицированного меню и справки можно на странице загрузки.


06.11.2013

Опубликованы русификатор плагина Gimp – WebSprites и статья "Создание CSS-спрайтов в Gimp" с помощью этого плагина. В статье рассмотрены создание и оптимизация CSS-спрайтов в бесплатно распространяемом графическом редакторе Gimp. Кроме простого и легкого создания спрайтов и необходимых стилей (CSS) этот редактор позволяет оптимизировать и уменьшить размер полученного спрайта не отходя от кассы, то есть не выходя из программы.
Русификатор выполнен в виде zip-архива, который содержит необходимые файлы и инструкции.
Бесплатно скачать русификатор плагина WebSprites и просмотреть его скриншоты можно на странице загрузки.


07.04.2013

Опубликован русификатор Fast Link Checker Lite 2.1.0.605 – версия 32 бит (http://www.webtweaktools.com) – программы, предназначенной для проверки гиперссылок на веб-страницах. Программа распространяется бесплатно и позволяет проверить ссылки на веб-сайте как локально, так и в сети. Программа имеет необходимый и достаточный минимум настроек, удобный и простой интерфейс, работает быстро и эффективно. Ниже приведён краткий перечень характеристик программы.

  • Небольшая и простая в использовании программа
  • Создаются удобные отчёты по найденным неработающим ссылкам
  • Позволяет генерировать и сохранять отчёты в файл
  • Проверка ссылок на локальных страницах и внешних сайтах
  • Проверка ссылок на всём сайте или на одной из его страниц
  • Проверка всех статических и динамических HTML-страниц
  • Проверка ссылок в файлах, доступных через протоколы HTTP, HTTPS, FTP и FILE
  • Загрузка и проверка несколько страниц за один раз
  • Поддержка большинства наиболее распространённых кодировок
  • Настраиваемая идентификация пользовательского агента
  • Поддержка принципов поведения роботов, включая стандарт исключения robots.txt
  • Поддержка прокси-серверов HTTP и SOCKS
  • Абсолютно бесплатное использование

Русификатор выполнен в виде zip-архива, который содержит необходимые файлы и инструкции.
Бесплатно скачать русификатор Fast Link Checker Lite – 32 бит и просмотреть скриншоты программы можно на странице загрузки.


12.03.2013

Опубликован краткий обзор бесплатной программы Riot 0.4.6 – Radical Image Optimization Tool (радикальный инструмент оптимизации изображений, как его называют в Рунете или более правильный перевод – инструмент радикальной оптимизации изображений), предназначенной для оптимизации и сжатия веб-графики. Обзор содержит ссылку на русскую сборку Riot и проиллюстрирован скриншотами программы, поясняющими её работу.


11.03.2013

Опубликована статья CSS спрайты и программы (генераторы) создания css-спрайтов с подробным обзором генераторов css спрайтов CssSpriter-1.2 и DoHTMLSprite. Применение CSS-спрайтов позволяет оптимизировать веб-графику и существенно увеличить скорость загрузки сайта или блога. Обзор проиллюстрирован скриншотами обеих программ, поясняющими их работу. Позднее обзор дополнен сведениями еще об одном генераторе css спрайтов – SpriteGenerator 0.2.


03.03.2013

Опубликован полный русификатор Free Window Registry Repair 2.7 (http://www.regsofts.com).
Это русификатор последней на текущий момент (02.03.2013) версии программы. Со времени публикации русификатора к программе версии 2.5 она успела приобрести популярность у многих пользователей и заслужила их уважение. В последней версии программы исправлены небольшие ошибки, улучшены устойчивость и поддержка Windows 7.

Эта небольшая бесплатная программа предназначена для корректной и быстрой очистки реестра операционных систем Windows. Работает программа быстро, тщательно и безопасно. Простой пошаговый интерфейс удобен и прост. Почти все пользователи Windows постепенно испытывают снижение производительности своего ПК. Большая часть этого явления может быть приписана ошибкам реестра Windows. При регулярном использовании Free Window Registry Repair и исправлении реестра ваша система будет не только более устойчивой, но и будет быстрее запускаться. Для удобства программа автоматически создает копию всех исправлений, чтобы Вы всегда могли подстраховаться и восстановить реестр Windows в исходное состояние. Есть два варианта отката: глобальный – через точку восстановления системы и локальный – с помощью резервных копий, сделанных изменений. И то, и другое программа создает автоматически.
Автор настолько уверен в своей программе, что не боится конкуренции и приводит на своём сайте большую аннотированную подборку бесплатных и платных программ аналогичной тематики со ссылками.
Мне казалось, что в название программы закралась ошибка. Логичней выглядит название Free Windows Registry Repair. Но разработчик развеял мои сомнения по этому поводу. Он умышленно опустил букву s, но почему так сделал, не пояснил. Смею предположить, что причина та же, что и у Кристиана Гислера – автора знаменитого Windows Commander, который он был вынужден переименовать в Total Commander из-за трений с корпорацией Microsoft.

Перечислю основные возможности программы:

  • Простой дружественный интерфейс
  • Возможность полного и выборочного сканирования реестра
  • Исправление недопустимых записей реестра, которые являются частой причиной катастрофических отказов Windows и сообщений об ошибках
  • Указание конкретных ключей реестра для исключения каких-либо изменений в них
  • Увеличение устойчивости и быстродействия системы
  • Установка различных вариантов очистки реестра
  • Возможности глобальной и локальной отмены сделанных изменений
  • 100%-ое СВОБОДНОЕ ПО, НЕ содержащее никаких шпионских, рекламных модулей и вирусов
  • и многое другое…

Русификатор сделан в виде инсталлятора, добавляющего в папку программы локализованный исполняемый файл и справочный файл, созданный на основе веб-справки программы, размещенной на сайте разработчика. В русифицированной программе также реализован вызов созданной справки из главного окна программы вместо открытия в браузере веб-справки, расположенной на сайте разработчика.
Бесплатно скачать русификатор Free Window Registry Repair 2.7 и просмотреть скриншоты русифицированной программы и справки можно на странице загрузки.


28.02.2013

Опубликован полный русификатор sizer 3.34 (http://www.brianapps.net.com).
Это русификатор последней стабильной на текущий момент (28.02.2013) версии программы. Ранее мной был опубликован русификатор для версии 3.32 этой программы. В последней версии программы исправлены некоторые ошибки и добавлена поддержка двух мониторов. На сайте разработчика предлагается также программа версии 3.4, предназначенная только для тестирования, где добавлены поддержка нескольких мониторов и 64-битных систем Windows.

Небольшая бесплатная утилита sizer 3.34 предназначена для изменения размеров активных окон, имитируя их отображение при различных разрешениях монитора. Программа полезна для веб-разработчиков, которые занимаются вёрсткой веб-страниц с использованием DIV-ной разметки с использованием CSS. Довольно часто такие "резиновые" страницы, свёрстанные при одном разрешении, выглядят несколько иначе при других разрешениях монитора, а то и просто разваливаются. Программа помогает протестировать поведение страниц при различных разрешениях и избежать ошибок. Помимо этого программа может быть полезна разработчикам технической документации, когда нужно сделать скриншот жестко заданного размера.
Программа имеет 4 варианта изменения точных размеров и два способа интерактивного изменения. Несмотря на простоту использования, автор на домашней странице разместил короткое справочное руководство к программе, переведенный и оптимизированный вариант которого тоже вошёл в русификатор.
Русификатор выполнен в виде zip-архива, который содержит все необходимые файлы и инструкции.
Бесплатно скачать русификатор sizer 3.34 и просмотреть скриншоты программы можно на странице загрузки.


14.02.2013

Опубликован перевод интерфейса браузерной программы Instant Sprite (http://instantsprite.com), очень удобного и функционального генератора CSS-спрайтов. Программа разработана Брайаном Гринстедом (Brian Grinstead) – автором ещё нескольких хороших программ для веб-разработчиков. Как уже говорилось, назначение программы – создание CSS спрайтов, и эту задачу программа выполняет просто, элегантно и эффективно. Программа бесплатная, с открытым исходным кодом, распространяется по MIT-лицензии.

Css-спрайты это современная технология увеличения скорости загрузки веб-страницы. Суть этой технологии заключается в объединении множества картинок, расположенных на странице (как правило, фоновых и не очень больших) в одну составную картинку с дальнейшим использованием на веб-странице её элементов с помощью позиционирования средствами CSS. Преимуществом этой технологии является существенное уменьшение HTTP-запросов при выдаче контента. Вместо 10-20… запросов на выдачу 10-20… картинок останется один!!! запрос на выдачу всего одной картинки-спрайта, в которую объединены эти самые 10-20… картинок. Скорость загрузки картинок возрастает в разы, соответственно и страница грузится намного быстрее. Не зря Google и Yahoo при тестировании скорости загрузки веб-страниц дают рекомендации по объединению отдельных изображений в спрайты. Особенно это касается различных логотипов, иконок, кнопок и других графических элементов навигации и управления. Дополнительным преимуществом этого метода является очень простая реализация rollover-эффекта изображений без использования скриптов, опираясь только на возможности CSS.

В интернете можно найти большое количество информации, посвященной CSS-спрайтам, их созданию и использованию. Очень неплохой ресурс Sprite Me, который в режиме онлайн анализирует страницу и выдает рекомендации по объединению изображений в спрайты, а также рекомендации по правке CSS и HTML-разметки. Но на моих страницах этот ресурс нашел лишь малую толику того, что можно объединить в спрайты. А попытка указать сервису на изображения, из которых можно сделать спрайт не увенчалась успехом. Причиной могло быть то, что на некоторые картинки был повешен rollover-эффект и скрипт не видел часть картинок, другие картинки, в частности логотипы русифицированных программ, тоже не находились по неизвестной причине. Движок ресурса явно нуждается в доработке.

Из множества различных генераторов для создания спрайтов, как онлайновых, так и оффлайновых, мне больше всего понравился описываемый Instant Sprite, который существует как в виде онлайн-сервиса, так и в виде десктопного варианта. Если для использования многих рассмотренных мной генераторов спрайтов, необходимо было немного вникнуть в интерфейс и понять возможности программы, то использование Instant Sprite было простым до безобразия или до совершенства. По первому взгляду было сразу понятно, что может сделать программа и как это сделать. Я просто перечислю основные возможности программы, глядя на неё, а заинтересованные пользователи могут сравнить их с возможностями других программ и сервисов аналогичного назначения (обзор нескольких неплохих десктопных программ можно посмотреть на странице моего ресурса CSS спрайты и программы для создания css-спрайтов).

  • Веб-интерфейс программы (работать можно в любой ОС, достаточно открыть индексный файл в браузере)
  • Простота, продуманность и интуитивность интерфейса
  • Удобство использования
  • Возможность загрузки сразу нескольких файлов из системного диалогового окна
  • Возможность загрузки файлов методом перетаскивания
  • Возможность тестирования программы с помощью демонстрационных изображений
  • Просмотр и управление загруженными файлами (сортировка, удаление)
  • Множество входных форматов изображений (нужные gif, png, ico; ненужные bmp, jpeg и др.; файлы Фотошопа psd не поддерживаются)
  • Возможность задания необходимого смещения изображений
  • Задание необходимого расположения изображений в спрайте (вертикальное, горизонтальное, диагональное!!!)
  • Автоматическое создание CSS и HTML для спрайта
  • Возможность задания своих имён классов, css-префиксов и суффиксов и пр.
  • Возможность прямой корректировки CSS и HTML в окне программы
  • Немедленное отображение внесенных изменений
  • Копирование CSS и HTML из окна программы
  • Предварительный просмотр созданного спрайта
  • и многое другое…

Для работы с программой достаточно открыть индексный файл в браузере. Хочу отметить, что программа не работает в недобраузерах, о чем честно предупреждает при открытии в IE. Все современные браузеры поддерживаются без проблем. Почему то я не смог сохранить созданный спрайт из Firefox, в Опере и Хроме – всё отлично. Может быть, что-то делал неправильно, поскольку мой основной браузер Opera. Ещё несколько замечаний. Полностью возможности программы раскрываются при работе под каким-либо веб-сервером (становятся доступны ещё кое-какие возможности), но для обычного пользователя эти возможности избыточны. Пункт Оптимизировать изображение, кстати, отсутствующий в онлайн-версии генератора, не работает, видимо это задел на будущее. Опция создания спрайта в формате gif также не работает – выходной формат только png 32 бит. Для вставки его на страницу, оптимизированную под просмотр в недобраузерах, желательно преобразовать его в 8-битовый формат для обеспечения необходимой прозрачности. Для этого настоятельно рекомендую онлайновый сервис TinyPNG (http://tinypng.org), никакой PunyPNG (http://www.punypng.com/) рядом не стоял, а если и стоял, то нервно курил. Второй вариант оптимизации веб-графики (возможно, более простой и эффективный) – использование программы Riot, краткий обзор которой (со ссылкой на русифицированную сборку) приведен мной на странице Riot – инструмент радикальной оптимизации изображений.

Скачать Zip-архив программы Instant Sprite можно на https://github.com/bgrins/InstantSprite.
О переводе. Можно было и не переводить, настолько проста программа в использовании. Частичная русификация сделана только с целью популяризации программы в среде русскоязычных пользователей, поскольку я размещаю русификаторы в нескольких популярных софт-каталогах. Повторюсь, что из множества аналогичных программ, мной сразу был получен нужный результат именно в этой программе. Переведены только индексный файл и пара слов из основного стилевого файла. Этого вполне достаточно для локального использования программы. Программа с переведенном интерфейсом также поставляется в zip-архиве. Для работы достаточно открыть в папке site индексный файл. В заключении в качестве живого примера приведу спрайты, которые используются на моих страницах. Все фоновые картинки, используемые на моих страницах, выполнены в виде спрайтов.
Увидеть их можно по этой ссылке. Всего на сайте используется около 70 спрайтов. Пустые места на картинке постепенно будут заполняться новыми спрайтами по мере необходимости.
Посмотреть скриншоты переведенной программы и бесплатно скачать русифицированный генератор спрайтов Instant Sprite можно на странице загрузки. Дополнительно ещё раз рекомендую посмотреть обзор трёх простых, внятных и эффективных программ аналогичного назначения на странице CSS спрайты и программы для создания css-спрайтов.


28.01.2013

Опубликован Полный русификатор Flash Image Rotator Pro
Программа Flash Image Rotator Pro компании UsingIt (http://www.usingit.com) позволяет легко и просто создать ротатор изображений и также легко и просто разместить его на своей веб-странице. Причем весь процесс доступен для пользователей с минимальными знаниями HTML. Ротаторы изображений широко распространены в Интернете и пользуются большой популярностью. Динамический контент оживляет веб-страницу и повышает её визуальное восприятие и привлекательность.
Одной из первых компания UsingIt создала линейку программ для веб-разработчиков, обеспечивающих лёгкое использование JavaScript и Flash на своих страницах. Программы распространяются как в виде набора утилит, так и по отдельности. Одной из таких программ и является Flash Image Rotator Pro. Программа шароварная, но для персонального некоммерческого применения может полнофункционально использоваться совершенно бесплатно.
Прежде чем продолжить обзор программы и русификатора к ней, посмотрите, как выглядит ротатор, может оно вам и не надо. В качестве примера использован образец, который распространяется с программой и размещен на сайте разработчика. Просмотр возможен в модальном окне по ссылке, расположенной ниже и в обычном окне браузера по этой ссылке. Эта ссылка приведена не только для того, чтобы оценить работу ротатора на реальной странице, но и для пользователей браузера Opera (на движке Presto), в котором веб-страницы с SWF-контентом при открытии в модальном окне подтормаживаются при подгрузке. Для пользователей Opera для нормального просмотра в модальном окне нужно после щелчка по нижеприведенной ссылке чуть-чуть крутнуть вперед колесо мыши. Для просмотра модальных окон на моём ресурсе используется скрипт Shadowbox. И, видимо, где-то в чём-то он не стыкуется с Opera или Opera не стыкуется с ним. Буду очень признателен тому, кто поможет внести ясность в этот вопрос. Рекомендую посмотреть ротатор некоторое время, чтобы увидеть все разнообразие эффектов перехода от картинки к картинке.

Посмотреть образец баннер-ротатора

Единственным ограничением бесплатного использования программы является логотип компании-разработчика, расположенный в левом верхнем углу ротатора. Но это ограничение весьма условно, так как размер логотипа достаточно мал. При большом желании логотип можно заменить прозрачной картинкой в размер логотипа.

Основные особенности программы Flash Image Rotator Pro

  • Возможность импорта пакета изображений в программу (дополнительно к одиночному добавлению изображений)
  • Полная без временных ограничений функциональность бесплатной версии для некоммерческих проектов
  • Беспрецедентная настраиваемость сценария
  • Автоматическая генерация параметров сценария
  • Предварительно просмотр созданного ротатора одним нажатием кнопки
  • Переключение путей между локальным режимом и веб-режимом
  • Создание профессионального сценария за несколько минут
  • Более 100 эффектов перехода при смене изображений
  • Автосинхронизация (каждое изображение длится соответственно длине текста, иначе, вы можете определить продолжительность в секундах для каждого изображения)
  • Возможность произвольного или упорядоченного показа изображений
  • Применение к изображениям эффектов зуммирования и панорамирования
  • Справедливая рекламная политика (вы не увидите изображение-баннер дважды подряд) при произвольном показе
  • Отформатированные тексты HTML и CSS
  • Возможность фоновой подгрузки изображений
  • Возможность внедрения ротатора в популярные CMS Wordpress и Joomla, а также на свой аккаунт в Facebook
  • и многое другое…

В состав русификатора Flash Image Rotator Pro входит русифицированный исполняемый файл и комплект переведенных справочных файлов в формате HTML. Сам русификатор выполнен в виде инсталлятора, который заменяет в папке установленной программы оригинальные файлы упомянутыми русифицированными файлами. Файлы справки дополнены скриншотами русифицированного интерфейса и моими примечаниями. Примечания приведены в тех разделах, где я сам не сразу разобрался в той или иной опции, поэтому и другие пользователи могут встретить некоторые затруднения. Сама программа и русификатор протестированы под Windows XP.
Есть желание написать более-менее подробное руководство в формате CHM по работе с программой и внедрению баннер-ротатора на веб-страницы. Но это только планы и зависеть они будут от заинтересованности пользователей к этой программе. Статистика скачиваний русификатора это покажет.
Бесплатно скачать русификатор Flash Image Rotator Pro и просмотреть скриншоты русифицированных программы и справки можно на странице загрузки. Вдогонку хочу сказать следующее. В Интернете можно найти много клонов, которые реализуют наработки UsingIt. Один из клонов (как мне кажется) реализован на сайте http://www.flashxml.net/banner-rotator.html (скачан с момента публикации в 2009 году более 100.000 раз). Лицензирован он у UsingIt или это собственная разработка, мне неизвестно. Но то, что все настройки по умолчанию и даже расположение водяного знака (логотипа) совпадают с теми, как это сделано UsingIt, видно невооруженным взглядом. Я не хочу умалить заслуги и достоинства этого сайта и разработчиков их продуктов. У них неисчерпаемая кладезь высококлассных разработок, связанных с Flash (глаза разбегаются). Таких ресурсов немного найдется. Но почему я упомянул именно этот сайт, да потому, что по упомянутой ссылке можно найти подробные инструкции как встроить flash image rotator в популярные CMS Wordpress и Joomla, а также на свой аккаунт в Facebook. Кроме того их баннер-ротатор допускает возможность работы с файлами форматов png и swf, чего нет у рассматриваемой программы.
Для пользователей, у которых есть большое желание как-то убрать логотип разработчика из ротатора, есть небольшое дополнение. Речь идет не о какой-то полуподпольной регистрации программы, а о замене рисунка логотипа на прозрачный рисунок, то есть ваши изображения, входящие в слайд-шоу будут демонстрироваться без логотипа разработчика. При этом ссылка, ведущая на сайт программы из левого верхнего угла ротатора остается. Дополнение с инструкциями можно скачать со страницы загрузки.