Tagsort.is \u043f\u043b\u0430\u0433\u0438\u043d JQuery \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0442\u0435\u0433\u043e\u0432.<\/p>\n\n\n\n
\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0442\u0435\u0433\u0430 \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0438, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang = \"en\">\n <head>\n <meta charset = \"UTF-8\">\n <title>Tagsort Demo<\/title>\n\t\t\n <!-- Demo Styles -->\n <style>\n html,body {\n margin: 0;\n padding: 0;\n }\n\t\t\t\n body {\n background-color: #FFF;\n font-family: \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \n \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif; \n font-weight: 300;\n }\n\t\t\t\n .container {\n width: 80%;\n margin: 0 auto;\n }\n\t\t\t\n h1 > small a {\n color: #AAA;\n text-decoration: none;\n font-size: 70%;\n margin-left: 10px;\n }\n\t\t\t\n h1 > small a:hover {\n color: #000;\n }\n\t\t\t\n .item {\n box-sizing: border-box;\n float: left;\n position: relative;\n min-height: 1px;\n padding-left: 15px;\n padding-right: 15px;\n width: 20%;\n margin-bottom: 40px;\n height: 360px;\n max-height: 360px;\n overflow: hidden;\n\n }\n\t\t\t\n .item .wrapper {\n background-color: #f4f4f4;\n padding: 8px;\n height: 100%;\n }\n\t\t\t\n .item .wrapper img {\n width: 100%;\n }\n\t\t\t\n .item .wrapper .item-tags {\n color: #AAA;\n font-size: 12px;\n line-height: 1.8;\n }\n\t\t\t\n .tagsort-tags-container {\n margin: 40px 0;\n }\n <\/style>\n\t\t\n <link href = \"styles\/tagsort.min.css\" rel = \"stylesheet\" type = \"text\/css\"><\/link>\n\t\t\n <script src = \"scripts\/jquery-2.1.3.min.js\" \n type = \"text\/javascript\" charset = \"utf-8\">\n <\/script>\n <script src = \"scripts\/tagsort.min.js\" \n type = \"text\/javascript\" charset = \"utf-8\">\n <\/script>\n\t\t\t\n <script>\n $(function(){\n $('div.tags-container').tagSort({selector:'.item', tagWrapper:'span',\n displaySelector: '.item-tags', displaySeperator: ' \/ ', inclusive:\n false, fadeTime:200});\n });\n <\/script>\n <\/head>\n\t\n <body>\n <div class = \"container\">\n\n <div class = \"tags-container row\"><\/div>\n\t\t\t\n <div class = \"item col-md-3\" data-item-id = \"1\" \n data-item-tags = \"PHP,JavaScript,React,Memcached,RocksDB,Cassandra,Flux\">\n <div class = \"wrapper\">\n <img src = \"images\/facebook.jpg\" alt = \"Facebook\">\n <h2>Facebook<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n <\/div>\n\t\t\t\n <div class = \"item col-md-3\" data-item-id = \"2\" \n data-item-tags = \"MySQL,JavaScript,jQuery,Memcached,Scala,Rails,Hadoop,Redis\">\n <div class = \"wrapper\">\n <img src = \"images\/twitter.jpg\" alt = \"Twitter\">\n <h2>Twitter<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n <\/div>\n\t\t\t\n <div class = \"item col-md-3\" data-item-id = \"3\" \n data-item-tags = \"MySQL,Node.js,Python,JavaScript,React,Java,Cassandra\">\n <div class = \"wrapper\">\n <img src = \"images\/netflix.jpg\" alt = \"Netflix\">\n <h2>Netflix<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n <\/div>\n\t\t\t\n <div class = \"item col-md-3\" data-item-id = \"4\" \n data-item-tags = \"MySQL,Node.js,Python,Java,Objective-C,PostgreSQL,Redis,MongoDB\">\n <div class = \"wrapper\">\n <img src = \"images\/uber.jpg\" alt = \"Uber\">\n <h2>Uber<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n <\/div>\n\t\t\t\n <div class = \"item col-md-3\" data-item-id = \"5\" \n data-item-tags = \"MySQL,Python,Memcached,nginx\">\n <div class = \"wrapper\">\n <img src = \"images\/dropbox.jpg\" alt = \"Dropbox\">\n <h2>Dropbox<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n <\/div>\n\t\t\t\n <div class = \"item col-md-3\" data-item-id = \"6\" \n data-item-tags = \"Python,Java,Cassandra,Hadoop,PostgreSQL,Hadoop\">\n <div class = \"wrapper\">\n <img src = \"images\/spotify.jpg\" alt = \"Spotify\">\n <h2>Spotify<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n <\/div>\n\t\t\t\n <div class = \" item col-md-3\" data-item-id = \"7\" \n data-item-tags = \"MySQL,Javascript,jQuery,Ruby,Redis,nginx,Rails,SASS\">\n <div class = \"wrapper\">\n <img src = \"images\/kickstarter.jpg\" alt = \"Kickstarter\">\n <h2>Kickstarter<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n <\/div>\n\t\t\t\n <div class = \"item col-md-3\" data-item-id = \"8\" \n data-item-tags = \"Go,Ruby,MySQL,Redis,Memcached,SASS,Rails,nginx\">\n <div class = \"wrapper\">\n <img src = \"images\/digitalocean.jpg\" alt = \"DigitalOcean\">\n <h2>DigitalOcean<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n <\/div>\n\t\t\t\n <div class = \"item col-md-3\" data-item-id = \"9\" \n data-item-tags = \"Ruby,MySQL,Hadoop,nginx,PHP,Scala,Memcached,Redis\">\n <div class = \"wrapper\">\n <img src = \"images\/tumblr.jpg\" alt = \"Tumblr\">\n <h2>Tumblr<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n <\/div>\n\t\t\t\n <div class = \"item col-md-3\" data-item-id = \"10\"\n data-item-tags = \"nginx,MySQL,Redis,Rails,Ruby,Hadoop\">\n <div class = \"wrapper\">\n <img src = \"images\/shopify.jpg\" alt = \"Shopify\">\n <h2>Shopify<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n <\/div>\n\t\t\t\n <div class = \"item col-md-3\" data-item-id = \"11\" \n data-item-tags = \"JavaScript,jQuery,Redis,Java,Go,Cassandra,.NET\">\n <div class = \"wrapper\">\n <img src = \"images\/stackexchange.jpg\" alt = \"Stack Exchange\">\n <h2>Stack Exchange<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n <\/div>\n\t\t\t\n <div class = \"item col-md-3\" data-item-id = \"12\" \n data-item-tags = \"nginx,Redis,MongoDB,Python,Java,React,JavaScript,Scala,Cassandra\">\n <div class = \"wrapper\">\n <img src = \"images\/keenio.jpg\" alt = \"Keen IO\">\n <h2>Keen IO<\/h2>\n <p class = \"item-tags\"><\/p>\n <\/div>\n\t\t\t\t\n <\/div>\n <\/div>\n <\/body>\n<\/html><\/pre>\n","protected":false},"excerpt":{"rendered":"Tagsort.is \u043f\u043b\u0430\u0433\u0438\u043d JQuery \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0442\u0435\u0433\u043e\u0432. \u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0442\u0435\u0433\u0430 \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0438, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014 <!DOCTYPE html> <html lang = “en”> […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[154],"tags":[],"class_list":["post-4886","page","type-page","status-publish","hentry","category-jquery"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages\/4886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/comments?post=4886"}],"version-history":[{"count":0,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages\/4886\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/media?parent=4886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/categories?post=4886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/tags?post=4886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}