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

Makisu - отличное CSS 3D меню, вызывающее мгновенный вау-эффект у всех, кто пользуется им впервые.

Reveal - довольно известный плагин, который многие используют для создания презентаций на CSS. Презентацией можно управлять при помощи стрелок на клавиатуре.

Forkit - эксперементальный анимированный ярлычок, потянув за который можно увидеть дополнительный контент.

Scroll Effects - коллекция ну очень замечательных скролл-эффектов, поддерживаются в Chrome/Safari/FF/iOS/Android 4.x.

PhoneGap - это инструмент с открытым исходным кодом для создания быстрых, легких мобильных приложений с JavaScript.

Money.js - плагин для конвертации валюты. Скрипт используют API Google Calculator, у которого обновляются данные каждый час. Сервис просто и надежен.

Pretty Date - скрипт преобразует из числовых значений в текстовые. Например, 20-10-2012 в «позавчера», «только что», «сегодня» и тому подобное.

GMaps.js - эта библиотека позволяет легко использовать Google Maps в своих проектах.

Treesaver.js - представляет собой javascript-платформу для создания шаблонов журнального типа при помощи HTML и CSS, отвечающих всем стандартам. Приложение абсолютно бесплатно и распространяется по лицензионному соглашению MIT или GPLv2.

Bibliotype - это очень простая библиотека, основанная на HTML, CSS и JS, которая позволяет вам быстро разрабатывать макеты типографики.

vkThread - javascript плагин, позволяющий делегировать любую функцию javascript кода в отдельный поток (thread).

Countable - подсчет абзацев, слов и символов при помощи Javascript. Иногда бывает нужно узнать количество символов, слов или абзацев в конкретном элементе на странице (например, в случаях, когда вы ограничиваете ввод текста по объему, и вам нужно оповестить об этом пользователей). Countable представляет собой миниатюрную, работающую отдельно, javascript-функцию, которая позволяет вам вести подсчет прямо на странице. Она работает очень просто, и предоставляет вам опции подсчета вводимых данных при помощи разных HTML-тегов.

Moment.js - позволяет абсолютно без усилия производить вычисления времени. Это полноценное решение, в котором рамки вашей фантазии достигаются гораздо раньше, чем рамки возможностей инструмента. Этот инструмент не позволит вам застопориться на какой-то задаче. Маленькая js-библиотека, укомплектованная множеством удобных функций для вычисления временных промежутков, конвертирования международных форматов времени и для оформления результата. Кроме того, Moment.js работает с разными языками и часовыми поясами.

DataMaps представляет собой скрипт для отображения любых данных интерактивным и привлекательным образом внутри карт. Он предоставляется с готовыми к использованию картами: мировая карта со странами, а также карта США со штатами.

Presentz - представляет собой javascript-библиотеку, которая позволяет нам синхронизировать видео и слайды так, как нам хочется.

Alertify – это миниатюрная js-библиотека для отображения стильных оповещений. Библиотека не зависит от каких-либо js-платформ, и может отображать оповещения в модальных окнах. Оповещения неприметны, а внешний вид вы можете оформить посредством CSS, а к элементам можно приписать собственные классы.

Canvas 3D Graph - позволяет создавать особый тип 3D диаграмм.

flot - является чистой Javascript библиотекой, созданной для JQuery. Она производит графические блоки произвольного набора данных на лету на стороне клиента. Основной упор делается на простом использовании (все параметры являются необязательными), привлекательный внешний вид и интерактивные функции, как масштабирование и отслеживание мыши. Плагин работает с Internet Explorer 6/7/8, Firefox 2.x +, Safari 3.0 +, Opera 9.5 + и Konqueror 4.x + с HTML5 тегами канвы.

Подборка — Дежурка.

This version of Skript is not maintained any more (since 2014).

Please download new releases from the SkriptLang fork .

Updated documentation for can be found .

Skript is a plugin that allows you to customize Minecraft"s mechanics with simple scripts written in plain English sentences. You can easily create complex custom commands, triggers that execute effects under certain conditions, and scripts that just run periodically - all without having to know even the slightest bit about programming! The (hopefully) intuitive language has the advantage that you don"t even need to learn much to be able to use Skript.

To get an idea of what is possible with Skript consider taking a look at the where users of this plugin share the scripts they have written themselves, improving their servers without the need for a plugin developer. Skript can also be used to replace smaller plugins, allowing you to shorten your likely long plugin list. An incomplete list of replaceable plugins can be found on the .

Notice

I"m back from my hiatus, but I will likely not be able to update Skript until I can download a recent build of CraftBukkit to fix new bugs. Also, with the future of Bukkit uncertain and no official Minecraft API in sight, I don"t know how actively I"ll update this plugin.

Introduction

To write a script you simply have to write down what you want Skript to do when some conditions are met. This is a simple "event → condition(s) → effect(s)" syntax, which could look like the following example:

# This example informs the player when he mines stone on mine of stone : send "You just mined stone!" to player

Each script can contain many so-called triggers which each start with an event and have a list of as many conditions and effects as you want. The event determines when the conditions are checked, and if all are met, the effects are executed in order. Take a look at the following example which has everything:

# A simple lightning strike/smite/Thor"s hammer script: # the trigger has an event: on leftclick with a golden axe : # a condition: player has the permission "thor" # and some effects : strike lightning at the targeted block broadcast "Fear the mighty Thor!"

Custom commands can be defined similarly, e.g. the following defines a powerful " /item " command that can be used like " /item 5 diamond swords of sharpness 5 and a cake ":

Command /item : description: Spawn yourself some items permission: skript.item trigger: give argument to the player

Furthermore Skript also features more complex script elements like loops and conditional statements, which are described in the documentation . Skript also supports variables that can persistently store information globally, per player, per block, etc., and has a wide range of expressions that you can use in conditions, effects, messages and variable names.

A notable feature of Skript are aliases, which are names for Minecraft"s items and blocks. Each alias can consist of multiple IDs and data values and allow you to use any item"s or block"s name in scripts instead of having to use their IDs like many plugins force you to. Along with the ability to define enchanted items you can create some of the possibly most powerful "/item" commands for Bukkit with just a few lines! (two example commands are included in the download)

Need help?

Documentation

To learn more about writing scripts please read the documentation on my website. There are also lists of all possible events , conditions , effects , expressions and types with examples for each of them.

The Team

• : Manager & programmer of Skript
• : Helps programming by adding new features
• : Wrote some tutorials and moderates the forums
• : Submits tons of bug reports
• : Made the old Skript banner and a signature image
• : Expert in Skript and Skript accessories. The glue that holds everyone together

Features

Natural syntax As you might already have noticed writing scripts is not very difficult. You can write (almost) normal english sentences and Skript will try to interpret them. If Skript doesn"t understand something, please check your spelling and/or refer to the documentation to find out how to write your sentence to make Skript understand it. Custom Commands Skript can be used to define custom commands. These commands can use Skript"s syntax which allows to make very user-friendly commands, like one of the most powerful /item commands available, and any other command you or others come up with. Skript also has a setting to try to interpret all unknown commands as effects. This basically allows to use any effects you can put into triggers as a command. A short introdution on how to create custom commands can be found on my website . Please note that Skript is not well suited for creating aliases of other plugins" commands or for creating a command that executes multiple other commands. I suggest to use or some other plugin for this purpose. Inventory Menus Using SkQuery (An addon for Skript), you can create dynamic inventory menus found in many popular plugins. Want a couple items to display that will do different things such as warps and console commands? This becomes an easy task. Slots can be formatted to do nothing, run a console command and close the menu, or even run a console command and keep the menu open (Usefull for dynamic updating menus that change based on selections) Chat Formatting/Json Capability Again, using SkQuery (An addon for Skript), you can completely customize how your chat looks from prefix to suffix to player"s name to the actual message itself. In addition, you can add JSON formatting to your chat in game... Want to highlight a player"s name and display a location? A rank? A specific class they have selected? Want to click someones name and have kick/ban/mute/message inventory menu to appear? Easy! Independent Scripts Triggers can be put into multiple files, and each file is treated independently. This means that you can easily use triggers made by other people by simply copy&pasting their files into the scripts directory. Scripts are thus like small plugins for Skript with the advantage of being able to edit them easily. You can find some scripts on the , and you can also post your own. Please read the before posting a file. Item and Block Aliases Aliases help to make the config more user-friendly by using comprehensive names for items and blocks, e.g. you can write " bonemeal " instead of " 351:15 ", or " any hoe " instead of listing all hoe types. Aliases support data value ranges and can even consist of multiple types. You can easily define your own aliases, e.g. " blacklisted = TNT, bedrock, obsidian, monster spawner, lava, lava bucket " and there are also many useful predefined aliases in the main config. Error Handling Skript automatically logs errors in the scripts to the console, e.g. if it can"t understand a line of a trigger. It will not cease operation, but simply skip the invalid parts of the scripts, be it a whole trigger (e.g. if the event is invalid) or just a single condition (e.g. if there"s a typo in the condition"s name). This might lead to unexpected behaviour, so always check for errors in the console after you have changed something. If you use the " /skript reload " command all errors will be sent to the player who used the command (or printed to the console if the command was used from there). Automatic Update Skript can detect new versions and update itself, either by a command (/skript update) or automatically when the server starts. You can turn the automatic check on or off, configure whether to check for updates only, and choose whether to download them as well in the config file. If a new version is found, all players with the permission " skript.admin " will get notified of the new version. As Simple or as Complicated as You Want To Go Want to create a message that displays after the player logs in? Sure, easy, 2 lines, done in a flash. Want to create a completely custom, unique experience that will WOW your users and astound them? Sure, it"s more complex, but it"s all worth it to see your users blown away by the customizability of your creations. See a user complain that something doesn"t work right? Fix the code, reload the skript (Without restarting the server) and watch them be so confused as to how it was already fixed. Extensible Java developers can add their own conditions, effects and variables using a provided API . Many users have completed addons, and these addons contribute IMMENSE amounts of conditions, expressions and triggers. Some give you access to items in item frames, some let you create scoreboards, and some even let you send resource packs to players. These are just some of the addons available

Future Features

More events/effects/conditions/expressions/loops/etc. I"m always looking for ideas ;) Triggers which are executed when a player presses a specific button, steps on a predefined pressure plate, etc. This sounds awesome but will definitely take a while. Full list of planned features: https://github.com/Njol/Skript/issues?labels=new+feature&state=open What I"m currently working on: https://github.com/Njol/Skript/issues/assigned/Njol?state=open

Permissions

Skript works without permissions plugins, but It also provides some permission in case you use one:

Skript.admin Grants access to the /skript command. skript.effectcommands Allows to use effects as commands if effect commands are enabled in the config.

You can also use the " Has/doesn"t have the permission "permission.here" " condition in scripts to check whether a player has/doesn"t have a certain permission. You can even create your own permissions this way, but you should note that " mypermissions.* " does not give all permission that start with " mypermissions. " (The exception to this rule are other plugins" " * " permissions and any permissions starting with " skript. ").

Download

Donations

If you like the plugin feel free to make a donation :)

Changelog

v2.1.1 (11 March 2014)

Main Change Fixed most (if not all) database issues. Please still create a backup of the old variables table just to play it safe. Part of the fix required to save and load all variables on the main server thread, i.e. performance may suffer. Improvements Changed the updater to adhere to the new Bukkit guidelines Improved the automatic config updating Should be compatible with Java 6 again Decreased chances of errors due to improved automatic code analysis Added a workaround to be able to remove a player"s tool in a click event Added workaround to make Skript more compatible with mods that dynamically change enums via reflection. If they do this improperly Skript will still not be compatible with them however. Added some 1.7 block to the code Improved/fixed visual effects Improved expression lists Added an error on an unsuccessful hook into another plugin Improved regions support Added expression "me" that can only be used in effect commands Improved documentation generation Improved effect commands Added "luck" and "lure" enchantments now that Bukkit supports them Fixes Fixed configs only working with tabs. You can now use any indentation again, and even use different types in one file. Fixed some other minor config related issues Fixed error reporting not reporting the whole error Fixed the pressure plate event to also fire for golden and iron pressure plates Fixed a few issues with custom language files Fixed "neither ... nor ..." not working as expected Fixed some log-related errors and fixed some log messages that didn"t appear at all Fixed not complaining about storing an entity or other non-serialisable data in list variables Fixed the Bukkit command registration hack to work in 1.7.2 R0.4 as well Fixed effect command to use english Code Related Slightly improved directions Minor performance improvements Added draft for sound support Removed script caching completely, as it never worked anyway. This might break addons. Added some more comments to the API

2.1 (17 December 2013)

Note this release includes two changes to how variables are saved, thus please test saving and loading variables on a test server before updating Skript on your main server (especially if you"re using a database - but make sure to configure the test server to access a different database!) added support for multiple databases (this also allows to define variables that won"t be saved at all) variables are no longer saved as text but in binary Improved support for regions plugins: supported plugins: WorldGuard, Factions, PreciousStones, and GriefPrevention new expressions: members/owner(s) of %region%, regions at %location%, block in %region%, the region new event: on region enter/exit new condition: %player% is member/owner of %region%, %region% contains %location% use regions in scripts like "region "region name", or save them to variables and use the variables instead New Expressions experience, index of %text% in %text%, join/split %text% by/at %text%, length of %text%, subtext of %text% between %number% and %number%, first/last %number% characters of %text%, max stack size of %item%, line %number% of lore of %item% New Effects play effect (plays entity and particle effects), force %entity% to dismount Fixes and Improvements dropped items, falling blocks, and thrown potions can now have item types (e.g. falling dirt, dropped arrow) horse variants (mules, donkeys, etc.) can now be distinguished. colours and decorations are not supported yet. pigs can now be equipped with saddles, and horses can be equipped with saddles, horse armour, and chests added ability to shoot projectiles from any location, not just from entities added ability to directly change the id of an item or block added warning when using "items in {var::*}" added ability to change the passenger of a vehicle and vice versa "on experience spawn" is now called when fishing as well the shooter of a projectile can now be changed biomes can now be changed added a warning if a variable is assigned a value that cannot be saved "colour of ..." might now work with more items (e.g. stained glass), but this depends on Bukkit improved localisation, mostly in regards to aliases improved changing expressions improved all expressions that have multiple time states when used with expression lists to return the expected value improved the "parse" expression several small improvements to parsing fixed "<%color expressions%>" in text not working and many bug fixes

Older changelog can be found in the respective

10 лет назад, когда jQuery только зарождалась, браузерная экосистема была очень разношерстной и каждый из существовавших тогда продуктов по своему боролся со сложностью управления DOM-элементами. Амбициозной задачей, которую поставили перед собой разработчики jQuery, была разработка универсального подхода к решению этих проблем и создание API, который бы одинаково хорошо работал в любой ситуации.

Насколько им это удалось судить вам, но спустя 10 лет своего существования, jQuery остается одной из самых популярных библиотек JavaScript.

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

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

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

В этом обзоре я собрал все известные мне бесплатные плагины jQuery , которые сейчас активно развиваются или которые хотя бы раз обновлялись за прошедший год. Некоторые из них я активно применял и применяю в своей практике, некоторые я знаю только поверхностно, но они впечатлили меня своими возможностями. Среди них есть исключительно неординарные, выполненные с большой фантазией. И даже если вы не найдете способ использовать их в своих проектах, быть может они вдохновят вас на создание своих собственных, еще более невероятных решений.

multiscroll.js

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

jquery.email-autocomplete.js

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

tinyDatePicker

В 5 кБ этого плагина втиснуты немаленькие возможности. Календари, планировщики, бронирование товаров и услуг - далеко не полный перечень, где можно использовать tinyDatePicker. Быстрый, легкий, масштабируемый - его можно легко интегрировать в Bootstrap или любой другой фреймворк.

ReadRemaining.js

Многим из нас всегда катастрофически не хватает времени. Я всегда завидовал людям, которые умеют правильно им распоряжаться. Наверное, к таким относится автор плагина ReadRemaining.js. Кому же еще могла прийти в голову мысль вывести рядом с текстом информацию о том, сколько времени вам понадобится, чтобы прочитать его . И по мере прокрутки текста пересчитывать это время, основываясь на скорости чтения конкретного пользователя.

Весьма оригинальный плагин который, я думаю, понравится посетителям, если у вас много длинного текстового материала.

Tooltipster

Классическая всплывающая подсказка (tooltip) с большим набором функций и опций. Сам элемент может располагаться где угодно по отношению к родительскому элементу и содержать какие угодно элементы. Главное, не переборщить с его применением, используйте его только там где это действительно необходимо.

Addel

Несмотря на созвучное название, этот плагин не имеет никакого отношения к певице Адель. Его название происходит от английских слов ADd-DELete (добавить и удалить) и отражает его назначение - динамически добавлять или скрывать HTML-элементы , в первую очередь элементы форм. Управление гибкое и интуитивно понятное.

Chart.js

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

jQuery Flip-Quote

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

Algolia Places

Быстрый поиск с автодополнением почтовых адресов, городов, маршрутов и всего, что связано с локациями по всему миру благодаря интеграции с базой данных OpenStreetMap. Очень полезный плагин для интернет-магазинов.

HideSeek

Простой, но функциональный плагин «живого» поиска . Умеет производить поиск, основываясь на различных критериях, выполнять определенные действия после нахождения искомых данных и многое другое.

Timedropper

Существует огромное количество удобных решений для ввода определенного момента времени. Однако Timedropper выделяется среди них простотой и легким управлением. Изменение часов и минут при помощи этого забавного язычка действительно удобно. Он имеет несколько параметров настройки, таких как: формат времени (12 или 24-часовой) , цвет циферблата, теста, фона, а также возможность изменять показания часов и минут при помощи колесика мыши. Кстати, имеется аналогичный плагин для задания даты.

Lory

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

CurrencyFormatter.js

Очень простенький и маленький скрипт, выполняющий отображение числовых значений в денежном формате . Добавляет точки, пробелы для разделения разрядов и символ валюты. Поддерживает 155 валют мира.

Shave.js

Javascript , который аккуратно обрежет текст , не помещающийся в контейнер заданной высоты. Занимает всего 1,5 кБ и не требует сторонних библиотек.

jQuery Linechart

Библиотека для построения диаграмм различных видов и довольно большим количеством исходных данных. Написан на HTML/CSS/JS , однако есть версия и на базе Angular.js

Freewall

Невероятно красивый jQuery плагин для создания плиточного интерфейса в самых разных стилях: Windows Metro, Pinterest, обычном плоском или иерархическом, с перетаскиваемыми и динамически добавляемыми элементами. Отлично работает как на мобильных браузерах, так и на десктопных, включая IE8. Действительно универсальный инструмент!

rowGrid.js

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

Slidebars

Slidebars добавляет на страницу сайта меню или боковую панель , которые скользящим движением появляются или скрываются по нажатию курсором на управляющую кнопку. Версия 2 этого плагина была полностью переписана и теперь может содержать неограниченное количество самых разных элементов. Имеет полноценный API, возможность подключения собственных callback-функций и подписку на события.

pagePiling.js

Очень напоминает рассмотренный в данном обзоре плагин multiscroll.js, но страница не разбивается на две панели, а смещается целиком. Можно изменять направление смещения и скорость. Хороший выбор для одностраничного сайта, который будет одинаково хорошо выглядеть и на мобильный устройствах и на больших экранах.

Animsition

Основной целью Animsition является воплощение в одном плагине большого и разнообразного набора различных транзитивных эффектов. Среди них затухание и проявление, вращение, отражение, зуммирование и т.п. (всего 58 штук).

ZooMove

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

Rippleria

Легковесный плагин, создающий волновой эффект (похожий на рябь на поверхности воды) на любом DOM-элементе: кнопке, элементе DIV, картинке. Очень легко настраивается и управляется.

Flickity

Быстрый, адаптивный и управляемый жестами слайдер . Внешне - довольно обычный, но с невероятно тщательно написанной и структурированной документацией. Полноценный, и продуманный API.

Unslider

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

Lightcase.js

Выдающийся lightbox с CSS3 анимацией . Работает с DIV, изображениями, текстом, flash-объектами, video и iframe. Пока не поддерживает jQuery 3, но разработчики обещают исправить это в ближайших релизах.

PhotoSwipe

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

Strip

Strip - это lightbox, который занимает некоторую область страницы, оставляя саму страницу не только частично видимой, но и доступной для взаимодействия с ней. Кроме того может одновременно работать и как слайдер. К тому же, наряду с изображениями, поддерживает и видеоконтент с Youtube и Vimeo .

Turntable.js

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

Vide.js

Пожалуй, самый простой способ добавить фоновое видео на страницу сайта - это воспользоваться плагином Vide.js. Он работает на всех современных браузерах, начиная с IE9+. На iOS и Android, которые не всегда воспроизводят фоновое видео, будет показан стоп-кадр.

Trianglify

Если вы не хотите нагружать страницу фоновым видео, а статическое изображение кажется банальным, попробуйте триангулярность ! Это уникальные геометрические треугольные узоры , которые придадут некую индивидуальность вашему дизайну. Плагин позволяет менять цвет, размер ячеек и дисперсию. Вы даже сможете написать собственную реализацию алгоритма и использовать его в Trianglify.

LazeeMenu

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

Web-ticker

Бегущая строка , похожая на те, которые часто можно увидеть на экране телевизора в выпусках новостей - последние события, биржевые котировки, погода… Да мало ли, что там можно разместить! Так, что если вам нравится такой способ подачи информации - возьмите Web-ticker на заметку.

Inputmask

User experience в действии. Вы помните те времена, когда приходилось заново вводить в форму данные из-за ошибки. Причем ошибка обнаруживалась только после ответа сервера. Забудьте об этом! Inputmask не просто контролирует и отображает визуально правильность вводимых данных , он еще и препятствует введению неправильных. Попробуйте, например, ввести 13-й месяц в поле даты. Маски могут быть самые разные - даты, телефоны, e-mail и даже регулярные выражения .

07.02.2016

Если Вы сейчас в ситуации, когда Вам нужно создать впечатляющую анимацию для сайта, то этот пост точно даст Вам полезные инструменты.

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

JavaScript плагины для анимации

Если Вы хотите создавать анимации, которые запускаются по какому-нибудь событию или действию, то JavaScript плагины для анимации Вам очень сильно в этом помогут. Но стоит заметить, что большинство из этих анимаций написаны на CSS3, а управление ими происходит с помощью JavaScript.

AniJS

Dynamics.js

Dynamic.js - это JavaScript библиотека для создания анимаций на основе физики.

mo.js

mo.js - отличная библиотека для создания motion-графики. Пример такой графики вы встречали часто, когда Google размещал новый тематический логотип (doodle), который анимировался при наведении или клике.

cta.js

cta.js - JavaScript плагин для создания анимированных призывов к действию. Многие из них выглядят очень эффектно.

animo.js

animo.js - мощный инструмент для управления CSS3 анимациями.

html5tooltips.js

html5tooltips.js - старые добрые подсказки с современным дизайном и анимацией без зависимостей, подключил и используй.

Rocket

Rocket - интересная JS-библиотека, позволяющая анимировать путь элемента к цели.

scrollReveal.js

scrollReveal.js - плагин, позволяющий анимировать элементы при скролле страницы.

Wow.js

Wow.js - еще один javascript плагин для контроля анимации при скролле страницы.

Transit

Transit - jQuery-плагин для сглаживания переходов и трансформаций, предусмотренных в jQuery.

parallax.js

parallax.js - плагин, реагирующий на положение смартфона в пространстве, опираясь на это, управляет отступами, положением и глубиной слоев. Если же, устройство не имеет гироскоп, то вычисления берутся на основе положения курсора мыши. Двумя словами - продвинутый параллакс!

Sly

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

Move.js

Move.js - небольшая JavaScript библиотека для создания настроенных CSS3-анимаций.

slidr.js

slidr.js - простая в использовании и легковесная JavaScript библиотека для создания вертикального и одновременно горизонтального слайдера.

CreateJS

CreateJS - это набор модульных библиотек и инструментов, которые могут работать вместе или независимо друг от друга, для обагощения интерактивности контенту. Функционал этих библиотек позволит создавать потрясающие сайты и приложения, обязательно ознакомтесь с демками.

Flippant.js

Flippant.js - JavaScript-плагин для создания элементов с эффектом поворота вокруг своей оси.

jmpress.js

jmpress.js - JavaScript-библиотека с уникальной идеей создания сайта на бесконечном HTML5 canvas"е. Идея достойна внимания.

CSS3 библиотеки

Опытные разработчики уже достаточно давно позаботились о том, чтобы создать для нас библиотека с CSS3-анимациями. Теперь мы можем просто брать их и применять в своих проектах, и быть уверенными в их эффективности.