Instant Sprite - программа для мгновенного создания css-спрайтов » Статьи Добавить в Избранное Написать админу
Программы: SoftForFree.com - бесплатные программы: Virtual Dub, WinRAR, eMule, FlashGet, WinDVD, Doom 3 и многое другое.
 Мониторинг версий программ  |  Игровые новости  |  Новости авторов ПО  |  Статьи  |  Новости по RSS
Стиль:
Подробнее о LanAgent Standard 5.10.3LanAgent Standard 5.10.3

Программа для наблюдения за компьютерами в локальной сети: cкриншоты, работа в программах, сайты, кейлоггер, почта. Выявит "крыс", повысит дисциплину.

Скачать Сайт автора
Подробнее о Memo Fora 4x4 «Свой бизнес» от 24.09.2017 г.Memo Fora 4x4 «Свой бизнес» от 24.09.2017 г. Новейшая версия

Программа для торговли без ограничений кол-ва рабочих мест.
- Работа с он-лайн кассами Штрих-М и АТОЛ;
- Формат счет-фактуры и УПД от 01.10.2017 г.

Скачать Сайт автора

Программы


Рейтинги программ


Лучшие из лучших


Instant Sprite - программа для мгновенного создания css-спрайтов

Instant Sprite - программа для мгновенного создания css-спрайтов

3 Апреля, 2014
Instant Sprite - программа для мгновенного создания css-спрайтов
Эта статья - обзор генератора css спрайтов Instant Sprite - бесплатной браузерной программы, предназначенной для создания CSS спрайтов, реализующих новую прогрессивную технологию увеличения скорости загрузки веб-страниц.
Программа разработана Брайаном Гринстедом (Brian Grinstead) - автором еще нескольких хороших программ для веб-разработчиков. Назначение программы: создание CSS спрайтов, и эту задачу программа выполняет просто, элегантно и эффективно. Программа бесплатная, с открытым исходным кодом, распространяется по MIT-лицензии. Скачать Zip-архив программы Instant Sprite можно на https://github.com/bgrins/InstantSprite
Толчком к написанию этой статьи стало очередное обновление этой едва ли не лучшей программы для объединения картинок в css спрайты и их дальнейшего использования на веб-страницах. В статье рассматриваются ее ключевые функции и особенности.
Несколько слов о css спрайтах и их использовании. Основой метода является объединение множества фоновых картинок, размещенных на странице в одну составную мозаичную картинку. Как правило, это различные логотипы, иконки, кнопки и другие графические элементы навигации, управления и визуального оформления сайта. Дальнейшее размещение css спрайтов на веб-странице осуществляется при помощи позиционирования средствами CSS с использованием свойства background-position. Изюминка этой технологии состоит в значительном уменьшении HTTP-запросов на загрузку изображений. Вместо множества (порой десятков и более) запросов на загрузку отдельных картинок остается всего один запрос на загрузку этой составной мозаичной картинки. Применение css-спрайтов намного увеличивает скорость загрузки картинок, поэтому сама страница, где они используются, открывается в браузере намного быстрее. Дополнительной фишкой этого метода является простая и удобная реализация rollover-эффекта изображений без использования скриптов для создания эффектных и стильных меню, кнопок управления и других графических элементов, применяемых на сайтах.
Вернемся к теме этого обзора − программе для создания css спрайтов Instant Sprite. Сразу оговорюсь, программа не работает в браузерах Internet Explorer (по крайней мере, в IE6), о чем честно предупреждает при открытии в упомянутых браузерах. Кроме этого для нормальной работы программы в браузере должна обеспечиваться поддержка Javascript.
Чтобы можно было оценить возможности программы Instant Sprite и сравнить их с возможностями других аналогичных программ по созданию css спрайтов сразу приведу список ее характеристик и особенностей:

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

Возможности программы впечатляют и обеспечивают быстрое, полностью контролируемое и управляемое создание css спрайтов.
Мой русификатор предыдущей версии программы Instant Sprite можно найти на странице этого ресурса http://www.softforfree.com/programs/perevod_interfeysa_programmyi_instant_sprite-32287.html
К сожалению условия публикации статьи оставляют за рамками многие вопросы создания css спрайтов в программе и их применения на веб-страницах. Заинтересованные читатели могут найти на моем сайте полную версию статьи, проиллюстрированную множеством скриншотов.
Раздел: Вебстроительство
Автор статьи: Александр
Сайт автора
Просмотров: 2421
Комментарии



Ваш комментарий к статье:

Комментарии публикуются после проверки администратором.
При добавлении отрицательного комментария читайте соглашение об использовании.
Мы не публикуем: сообщения, не относящиеся к статье: "Instant Sprite - программа для мгновенного создания css-спрайтов".

Ваше имя: E-mail:
Оценка: нет 1 2 3 4 5
 *Cообщение
(30-1000 зн.):

 
          
          
  

* * *

Другие статьи

Sprite Cow - калькулятор координат и размеров css спрайтов Sprite Cow - калькулятор координат и размеров css спрайтов
Широкое использование css спрайтов для увеличения скорости загрузки веб-сайтов, способствовала появлению большого количества приложений для создания css-спрайтов....
Раздел: Вебстроительство
UMI.CMS PRO Commerce стала доступна в версии Trial UMI.CMS PRO Commerce стала доступна в версии Trial
Юмисофт выпустил триальную версию самой полной редакции системы управления сайтами UMI.CMS Pro Commerce.
Раздел: Вебстроительство
Конструктор для создания сайтов без web-мастера Конструктор для создания сайтов без web-мастера
Создание сайта и интернет-магазина удобным и простым способом с помощью конструктора сайтов без необходимости использования специальных знаний.
Раздел: Вебстроительство
Взаимодействуйте с читателем своей рассылки Взаимодействуйте с читателем своей рассылки
Чтобы закрепить успех своей почтовой рассылки, вы должны не учить "уму разуму" своих подписчиков, а именно ОБЩАТЬСЯ со своими подписчиками.
Раздел: Вебстроительство
Какую CMS выбрать, коммерческую или бесплатную? Какую CMS выбрать, коммерческую или бесплатную?
И в этой статье я хотел бы поделиться с Вами своей точкой зрения по этому вопросу какие проекты можно создавать на бесплатной CMS , и какие проекты лучше строить на базе коммерческой .
Раздел: Вебстроительство


[Все разделы]  [Добавить статью]


Рекомендуем

ПиМаркет 2017 - учёт товара 8.10

Удобная программа для магазина: печать ценников и чеков, данные о наличии товара, продажах, недостачах и многое другое. Любые товары. Онлайн-кассы.

Скачать Скриншоты

• • •

Управление отелем “Гость” 17.9.17 Новейшая версия

Автоматизация отеля. Связь с программой Smart Kassir v.6.1 для On-Line касс (54-ФЗ), с программой ФМС.Контур, с замковыми системами ORBITA, ADEL.

Скачать Скриншоты

• • •

ПиМаркет Фитнес Клуб 2017 8.07

Для фитнес-клуба, спортзала, оздоровительного центра.
Продажа абонементов и клубных карт: на месяц, дневных, выходных, любых. Посещения по картам.

Скачать Скриншоты

• • •

Siemens Mobile Phone Manager 4.06.17.31.0.1

Программа Siemens Mobile Phone Manager поможет вам синхронизировать данные телефонов Siemens M65, S65, SL65 с PC и управлять ими.

Скачать Скриншоты

• • •

EMule Plus 1.2e

С помощью дополненной версии известнейшей программы скачивания и поиска файлов в P2P сети eDonkey2000 eMule Plus вы сможете гораздо больше, чем могли.

Скачать Скриншоты


Наша кнопка


Программы: SoftForFree.com - тысячи бесплатных программ, 100 лучших программ рунета, статьи, новости софта и многое другое.

Код нашей кнопки:

Новости Hitech



Полезные программы

Подробнее о TFT test 1.52TFT test 1.52

TFT test - это многофункциональная утилита для полного тестирования TFT-дисплеев на наличие дефектов.

Скачать Скриншоты

Подробнее о Ultimate Flash Sonic Ultimate Flash Sonic

Ремейк популярной в прошлом игры Super Sonic на игровой приставке SEGA.

Скачать Скриншоты

Подробнее о Picasa 3.9Picasa 3.9

Веб-альбомы Picasa помогут вам продемонстрировать ваши фотоснимки не только родным и близким, но и всему миру.

Скачать Скриншоты



Софт-монитор - новейшие версии программ!

Новый сервис, аналогов которому нет в Интернете.
Мониторинг версий популярных программ в реальном времени, мониторинг программ для Windows, Mac OS, Unix, а также приложений на IPAD и Андроид. Более 800 программ и приложений!

[Скачай новейшие версии бесплатно!]



Вверх страницы

 Программы • Статьи • Реклама на сайте •  RSS 2.0 RSS • Контакты • Соглашение об использовании • Политика конфидециальности

© 2003-2017, SoftForFree.com. Использование материалов сайта разрешается только по договоренности с автором.
Автор проекта не несет ответственности за содержание рекламных материалов и качество программного обеспечения.

Наш проект являтся архивом бесплатных и коммерческих программ, которые размещаются авторами и производителями ПО, либо их официальными представителями. Мы не распространяем нелицензионное ПО, креки, серийные номера и любую другую информацию, запрещенную законодательством РФ.