Описание: Парсит Яндексмаркет, Товары Майл РУ, Озон и маркетгид. готовит для выгрузки фото и подробные описания товаров ))) » Экспорт в tkx для TextKit » Экспорт в csv для OSCommerce » Экспорт в csv для VirtueMart » Экспорт в csv для VamShop » Экспорт в csv для ShopCMS » Экспорт в csv для PHPShop » Экспорт в csv для ShopScript » Экспорт в csv для ShopScript Free » Экспорт в csv для WebAsyst » Экспорт в csv для WebAsyst с характеристиками » Экспорт в csv с разбиением на характеристики » Экспорт в csv c разбиением + картинки » Экспорт с разбиением на хар-ки » Экспорт в ТХТ
Установка на хостинг: На сервере должны работать функции: · curl · mb_convert_encoding (mb_string библиотека) · отключить safe_m
... Читать дальше »
OUR-CMS это очень простая, быстрая, надежная и при всем этом бесплатная система управления контентом (CMS) с открытым исходным кодом, написанная на PHP и не использует базы MySQL, а в качестве всей хранящейся информации использует текстовые файлы.
Основные достоинства OUR-CMS:
Очень быстрая. Легкая установка. Небольшая нагрузка на сервер. Легко перенести на другой сервер. Простота в использовании. CMS на файлах.
Основные возможности системы:
Встроенный визуальный редактор FCKeditor 2.6.6 для редактирования страниц. Легкая разработка шаблонов под систему. Загрузка изображений, с возможностью изменять размер. Мультиязычность. Генератор паролей.
... Читать дальше »
Оригинал макета UNI Template от студии Elcreativo. Это универсальный макет может подойти как для блога, варезника, так и для какого-нибудь другого сайта, макет выполнен в приятных тонах, которые будут радовать глаз посетителей сайта.
В первую очередь ACPanel разрабатывалась для web-обложки amxx-плагинам: Chat Control и Nick Control, однако, функционал этого приложения способен справиться со многими задачами. В будующем я планирую выпустить ещё ряд полезных плагинов для Counter-Strike, которые будут обслуживаться именно этим web-инструментом
система регистрации пользователей; мультиязычность; мониторинг серверов; стим-конвертер + облако серверов; работа с шаблонизатором Smarty; использование библиотеки jQuery; внедрение популярных и удобных js-скриптов, которые были отчасти доработаны и улучшены; большинство функций, таких, как пагинация таблиц, доба
... Читать дальше »
Название: Real Film Автор: REVES Цена: 25$ за копию. Выкуп: 45$, при выкупе, в архиве бонус: начало вёрстки макета (для DLE: tpl,css,js,images). Демо бонуса "_youtube.com/watch?v=9yuxhr4qTW8". ------------------------- Контактная информация: Skype: mc.reves E-Mail: mc.reves@gmail.com ПМ на этом сайте. ------------------------- Тематика: Фильмы Комплектация:
... Читать дальше »
Современный макет, выполненный в темных тонах, отлично подойдёт для блога, портфолио или сайта какой-нибудь организации.
Архив содержит 7 PSD-файлов: Главная(home.psd) О сайте (about.psd) Портфолио (portfolio.psd) Услуги (services.psd) Блог (blog.psd) Полная новость (singlepost.psd) Обратная связь (contact.psd)
Скачать: Внимание! У вас нет прав для просмотра скрытого текста.
Emlog 4.1.0 - это бесплатный китайский блоговый движок, слегка напоминающий WordPress.
Движок достаточно простой и легкий, но при этом достаточно функциональный. Построен на основе PHP и MySQL.
Основные особенности Emlog:
- Построен по схеме MVC (Model-View-Controller) - Удобная и функциональная "админка" - Универсальная кодировка UTF-8 - Наличие "ЧПУ" (человеко-понятные URL) - Автосохранение редактируемых постов - Сохранение Draft-версии поста (т.е. черновика или скрытого поста, без публикации) - Быстрая смена "скина" в один клик. В нали
... Читать дальше »
Тип: PSD шаблон Тематика: игровой Комплектация: PSD исходник
Хороший макет. Отлично подойдёт для игрового портала
Красивый, и довольно стильный PSD шаблон для ваших сайтов, на игровую тематику. Как видно по скриншоту цветовая гамма идеально подобрана, что не раздражает глаза, и не отталкивает посетителя, что зачастую встречается на современных сайтах.
Автор этого игрового PSD шаблона, почему то решил нарисовать его, для ucoz сайтов, но думаю, шаблон достоин большего. Структура шаблона трех колоночная, быстро настраиваемая шапка, путем замены фонового изображения. В общем, отличный шаблон для игровых порталов, все, что вам осталось, это сверстать макет. Характеристики PSD шаблона
Доброго времени суток, представляю вашему вниманию новый дизайн для порталов- UniTemplate.nf Хочется сразу извиниться за бекграунд. Не всех это устроит и тп. Но у каждого свой проект и что бы я не сделал не всем бы подошло. И мое решение было остаться без него. Ведь вы вправе сами выбирать чего вы хотите.
Over The Clouds Image And Youtube Banner Rotator [url=javascript:ShowOrHide(]Показать / Скрыть текст[/url]You can show your images or youtube videos with great background animations. You can create amazing presentations, intros, headers and banners. Also you can play stream mp3 music file and add light source effect to your texts. You can choice and edit 13 different background animation style from present “background_animations” folder.
DEMO Внимание! У вас нет прав для просмотра скрытого текста.
Встречается в сети много разных слайдеров фоток и прочего контента на jQuery и других фреймворках. Представлем вам еще один небольшой слайдер на jQuery, который автор назвал LiveSlider.
Постарались сделать максимально простую установку и использование плагина. Работает с jQuery 1.2.3+ или более поздней версией.
Скачать исходники плагина можно здесь: Внимание! У вас нет прав для просмотра скрытого текста.
ActiveCollab - Удобная система для ведения одного или нескольких пректов, содержит календарь, план, файлохранилище, вики, тикеты, чеклисты, тайм-трэкер, форум. Когда Вы ведете свой бизнес в интернете, то рано или поздно встает вопрос о необходимости выбора системы управления проектами
RadioCMS устроено иначе - для его работы не нужен компьютер постоянно подключенный к интернету.
Для работы скрипта нужна естественно LAMPочка и дедик или VPS под Linux. PHP версии 5.0 и выше MySQL версии 4.1 и выше Серверы Icecast и ezstream Необходимые расширения PHP: cURL libssh2 GD iconv
Нужно ставить задачи и руководить их выполнением, необходимо следить за временем работы подопечных. При большом потоке работы, без каких либо систем сделать это довольно проблематично. Я в свое время ставил демки основных типов программ и остановился на activecollab. Сейчас расскажу почему. Для начал пройдемся по основным системам. Это: Basecamp, Teamwork Project Manager, DeskAway, Intervals, activecollab.
При выборе у меня были следующие предпочтения: легкий интерфейс, наличие русской версии и локализации, наличие основных функций, необходимых для систем управления проектами, возможность поставить данную систему на персональный хостинг.
Уже по последнему пункту отсеились все конкуренты, кроме activecollab nulled. Возможно это не такой уж и основной показатель и следует просмотреть остальные пункты... В принципе, все ситсемы управления проектами предлагают похо
... Читать дальше »
Практически год прошел после выхода второй линейки системы. За это время было найдено и исправлено много багов, недочетов и уязвимостей в системе. Сейчас же мы готовы Вам представить обновленную версию системы – Kasseler CMS 2.1.
Что же нового в системе? Как говорилось выше, в ней убрали огромное количество ошибок. Также написаны 3 новых модуля: Альбом, Статические страници и совершенно новый модуль «Обратной связи». Были учтены пожелания пользователей и в системе появилось много возможностей, с помощью которой управлять Вашим сайтом будет не только легко и удобно, а еще и приятно.
Для начала поговорим о новых модулях. Очень много говорилось, что системе не хватает модуля «Статические страници» и вот, в Kasseler CMS 2.1 они появляются. В модуле статических страниц подключен сторонний визуальный редактор, что полностью убирает ограничения
... Читать дальше »
Здравствуйте дорогие пользователи Skripters.com Представляю вашему вниманию макет для Flash портала. Макет выполнен очень просто, но в тоже время очень красиво.
Цена макета составляет всего 300 рублей ======================================= Продаётся всего одна копия ======================================= Связаться со мной вы можете так: ICQ: 91601510 ПМ на Skripters ======================================= Так же вы можете купить макет прямо сейчас нажав на кнопочку "Оплатить"
По многочисленным просьбам (это очень радует) представляем вам инструмент миграций DLE to LisaS.CMS Migration Tool, который с легкостью перенесет ваши данные из Базы данных DataLife Engine в вашу новую LisaS.CMS. Осуществляется перенос новостей и комментариев. Извлечение в LisaS.CMS осуществляется в модуль "Новости", так как в DLE всего один модуль. Перед началом работы необходимо вручную создать дамп БД DataLife Engine.
Сегодня решил сделать Вам подарок. На этот раз отдаю вам макет, который предназначался для моего сайта, но т.к. в скором времени нас ждут большие перемены в лучшую сторону, он не подходит и оказывается для меня не нужным. Надеюсь вам понадобится, забирайте)
MediaWiki (МедиаВики) — программный механизм для веб-сайтов, работающих по технологии «вики». Это один из самых полнофункциональных вики-движков, написанный специально для Википедии и использующийся во многих других проектах фонда «Викимедиа», частных и государственных организациях. MediaWiki — свободная программа, распространяющаяся на условиях Общественной лицензии GNU. MediaWiki написан на PHP и для хранения данных использует реляционную базу данных (можно использовать MySQL, PostgreSQL, SQLite); поддерживает использование программ memcached и Squid.
MediaWiki предоставляет интерфейс работы с базой страниц, разграничение прав доступа к администрированию системы, возможность обработки текста как в собственном формате викитекст, так и в форматах HTML и TeX (для формул), возможность загрузки изображений и других файлов, а также другие возможности. Г
... Читать дальше »
Простенький макет для игрового сайта. Например с лёгкостью можно сделать сайт по WarCraft, Diablo и т.д. По поводу цены обращаться в ЛС либо в icq 430906
В первом релизе API от M.S. + Готовый дизайн. + Легко интегрируется в любой сайт. + Огромная база данных для поиска позволяет найти все, что вы хотите. + Использовали новые методы индексации сайтов. + Высокая скорость обработки данных.
В следующий версии планируется: - Воспроизведение песен. - Информация о артисте.
Данный скрипит позволит узнать Вам о нагрузках на сервер, конфигурации вашего хоста, откроет Вам информацию о выделенных Вам ресурсах. Теперь, когда Ваш хост тормозит, можно просто посмотреть, на сколько загружен процессор сервера, и написать жалобу в тех. поддержку или просто сравнить и протестировать конфигурации серверов разных хостинг компаний. Данный скрипт позволит узнать время работы сервера и как часто он падает или его перезагружают, узнать данные сервера, которые от вас скрывает хостинг.
Возможности - Мониторинг: время работы сервера. - Мониторинг: нагрузка на процессор сервера. - Мониторинг: дискового пространства сервера. - информация: данные о системе. - информация: данные о сервере. - информация: данные о ползователе. - информация: данные о программном обеспечен
... Читать дальше »
"MyStats" - бесплатная система статистики для персональных сайтов без использования баз данных. Позволяет отслеживать посещаемость ресурса, геопривязку посетителей и характеристики их программного обеспечения. Выдаваемые отчеты: посещаемость (день, месяц, год); популярные страницы; ссылающиеся домены; поисковые запросы; SEO-информация; браузеры; операционные системы; разрешение экрана; язык системы; страна проживания.
Скачать: Внимание! У вас нет прав для просмотра скрытого текста.
ROXwall российский дистрибутив Oxwall, собранный и локализированный Oxwall Russian Software (oxwall.su), при поддержке SocEngine (socengine.ru) и Oxwall Community Software (oxwall.org). Текущая версия ROXwall 1.2.2 R1 включает: Полностью локализированную на русский язык установку системы. Полностью локализированное на русский язык ядро системы. Полностью локализированные на русский язык стандартные плагины. Перед установкой прочтите README.pdf
- Отдельная страница скачивания, на которую по желанию можно вывести необходимую информацию. - Для скачивания необходимо ввести защитный код (включение/отключение осуществляется в настройках групп), после чего скачивание начинается незамедлительно. - Работает во всех модулях (Новости, Блоги, Архив файлов, Каталог статей).
Создавался для офф. сайта LisaS.CMS (http://www.lisas.ru/) для того, чтобы поисковики не скачивали файлы, и таким образом накручивали счетчик скачиваний.
Система Twilight CMS придумана для тех, кто хочет быстро разработать веб-сайт и затем без особых сложностей его поддерживать. Она эффективно работает как на небольших персональных сайтах, так и на корпоративных сайтах, порталах и в интернет-магазинах. Данное издание содержит базовую версию системы и ориентировано в первую очередь на частное использование. Тем не менее оно может послужить исходной точкой для дальнейшего детального изучения Twilight CMS всеми, кто профессионально разрабатывает сайты или ведёт свой бизнес в интернете. На диске Вы найдёте инсталяционный пакет для установки системы на свой ПК, демонстрационный сайт-пример для изучения принципов управления сайтом и сайт-заготовку, на основе которого можно очень быстрособрать персональный сайт средней сложности. Также на диске есть инструкции по установке и дальнейшей работе, документация для разработчика и руководство редакто
... Читать дальше »
CMS Mambo призвана изменить это мнение... Mambo очень сильно отличается от обычных портальных CMS. Mambo сделана для широкой публики, часть из которой даже не имеет опыта использования подобных порталов. Вследствие этого, Mambo очень легка в обращении. Эта CMS распространяется по лицензии GNU/GPL, что в свою очередь дает множество свободно распространяемых дополнительных компонентов для Mambo. И в заключение хочется сказать, что CMS Mambo не требует от администратора каких-либо знаний HTML, а это очень важно для начинающих в области веб-мастеринга людей.
Особенности Mambo: Полное управление компонентами базы данных и сайта. Новости, разделы и темы полностью доступны для редактирования и управления. Доступ для публикаторов статей и новостей Полная управляемость размещением различных блоков и модулей Возможность использования галереи
... Читать дальше »
Элегантный HTML 404 шаблон разработан в современным стиле с использованием jQuery и контактной формы при помощи которой ваши пользователи смогут подписаться на новости проекта.
Особенности: AJAX Форма подписки Вывод последних твитов Использование jQuery Автор рипа: AMOK Демо Вы не можете скачивать файлы с нашего сервера
Викинг Ботовод - предназначен для раскрутки аккаунтов, групп, встреч и публичных страниц Вконтакте. Особенность программы заключается в естественном так называемом белом продвижении, с учетом всех последних изменений Вконтакте.
[url=javascript:ShowOrHide(]Функции и возможности программы[/url]1. «Болтун» Искусственный интеллект программы поддерживает разговор с пользователями. При тестировании с реальными людьми из социальной сети длинна разговора достигала ~550 сообщений в каждую сторону и инф не распознавался пользователем. Инф также может иногда уп
... Читать дальше »
NoHiddenLinks (Без Скрытых Ссылок) - это программа для обнаружения ссылок в шаблонах и просто файлах.
NoHiddenLinks (Без Скрытых Ссылок) - это программа для обнаружения ссылок в шаблонах и просто файлах. Программа умеет искать только незашифрованные ссылки, т.е. ссылки в открытом виде, например: Link
Зачем это надо? Не так давно все шаблоны были чистые, но настал момент, когда почти в каждом шаблоне можно найти ссылку на чей-нибудь сайт. Все эти ссылки тщательно маскируются теми, кто их разместил, будьте внимательны.
Программа NoHiddenLinks поможет Вам найти и удалить все скрытые и нежелательные ссылки.
После проверки в списке будут показаны файлы, в которых найдены ссылки.
... Читать дальше »
SEO PowerSuite Enterprise FULL Rus 2012 это полный набор программ для поисковой оптимизации вебсайтов (сейчас поддерживает 767 поисковых машин). Функции: подбор ключевых слов, проверка позиций сайта, оптимизация контента, поиск качественных ссылок, обмен ссылками и т.д.
[url=javascript:ShowOrHide(]Что может SEO PowerSuite Enterprise:[/url]Составлять и уточнять список ключевых запросов (семантическое ядро)- формирует широкий список запросов, используя 20 инструментов подбора ключевых слов- анализирует конкуренцию и количество запросов для каждого ключевого слова или фразы- вычисляет KEI (Коэффициент эффективности ключевых слов) для каждого запроса и указывает самые эффективные с точки зрения оптимизации запросы- подсчитывает количество и
... Читать дальше »
Основные возможности: - Поддержка всех популярных графических файлов - 4 вида загрузки: обычная мультизагрузка, флэш мультизагрузка, мультизагрузка по URL, а также особый вид загрузки - создание gif баннера из нескольких изображений - Создание превью и выдача типичных для подобных сервисов ссылок - Страница просмотра (на которой обычно размещена реклама) - Регистрация пользователей (После регистрации пользователь видет список своих загруженных изображений, и может управлять ими) - Пользователи могут присваивать своим изображениям теги (метки) - Возможность для пользователя оптимизировать изображение для меньшего размера - Возможность для пользователя изменить размер изображения для меньшего размера - Возможность для пользователя повернуть изображение - Возможность для пользователя добавить водяной знак на изобра
... Читать дальше »
Каждый знает, что такое аукцион – кто-то продает ставшие ненужными вещи, кто-то покупает необходимые товары по выгодной цене. Но не каждый знает, что на аукционе можно зарабатывать. Для этого нужно всего лишь… открыть свой аукцион.
С помощью скрипта SoldEngine Вы можете легко создать свой собственный Интернет-аукцион.
Как это работает -Продавец создает лот и платит за открытие торгов. Оплата принимается в автоматическом режиме, размер комиссии устанавливает администратор аукциона. -Покупатель делает ставку и платит за первое участие в торгах (единоразовый платеж, для подтверждения платежеспособности). Оплата также принимается в автоматическом режиме. -Любой посетитель может (без регистрации) написать сообщение в обсуждении лота. -После успешного завершения торгов покупатель получает e-mail продавца, продавец получает e-mail покуп
... Читать дальше »
Вёрстка: блочная, HTML5 Авторы: вёрстка SaD, дизайн от lex1094 (lex1094@gmail.com) Ширина: фиксированная 1000px Проверен в: последних версиях популярных браузеров и InternetExplorer выше 8 версии Комплектация: главная страница, полная новость, PSD
[url=javascript:ShowOrHide(]Описание[/url]- Контроль более 90 игр- Поддержка Windows, Linux или FreeBSD- Встроенный файловый менеджер- Встроенный Config менеджер- Live консоль обслуживания- Комплексная система биллинга- Комплексная система заказа- Комплексная система поддержки- WHMCS / ClientExec поддержки- GameCP API- и прочее...
Сниппи — это прекрасный сервис для хранения различного программного кода (сниппетов). Пользователи могут выбирать срок хранения сниппетов, их названия, и язык программирования.
Демонстрация — www.snippi.ru
Скрипт работает на PHP и MySQL. Очень не требователен к хостинг-провайдеру.
Вес скрипта ~ 10Мб.
Цена: 200 рублей/в одни руки.
По всем вопросам писать на kostik.kozak@gmail.com.
PinMe Script 1.7 Nulled Rus— это социальный сервис, позволяющий пользователям добавлять в режиме онлайн изображения или видео и помещать их в тематические коллекции. После того, как изображения загружены на Pinnect, они называются Пинами, а коллекции, к которым они принадлежат, — это Доски. ДЕМО
В первую очерерь модуль предназначен для вывода изображений в других модулях, но в принципе не имеет никаких ограничений. Устанавливать можно на любую CMS, да и на сайт визитку тоже пойдет. Зачастую модули не обладают такой необходимой и полезной опцией как уменьшение или обрезание используемых изображений. В результате выводится либо не пропорционально сжатое изображение, либо исходное большого размера. С помощью этого модуля можно выводить маленькие аккуратные постеры небольшого размера, что естественно скажется на скорости открытия страницы. Сравните, либо грузить 10 изображений объемом по 100-200 Кб, либо по 3-7Кб (в зависимости от размеров постера).
Django-CMS - это open-source система управления содержимым сайта написанная на CMF Django, которая в свою очередь написана на языке программирования Python.
В релизе 2.3.4, исправлены проблемы, которые были найдены с момента выпуска 2.3.3.
Список исправлений: WymEditor support has been restored. The django CMS now uses timezone aware dates and times on Django 1.4 if timezone support is enabled. Norwegian translations have been moved to the nb language code. Fixed permission checks for PlaceholderFields by preventing the suppressing of related names on Placeholder Fields. Fixed potential slug clashes when publishing pages. Fixed jQuery name issues on the page change form. Fixed page change form throwing errors for underprivileged users.
Известно, что веб-сайты с Flash-содержимым считаются в веб-сообществе отдельной статьёй, неограниченные возможности их анимации и восхитительные эскизы превращают их разработку в особый вид искусства. Веб-сайты на Flash-основе можно разделить на две группы: с двумерной и трёхмерной Flash-конструкцией.
В данную подборку вошли 50 веб-сайтов трёхмерной Flash-анимации, действительно выделившиеся на общем фоне, привлёкшие к себе небывалое внимание и получившие награды! Перед вами не просто очередной список – эти веб-сайты подскажут вам массу идей, ведь каждый из них – шедевр!
Flash считается достаточно мощной отраслью в сфере веб-дизайна. При правильном использовании, вы сможете произвести ошеломляющее впечатление на посетителей вашего сайта и обеспечить им немыслимые возможности пользовательского интерфейса. Хотя Flash не из разряда программ, обеспечивающих безграничное удобство в использовании и доступность любому новичку, у него все же есть свои преимущества. С помощью Flash, дизайнеры могут достигнуть того, чего не добиться, используя (X)HTML и CSS. Нравится вам Flash или нет, но он придаёт WEB особые возможности, с которыми он становится невероятно интерактивной средой.
Веб-сайты, выполненные с помощью Flash, могут быть совсем не похожими на сайты. Дизайнеры Flash любят использовать цветные, динамичные, энергичные и максимально живое подходы, создавая эффекты и анимацию, добавляя музыку и фрагменты видео, будоражащие визуальные элементы и интерактивные меню навигации. Ниже мы приведем несколько примеров креативных, красивых, шокирующих, не
... Читать дальше »
Flash-технология открывает нам безграничные возможности в плане создания прекрасных, притягивающих взгляд образчиков продукции самых разных жанров, в том числе, анимации, видео-роликов, интерактивных дизайнов небывалой красоты и даже игр. И, представьте себе, нам удалось отыскать в сети творцов всего этого великолепия. Предлагаем вам сейчас окунуться в море потрясающей анимации, выразительных художественных образов, уникальных конструкторских решений по части разметки и схем навигации, да и просто искусно выполненных Flash-проектов, исподволь наглядно раскрывающих идею сайта, - то есть, пуститься в плаванье по этим шикарным Flash-страницам. Представляем вам нашу любимую подборку 50 самых выразительных Flash-сайтов 2010 года. Давайте и дальше вместе продвигать развитие Flash-технологии ради появления новых подобных чудес – сеанс начинается:
Анимированные файлы формата GIF могут состоять из 256 цветов, и они не интерактивны. jAni представляет собой небольшой плагин для jQuery, с помощью которого Вы можете анимировать фоновые изображения, что может быть отличной альтернативой изображениями в формате GIF. Плагин просто меняет расположение большого фонового изображения на указанное расстояние и на указанной скорости.
* старт, стоп, пауза * скорость * цикличное воспроизведение * размеры фреймов
Так как потребуется, чтобы поддержка javascript была включена, использование jAni вместе с другими функциями javascript (например, анима
... Читать дальше »
CSS3 привнес в мир веб-дизайна много различных интересных функций, самой интересной из которых, наверное, можно определить анимацию посредством CSS, с помощью которой возможно реализовывать различные эффекты, применяя javascript. И Вы тоже присоединяйтесь к путешествию по изучению и поиску самых интересных вариантов применения этой самой анимации в сети. Начнем!
Внимание: Стоит отметить, что анимация может работать неправильно в некоторых браузерах, поэтому если Вы пользуетесь IE6, то мы настоятельно рекомендуем Вам заменить его на более современный браузер.
Новая встроенная функция поддержки 64-битовой разрядности позволяет вам в большей мере использовать мощность вашего компьютера для повышения качества разработки сложных HD-, 2K- и 4K-проектов.
К тому же, реализация передовых достижений — от новой вращающейся кисти Roto Brush до десятков мелких, но важных новшеств, повышающих эффективность вашего рабочего процесса, — позволяет вам создавать потрясающие образцы подвижной графики и зрелищные визуальные эффекты, а также демонстрировать результаты своей работы на экранах самых разных типов.
Используя After Effects CS5, вы получаете в своё распоряжение все доступные внутренние ресурсы оперативной памяти и процессора, чтобы быстро конструировать сложные сюжеты в трёхмерном пространстве и имитировать перемещение камеры, работать с крупными изображениями, а также просматривать многослойные композиции большой протяжённости.
[img]/uploads/posts/2010-04/1272544969_ae-cs5-00.jpg[/img
... Читать дальше »
Заскучали, или просто хотите отвлечься и найти что-нибудь, что удивило и воодушевило бы Вас? Тогда мы представляем Вам подборку невероятных короткометражных анимаций, которые точно Вас удивят! Не так то просто уместить целую историю в пятиминутный ролик, но здесь есть и юмор и история, а также радость и творчество. Не пропустите!
Анимированные элементы могут перемещаться по страницы без влияния на любой другой элемент (что может идеально подойти для случаев с вылетающими баннерами), что позволяет странице всегда быть доступной. Это особенно подходит платформам, которые до сих пор не имеют поддержки Flash. Spritely в таких случаях может быть реальной альтернативой (iPhone, iPad). Плагин работает во всех популярных браузерах, включая IE6.
Люди давно заметили, что наблюдение циклично повторяющихся движущихся последовательностей действует на сознание не просто успокаивающе, но даже гипнотически. Ритмичный ход маятника или равномерное течение воды могут запросто ввести человека в транс, способствуя его погружению в мир собственных грёз. Подобный же эффект достигается с помощью разновидности цифровой графики, известной как анимированные .gif-картинки. Чередующийся с определённой частотой набор статичных изображений, например, геометрических фигур, создаёт нечто вроде ощущения просмотра кино. Наблюдать эти "живые" картинки в движении, порождающем фантастически зрелищные эффекты, бывает, действительно, очень интересно. Хотите сами убедиться в этом? Просто прокрутите страницу вниз до галереи .gif-анимации.
Вообще, область применения анимированных .gif-картинок необычайно широка: от построения красивых кнопок навигации и симпатичных веб-иконок до создания величественных цифровых живописных полотен. Простота
... Читать дальше »
Иногда бывает забавно отобразить контент немного иным образом. Сегодня мы хотим рассказать вам об эксперименте с отображением изображений и контента уникальным методом – в виде волны. Идея заключается в том, чтобы изначально подготовить более маленькие миниатюры, которые будут немного повёрнуты и размещены в форме волны. При клике по миниатюре, пользователь будет перенесен в большую по размерам версию изображения. Кликнув еще раз, пользователь сможет открыть полную версию изображения или контента.
В демо используются изображения от Криса Уиллиса (Chris Willis). Они распространяются под лицензионным соглашением Attribution 2.0 Generic (CC BY 2.0) License.
Иконки от WPZOOM (распространяются под лицензионным соглашением Attribution-ShareAlike 3.0 Unported License); вы можете скачать их отсюда: ... Читать дальше »
Для большинства графических дизайнеров анимация представляет собой сложнейшую задачу, требующую много усилия, а также дополнительные расширенные навыки. Так было раньше! Ведь теперь есть CrazyTalk Animator, который разработан специально для анимации двумерных изображений, не требуя при этом больших усилий. Любой может без труда загрузить фотографию, картинку или рисованного персонажа, и заставить его, например, говорить!
CrazyTalk Animator представляет собой новый этап развития двумерной анимации. Вы можете создавать персонажей из любых фотографий, заставляя их разговаривать и выражать эмоции. Приложение предлагает различные настройки, позволяющие доб
... Читать дальше »
Google+ сделал большой шаг на пути развития взаимодействия интерфейсов с пользователями, а особенно хочется выделить анимацию интерфейса функции кругов. Я лично считаю, что такой ход вполне заслуживает уважения. Я попробовал реализовать данный эффект анимации посредством jQuery и CSS3. Мне понадобилось всего пару строк кода для применения стилей CSS посредством jQuery: .addClass() и .animation().
Попробуйте открыть эти демо-страницы в одном из современных браузеров. Для наилучшего результата я советую вам использовать Chrome.
Технология CSS3 открыла нам бесчисленные возможности, и сегодня мы хотим представить вам руководство по разработке привлекательных страниц, предназначенных для оповещения посетителей о скором открытии веб-сайта, а также о создании заставок на сайт, реализованных посредством анимации в CSS3. Мы немного поиграем с анимацией и постараемся придать жизнь некоторым простым элементам.
Милые фотографии обуви, использованные в первом демо, были сделаны Амирой Алмаджид (Amira Almajid), и полный набор вы можете найти здесь.
Пожалуйста, учтите, что анимации будут работать только в современных браузерах.
Дабы сократить объемы руководства, мы опустили использование CSS-префиксов производителей браузеров, но они прописаны в файле, который вы можете скачать с
... Читать дальше »
Сегодня мы хотим поделиться с вами очередным экспериментом, в котором примет участие свойство CSS – 3D Transform. Идея заключается в том, чтобы отобразить полноэкранную версию изображения путем вращения двух блоков в трехмерном пространстве. Торцы блоков будут вращаться к переднему плану, и впоследствии представят собой изображение на весь экран.
Учтите, что для правильного отображения эффекта, браузер должен поддерживать современные свойства CSS3 (на данный момент лучше всего подойдут Chrome и Safari).
Adobe After Effects – это приложение для компоновки, зачастую применяемое в процессе создания визуальных эффектов и графики в движении. Основной функцией приложения является наложение и обработка пост-эффектов на видео. Оно позволяет пользователям анимировать и обрабатывать медиа-файлы как в двумерном, так и в трехмерном пространстве посредством встроенных инструментов и дополнительных плагинов. С помощью Adobe After Effects вы можете создавать привлекательные визуальные эффекты. Данное приложение является действительно мощным и впечатляющим.
Сегодня мы хотим предложить вам подборку из 20 бесплатных шаблонов для Adobe After Effects. Эти бесплатные шаблоны позволяют вам представить заголовок, изображение, слоганы или даже логотип компании. Вы также можете использовать данные шаблоны для разработки для продвижения и рекламы события или медийного продукта. Готовые шаблоны помогут вам избежать самого нудного процесса разработки и сэкономить кучу рабочего времени. К неко
... Читать дальше »
CSS-переходы и трансформации предлагают множество возможностей для анимации HTML-элементов. Если вы хотите воспользоваться ими посредством jQuery, то jQuery Transit спешит вам на помощь. Это плагин для реализации CSS-переходов и трансформаций с синтаксисом подобным .animate, который поддерживает большинство методов и оборудован функционалом jQuery (обратные вызовы, составление цепи, автоматическая установка префиксов для браузеров и многое другое).
Плагин по умолчанию использует очередь эффектов jQuery, так что переходы не будут запущены параллельно.
Также следует отметить отсутствие совместимости со старыми версиями браузеров, так как здесь применяются современные правила и технологии CSS3 (в отличие от .animate). Но здесь представлены отличные откаты, либо вы можете вручную переключить плагин на покадровое воспроизведение анимации.
Настанет время, когда вам, возможно, захочется создать видео-презентацию своих услуг или о своей собственной компании. Зачастую в таких ситуациях у людей просто не бывает времени на креативные идеи. Многие также бывают не особо сильны в анимации. Данный набор бесплатных готовых эффектов для Adobe After Effects поможет вам в таких ситуациях. Все эти проекты были разработаны специально, чтобы оградить вас от сложного и нудного процесса разработки, и сохранить ваше драгоценное время. Даже если вы ничего не смыслите в анимации, вы без труда поймете, каким образом можно изменить эти проекты, что позволит вам создать собственную уникальную анимацию. Все эффекты, включенные в набор, были предоставлены креативными дизайнерами в Youtube, так что, не забудьте посетить их каналы в сервисе, чтобы быть в курсе свежих выпусков, новостей и другой полезной информации. Ссылки на скачивание эффектов можно найти в описании видео, которое задал автор под каждым роликом. Если вам хочется больше эффектов, т
... Читать дальше »
Для любого проекта, в котором требуется реализовать анимацию, лучшим вариантом была бы облегченная платформа, нежели полноценный комплект. jsMorph – это отдельная платформа для разработки анимации на javascript, которая также позволяет редактировать внешний вид множества HTML-элементов.
Платформа автоматически определяет исходные позиции, настраивает скорость рендера и исправляет временные сдвиги в целях смягчить анимацию.
Библиотека весит всего 2.3кб, её можно привязать к другим. Разработчику предоставляется всеобъемлющая документация (подкрепленная примерами работ), а сама работа платформы удивительно быстра.
Требования: Отсутствуют Совместимость: Все современные браузеры Веб-сайт:... Читать дальше »
Вам наверняка понравится сегодняшняя сборка, так как мы постарались отобрать лучшие варианты реализации. Раньше анимации загрузки страниц были довольно скованными и, к тому же, были ограничены лишь GIF-форматом, но в наше время всем доступные современные мощные технологии и браузера (с поддержкой canvas и VML), и теперь мы можем делать даже больше при помощи CSS3 или jQuery. Данные технологии позволяют реализовывать графику с очень гибкими настройками, а сервер предоставляет возможность очень тонкой и четкой генерации графики.
Правда, с помощью CSS3 и jQuery можно создать практически любую графику, но не факт, что любая графика будет работать в старых версиях браузеров. javascript VML и canvas поддерживается spin.js и индикатором активности. jQuery-плагин генерирует графический элемент при помощи VML и SVG. У него со spin.js почти одинаковый функционал. Скрипт очень легкий, и дает возможность использовать прозрачность, а также вносить множество изменений за счет настроек.
... Читать дальше »
Сегодня мы хотим поделиться с вами простым примером Parallax-слайдера контента. Используя CSS animation, мы сможем управлять анимацией каждого отдельного элемента слайдера и создать Parallax-эффект посредством анимации фона самого слайдера.
Такая идея пришла в голову под впечатлением от слайдера, использованного на странице веб-сайта Kendo UI, платформы для разработки современных интерфейсов на HTML. Нам сразу же захотелось воссоздать подобный эффект на собственном примере.
Как это работает
Слайдер состоит из нескольких слайдов, в каждом из которых присутствует элемент h2, абзац, ссылка и отсек для изображения:
В нашем сегодняшнем уроке мы будем заниматься разработкой шестеренок, анимированных посредством CSS3. Результат получится очень милым. Мы использовали слайды CSS3, анимацию и трансформации (rotate) для того, чтобы достичь подобного результата. Пожалуйста, обратите внимание, что данное демо будет работать в Firefox и Chrome / Safari (webkit).
Каждый, кому довелось наблюдать за игрой друзей, или даже играть в игры, которые были выпущены в 80-90-х годах – знает, что такое техника Parallax-скроллинг.
Давайте вспомним такие игры, как Mario Bros, Mortal Kombat, Street of Rage, Turtles in Time, или же оригинальную игру Moon Patrol. Именно тогда, когда определённое количество фоновых слоёв с многочисленными текстурами двигаются на разных скоростях (что и создаёт эффект трехмерного пространства), наблюдается та самая Parallax-техника.
Как вы думаете, почему я заговорил о ретро-играх именно в статье о веб-разработке? Хотелось бы ответить, что «просто они клеевые», но дело не совсем в этом. Parallax-скроллинг – это замечательный дизайнерский концепт, в первую очередь, который активно продвигается в мир веб-дизайна. Одни из первых, кто успешно использовал эту технику – это Nike. Для разработки своего оригинального сайта Nike Better World они решили нанять таких маркетинговых гигантов, как Weiden and Kennedy.
... Читать дальше »
Привет, друзья! Сегодня мы рассмотрим еще один прекрасный пример того, насколько могущественным может быть CSS3! Начнем с разработки очень привлекательного и реалистичного трехмерного шарика на чистом коде CSS3, а затем добавим немного CSS3-анимаций, заставив этот шарик подпрыгивать.
Учтите, что этот пример будет работать только в тех браузерах, где имеется поддержка соответствующих CSS-параметров.
HTML-код
Давайте начнем с простого HTML-кода:
Здесь у нас есть 3 простых DIV-элемента. #ballWrapper – это основной DIV, которым будет «обёрнут» шар. Этот div будет определять параметры position и height на экране для шара. Далее, у нас идет элемент #ball, который представляет собой основную разметку ш
... Читать дальше »
Параллакс-эффект, также называемый параллакс-скроллингом, представляет собой особую технику, используемою в первую очередь в компьютерной графике, когда фоновые изображения в перспективе двигаются медленнее, чем двигаются элементы, расположенные на переднем плане. Сегодня подобная техника очень актуальна и распространена в области веб-дизайна. Раньше она была широко применима в игровой индустрии (10-15 лет назад).
В последние годы параллакс-скроллинг все чаще применяется в веб-дизайне. Популярность данного подхода стала расти с тех пор, когда компания Nike обновила дизайн своего сайта, и использовала данную идею. Ниже в подборке вы сможете увидеть данный пример.
Технология эта прижилась в сфере дизайна только потому, что она выглядит действительно креативно и круто. Несмотря на растущую популярность, этот эффект всегда можно реализовать как-то по особому и очень успешно. Иногда, при прокрутке, фоновое изображение также изменяется, но это не обязательное требов
... Читать дальше »
Parallax scrolling (параллакс-скроллинг) создает иллюзию глубины за счет передвижения веб-элементов на разной скорости при прокрутке страницы, и это в значительной степени может помочь завоевать положительное отношение к странице.
Skrollr – это легкая (7 кб в уменьшенном формате и 3 кб при сжатии gzip) и отдельная javascript-библиотека анимации для прокрутки, которая сильно упрощает процесс разработки Parallax-эффекта.
Она позволяет вам анимировать CSS-параметры любого элемента в соответствии с расположением ползунка горизонтального скроллинга. Вам достаточно лишь просто выставить ключевые моменты каждого элемента. Также стоит отметить, что библиотека отлично подойдет дизайнерам, которые не сильны в javascript, так как здесь практически все определяется внутри HTML-элементов, и отсутствует код JS.
Некоторое время назад мы занимались разработкой шаблонов, в которых использовался параллакс-эффект. Вкратце, параллакс – это эффект, который включает в себя несколько фоновых слоев, которые перемещаются с различной скоростью, что создает трехмерный эффект (вспомните известную игру про синего быстрого ежа Соника). В нашем сегодняшнем демо вы сможете увидеть эффект параллакса только в том случае, если начнете изменять в размерах окно браузера.
Спецификация CSS Transitions вобрала в себя перечень параметров, которые можно «оживить». Данный список, насколько нам известно, охватывает анимационные параметры как для переходов, так и для покадровой анимации.
Но это всего лишь список параметров, не больше. И так как CSS3-градации – это не совсем параметры, а изображения, создаваемые браузером, они, очевидно, не входят в этот перечень параметров с возможностью анимации. Но это не значит, что в
... Читать дальше »
Анимация – это как раз тот отличный эффект, создание которого сильно упрощается за счет таких javascript-платформ как MooTools и jQuery. Сегодня мы хотим предложить вам отличное jQuery-руководство, в котором рассказывается о разработке анимированного фонового изображения на странице. Воспользуйтесь отрывком кода MooTools, который также продемонстрирует вам процесс интеграции данного эффекта в любую веб-страницу.
#animate-area { background-image: url(clouds.png);background-position: 0px 0px;background-repeat: repeat-x;} Первый этап заключается в установке изображения в качестве фона нашего конкретного контейнера. Не забудьте сделать так, чтобы фон повторялся в горизонтальном направлении!
Строку прогресса можно повстречать где угодно. Например, строка прогресса есть почти в каждом браузере или менеджере загрузок, – она отображает стадию завершенности закачки файла. Разрабатываете приложение для рабочего стола или веб-приложение, в определенный момент вам обязательно понадобится данный элемент интерфейса.
Учитывая это, в нашем сегодняшнем руководстве мы хотели бы научить вас создавать стильные анимированные строки прогресса посредством CSS3.
HTML
Разметка не может быть еще проще:
* .progress-bar – определяет основные стили строки прогресса. * .blue – в данном случае, CSS-класс blue добавляет синий стиль для строки. * .stripes – тип анимации для текущей строк
... Читать дальше »
Хотите создавать красивые слайд-шоу презентации для веб, используя только лишь HTML и CSS? С Impress.js это больше не проблема, так как это полноценная платформа трансформаций в CSS3, которая позволяет вам конвертировать HTML-контент в слайд-шоу с великолепными эффектами.
Impress.js – это jQuery-плагин, созданный на просторах github пользователем bartez, который использует CSS3-функционал для создания презентаций. Все современные браузеры будут поддерживать великолепные визуализации, созданные с помощью Impress.js.
Веб-приложений для проектирования и редактировая изображений много, и с каждым днём они всё более набирают вес в качестве альтернативы стационарному ПО графической обработки.
Однако, среди них с трудом можно отыскать сервисы с "поддержкой GIF-анимации", так что, решать задачу построения анимированных GIF-фрагментов без приложений рабочего стола тяжеловато.
MotherEffingAnimatedGIF - очень простое в использовании, но функциональное веб-приложение с открытым исходным кодом для быстрого построения таких изображений в режиме онлайн.
Просто "перетаскиваете" любое количество изображений на рабочую панель приложения, выстраиваете их, разворачиваете нужной стороной, настраиваете их масштаб + качество, а также скорость чередования кадров.
Далее можно проиграть анимированный GIF в окне предварительного просмотра и скачать себе го
... Читать дальше »
Почти у каждого веб-дизайнера или разработчика имеется хотя бы чуточка опыта во Flash. И все мы помним, каким образом работает пошаговая анимация: вы определяется положения объекта в нескольких кадрах, и программа сама воспроизводит анимацию. Существует также пошаговая анимация на CSS3 (На сайте CSS-Tricks можно найти отличную статью на эту тему), где основная логика очень схожа, но вы анимируете элемент посредством параметров CSS.
Rekapi – это библиотека, которая реализует пошаговую анимацию и посредством javascript. Она также позволяет нам определить объекты, кадры, анимации и контролировать положение сцены (воспроизведение, пауза, остановка).
Сегодня мы поговорим с вами об анимационном эффекте «marquee» или иными словами - бегущая строка. Не так давно мы уже рассказывали вам о параметре -webkit-marquee, но на этот раз мы собираемся продвинуться немного дальше.
В нашем сегодняшнем руководстве мы займемся разработкой эффекта в стиле бегущей строки при помощи CSS3-анимаций. Таким образом у нас будет возможность добавить больше функционала, который может быть реализован только лишь посредством -webkit-marquee.
Если вы до сих пор не знакомы с анимациями в CSS3, то мы настоятельно рекомендуем вам ознакомиться с некоторой документацией:
Сегодня мы хотим рассказать вам о том, как разработать временные оповещения посредством анимаций в CSS. Суть заключается в том, чтобы отображать оповещение или предупреждение определенный промежуток времени, а затем скрывать его. Мы воспользуемся небольшим индикатором прогресса, чтобы отобразить, сколько времени осталось до исчезновения блока.
Вы наверняка уже видели подобное. Например, мы наткнулись на подобный эффект на сайте buysellads.com, где временные оповещения используются для подтверждения сохранения изменений.
Что касается разметки, то здесь мы просто воспользуемся разделом с сообщением внутри, а также дополнительным разделом для небольшой строки прогресса:
Недавно мы работали над одним проектом, в котором нам нужно было как-то акцентировать внимание на важных оповещениях. В целом, каждый раз когда менялось оповещение, нужно было сопроводить это визуальным эффектом, чтобы привлечь внимание посетителя. Мы реализовали это с помощью пошаговой анимации на CSS3.
HTML
В данном примере мы воспользуемся структурой разметки из нашего выпадающего меню на CSS3.
JZoopraxiscope – это jQuery-плагин, разработанный под вдохновением от первого пленочного проектора Zoopraxiscope, и предназначенный для создания анимаций из списка статичных изображений.
Кроме jQuery он также использует jQuery UI и анимирует только одним горизонтальным изображением. Вся работа заключается в вызове простой функции, в которой мы указываем расширение изображений и кадра.
Кроме того, JZoopraxiscope работает при помощи представленных кнопок воспроизведения и паузы. Хотя сложно представить широкое применение этого плагина, чуточка креативности поможет вам без труда оформить веб-страницы.
Требования: jQuery и jQuery UI Совместимость: все современные браузеры Веб-сайт:... Читать дальше »
Библиотека scrolldeck.js – это наверное лучший способ реализации прокручивающейся презентационной площадки. Всё, что вам нужно сделать, это создать веб-страницу, где каждый слайд будет заключен в отдельный div. Для того, чтобы библиотека функционировала, вам понадобятся JQuery, Scrollorama, scrollTo, а также JS-скрипты easing и scrolldeck. После ссылки на вышеприведенные скрипты, создайте площадку для слайдов, которая будет загружаться по событию полной загрузки документа (document ready), и настройте ее следующим образом:
$(document).ready(function() {var deck = new $.scrolldeck({buttons: '.nav-button',slides: '.slide',duration: 600,easing: 'easeInOutExpo',offset: 0});}); Здесь всё, что вам нужно сделать, это добавить классы animate к вашим элементам слайдов, как показано ниже:
Lenticular.js представляет собой jQuery-плагин для создания анимации изображения, который реагируют на передвижение курсора мыши.
Плагин разработан с учетом мобильных браузеров (наклоны), но также может быть использован для настольных версий (мышь).
Его очень просто настроить. Просто создайте цепочку изображений (под названиями типа image-1.jpg, image-2.jpg), определите папку для изображений и количество кадров, и на этом вы почти закончили.
Здесь представлены функции для активации/деактивации эффекта, настройки осей (x, y и z) и многое другое.
Компоненты AJAX, DHTML и javascript практически незаменимы в эру технологии Web 2.0. В наше время, разработчики, всё чаще и чаще предпочитают использовать данные компоненты при создании веб-сайтов, потому что с их помощью можно снабдить сайт большими возможностями и гарантировать лучшую функциональность. Вопрос в том, какими библиотеками javascript можно воспользоваться при создании нового проекта в сети? Какие главные функции, эффекты и прочие полезные технологии сможет предоставить javascript? Мы попробуем ответить на эти вопросы.
Как результат – мы предоставим огромный список из более чем 50 Ajax, javascript и DHTML библиотек с подробными их описаниями.
- AjaxAC AjaxAC – это платформа, написанная на языке PHP и предоставляемая открытым кодом. Её используют для разработки, создания и произведения AJAX-пр
... Читать дальше »
Почти в каждом фильме есть сцена, когда кто-нибудь оттягивает главного героя в сторону и произносит нечто вроде: «Мне нужно тебе кое-что рассказать о [вставьте любое имя]». И в большинстве случаев мы узнаем о каких-нибудь темных делишках «друга» главного героя или о том, как главный союзник оказывается на самом деле исчадием зла. Это примерно такой же момент, только мы собираемся рассказать вам о нашем друге в мире WEB2.0 – AJAX.
Сейчас эта технология применяется повсеместно. Её библиотеки и платформы делают процесс разработки интерактивных веб-приложений до смеха легким. С помощью AJAX вы можете немного «оживить» ваши статичные страницы и блоги.
Предлагаем вам подборку руководств по AJAX, предназначенных для веб-разработчиков. AJAX – это сокращенная форма javascript и XML, предназначенная для использования в современных и популярных веб-сайтах. AJAX предлагает множество возможностей для веб-разработчиков, позволяющих улучшить взаимодействие с пользователями, а также улучшить представление веб-сайта. Веб-дизайнеры также могут использовать данный отличный инструмент разработки для создания веб-сайтов, если они знакомы с технологией и принципами javascript, HTML, CSS и XML. В таком случае, на изучение AJAX потребуется совсем немного времени, и эти знания помогут вам в создании отличных и быстрых интерфейсов.
Полезные ссылки
Неординарный подход, за счет которого вы сможете превратить интерфейс вашего веб-сайта в интерактивное AJAX-приложение. Здесь предложено более 35 статей, посвященных AJAX, и почти все они подкреплены действующими примерами профессионального исполнения. Вы также можете использовать дан
... Читать дальше »
