{"id":227547,"date":"2014-06-26T00:11:02","date_gmt":"2014-06-25T20:11:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=227547"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=227547","title":{"rendered":"\u00ab\u041f\u044f\u0442\u043d\u0430\u0448\u043a\u0438\u00bb \u0432 \u0432\u0438\u0434\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f, \u0438\u043b\u0438 \u0438\u0433\u0440\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e \u043d\u0430 js<\/span>"},"content":{"rendered":"
\t\t\t\u0414\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0439 \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445 web-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u0438\u043b\u0438 \u0436\u0435 \u043e\u0431\u044b\u0447\u043d\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0451\u0440\u0441\u0442\u043a\u0443 \u0443\u0447\u0438\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u043c \u043a\u0443\u0440\u0441\u0435, \u0438 \u0441\u0435\u0439\u0447\u0430\u0441 \u043d\u0435 \u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u043f\u043e\u043d\u0438\u043c\u0430\u044e\u0442 \u043a\u0430\u043a \u0441 html \u0432\u043e\u043e\u0431\u0449\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0433\u0440\u0430\u0442\u044c.<\/p>\n

\"image\"\/
<\/a><\/p>\n

\u041f\u0440\u0435\u0434\u0438\u0441\u043b\u043e\u0432\u0438\u0435<\/h4>\n

\u0412 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u044f \u043d\u0430\u0447\u0430\u043b \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u044c \u0432\u0441\u0451 \u0431\u043e\u043b\u044c\u0448\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0438\u0433\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u044b \u043d\u0430 \u0441\u0432\u044f\u0437\u043a\u0435 html+ccs+js. \u0418\u043c\u0435\u043d\u043d\u043e \u0432 \u0442\u0430\u043a\u043e\u0439 \u0441\u0432\u044f\u0437\u043a\u0435, \u0431\u0435\u0437 \u0444\u043b\u0435\u0448\u0430 \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439. \u041d\u0435 \u0437\u043d\u0430\u044e, \u043c\u043e\u0436\u0435\u0442 \u0438\u0445 \u0438 \u0440\u0430\u043d\u044c\u0448\u0435 \u0431\u044b\u043b\u043e \u043c\u043d\u043e\u0433\u043e, \u043d\u043e \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u044c \u0432\u0441\u0451 \u0431\u043e\u043b\u044c\u0448\u0435 \u0441 \u043a\u0430\u0436\u0434\u044b\u043c \u0434\u043d\u0451\u043c \u044f \u043d\u0430\u0447\u0430\u043b \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0435\u0439\u0447\u0430\u0441. \u041e\u0434\u043d\u0430 2048 \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0448\u0443\u043c\u0443 \u043d\u0430\u0434\u0435\u043b\u0430\u043b\u0430!
\u0412\u043e\u043e\u0431\u0449\u0435\u043c, \u044f \u0431\u044b\u043b \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u0451\u043d, \u0438 \u0440\u0435\u0448\u0438\u043b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u0435\u043d\u044c\u043a\u043e\u0435, \u0437\u0430 \u043f\u0430\u0440\u0443 \u0432\u0435\u0447\u0435\u0440\u043e\u0432, \u0437\u0430\u0442\u043e \u0441\u0432\u043e\u0451. \u0417\u0430 \u0438\u0434\u0435\u044e \u0432\u0437\u044f\u043b \u0441\u0442\u0430\u0440\u044b\u0435 \u0445\u043e\u0440\u043e\u0448\u0438\u0435 \u00ab\u043f\u044f\u0442\u043d\u0430\u0448\u043a\u0438\u00bb.
\u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u0443\u0441\u043b\u043e\u0432\u0438\u0435\u043c \u0431\u044b\u043b\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0432\u0441\u0435\u0433\u043e \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0430 javascript (\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f, \u043f\u0440\u0430\u0432\u0434\u0430, JQuery), \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f canvas, WebGL, \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043f\u0440\u0438\u0447\u0443\u0434\u044b <\/s>\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438.<\/p>\n

\u041a\u043e\u043d\u0446\u0435\u043f\u0442<\/h4>\n

\"image\"\/
\u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0434\u0430\u043d\u0430\u044f \u0437\u0430\u0442\u0435\u044f \u0437\u0430\u0434\u0443\u043c\u044b\u0432\u0430\u043b\u0430\u0441\u044c \u043a\u0430\u043a \u0447\u0438\u0441\u0442\u043e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u0435\u0449\u044c, \u0431\u0435\u0437 \u0437\u0430\u043b\u0438\u0432\u0430 \u043a\u0443\u0434\u0430-\u043b\u0438\u0431\u043e, \u043d\u043e \u0447\u0443\u0442\u044c \u043f\u043e\u0437\u0436\u0435 \u044f \u0437\u0430\u043c\u0435\u0442\u0438\u043b \u043d\u0435\u043a\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0435\u0441 \u043a \u0434\u0430\u043d\u043d\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0432 \u043e\u0444\u0438\u0441\u0435, \u0438 \u0440\u0435\u0448\u0438\u043b \u0447\u0442\u043e \u043d\u0430\u0434\u043e \u0432\u044b\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c. \u041f\u0435\u0440\u0432\u0430\u044f \u0438\u0434\u0435\u044f, \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435 \u2014 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442. \u0418 \u0432\u043a\u043e\u043d\u0446\u0435-\u043a\u043e\u043d\u0446\u043e\u0432 \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u043d\u043e<\/a>, \u0438 \u043d\u0430 \u044d\u0442\u043e\u043c \u0431\u044b \u0432\u0441\u0451 \u0438 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u043e\u0441\u044c, \u0435\u0441\u043b\u0438 \u0431\u044b \u0447\u0435\u0440\u0435\u0437 \u043f\u0430\u0440\u0443 \u0434\u043d\u0435\u0439 \u043a\u043e\u043b\u043b\u0435\u0433\u0430 \u043d\u0435 \u0441\u043f\u0440\u043e\u0441\u0438\u043b \u0443 \u043c\u0435\u043d\u044f: \u00ab\u0442\u044b \u043f\u0438\u0441\u0430\u043b \u043a\u043e\u0433\u0434\u0430-\u043d\u0438\u0431\u0443\u0434\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0445\u0440\u043e\u043c\u0430?\u00bb. \u041d\u043e \u043e\u0431\u043e \u0432\u0441\u0451\u043c \u043f\u043e\u043f\u043e\u0440\u044f\u0434\u043a\u0443.<\/p>\n

\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u0430\u043c\u043e\u0439 \u0438\u0433\u0440\u044b<\/h4>\n

<\/p>\n

\u0412\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434<\/h5>\n

\u041f\u0435\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0439 \u0438\u0434\u0435\u0435\u0439 \u0431\u044b\u043b\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430 html-\u0442\u0430\u0431\u043b\u0438\u0446\u0435 4\u04454. \u0422\u0443\u0442 \u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u044f\u0447\u0435\u0439\u043a\u0438, \u0438 \u0432\u0441\u0451 \u0442\u0430\u043a\u043e\u0435. \u041d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434. \u041f\u0440\u0438 \u0431\u043e\u043b\u0435\u0435 \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u043e\u0431\u0434\u0443\u043c\u043a\u0435 \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0447\u0442\u043e \u043f\u043b\u044e\u0441\u043e\u0432 \u0443 \u0434\u0430\u043d\u043d\u043e\u0439 \u0437\u0430\u0434\u0443\u043c\u043a\u0438 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043d\u0435\u0442, \u0438 \u043e\u0442 \u0438\u0434\u0435\u0438 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435, \u044f \u043f\u0440\u0438\u0448\u0451\u043b \u043a \u043e\u0434\u043d\u043e\u043c\u0443 \u0431\u043b\u043e\u043a\u0443, \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0435\u0449\u0451 15, \u0438 \u0443 \u0432\u0441\u0435\u0445 \u0432\u044b\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e <\/p>\n

float:left; <\/code><\/pre>\n
  \u041f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0442\u0430\u043a:
  \"image\"\/  <\/p>\n
\u0418\u0433\u0440\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435, \u0438 \u0431\u043b\u043e\u043a\u0438 (\u0441ss)<\/b><\/p>\n
\n
.game_field{ \tposition: absolute; \tleft: 50%; \ttop: 50%; \tmargin-top: -128px; \tmargin-left: -128px; \twidth: 256px; \theight: 256px; \tborder-radius: 4px; } .block{ \t-ms-user-select:none; \t-moz-user-select:none; \t-khtml-user-select:none; \t-webkit-user-select:none; \t-user-select:none; \tfloat: left; \twidth: 60px; \theight: 60px; \tmargin: 2px 2px 2px 2px; \tbackground-color: #F3EDD6; \tborder-radius: 4px; \ttext-align: center; \tfont-size: 250%; \tfont-weight: bold; \tcursor: pointer; } <\/code><\/pre>\n<\/div>\n<\/div>\n
  <\/p>\n
\u041b\u043e\u0433\u0438\u043a\u0430<\/h5>\n
  <\/p>\n
\u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435<\/h6>\n
  \u0421\u0430\u043c\u043e\u0435 \u0441\u043b\u043e\u0436\u043d\u043e\u0435 \u0434\u043b\u044f \u043c\u0435\u043d\u044f \u044d\u0442\u043e \u0431\u044b\u043b\u0430 \u043b\u043e\u0433\u0438\u043a\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0431\u043b\u043e\u043a\u043e\u0432. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0434\u043b\u044f \u043e\u043f\u044b\u0442\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0432\u0441\u0451 \u043f\u0440\u043e\u044f\u0441\u043d\u0438\u043b\u043e\u0441\u044c \u0431\u044b \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e, \u043d\u043e \u0443 \u043c\u0435\u043d\u044f \u043d\u0430 \u044d\u0442\u043e \u0443\u0448\u0451\u043b \u0446\u0435\u043b\u044b\u0439 \u0432\u0435\u0447\u0435\u0440. \u041f\u0435\u0440\u0432\u043e\u0439 \u0438\u0434\u0435\u0435\u0439 \u0431\u044b\u043b\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u0442\u043e\u043b\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u0439: \u0435\u0441\u043b\u0438 \u043f\u0443\u0441\u0442\u043e, \u0442\u043e \u0431\u043b\u043e\u043a \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0435\u0442\u0441\u044f, \u0430 \u0435\u0441\u043b\u0438 \u043d\u0435\u0442 \u2014 \u0442\u043e \u043e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u043d\u0430 \u043c\u0435\u0441\u0442\u0435. \u0423\u0436\u0435 \u0441\u043f\u0443\u0441\u0442\u044f \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0440\u0435\u043c\u044f, \u0438 \u0434\u0435\u0441\u044f\u0442\u043a\u0438 \u0444\u043e\u0440\u0443\u043c\u043e\u0432, \u044f \u043f\u043e\u043d\u044f\u043b \u0447\u0442\u043e \u0434\u0432\u0438\u0433\u0430\u044e\u0441\u044c \u0432 \u043a\u0430\u043a\u043e\u043c-\u0442\u043e \u043d\u0435 \u0442\u043e\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u044f \u043f\u0440\u0438\u0448\u0451\u043b \u043a \u0442\u0430\u043a\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438: \u043c\u0430\u0441\u0441\u0438\u0432 \u043d\u0430 16 \u044f\u0447\u0435\u0435\u043a \u0441 \u0431\u0443\u043b\u0435\u0432\u044b\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c. 0 \u2014 \u0437\u0430\u043d\u044f\u0442\u043e, 1 \u2014 \u043f\u0443\u0441\u0442\u043e. \u041d\u0443 \u0430 \u0434\u0430\u043b\u0435\u0435 \u0432\u0441\u0451 \u043f\u043e\u043d\u044f\u0442\u043d\u043e \u2014 \u0434\u0430\u0451\u043c \u0431\u043b\u043e\u043a\u0430\u043c id \u0441 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u043f\u043e\u0437\u0438\u0446\u0438\u0435\u0439, \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u043c \u0441 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u043c \u043d\u043e\u043c\u0435\u0440\u043e\u043c, \u0434\u043b\u044f \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u0432\u043b\u0435\u0432\u043e \u043e\u0442\u043d\u0438\u043c\u0430\u0435\u043c 1, \u0432\u043f\u0440\u0430\u0432\u043e \u2014 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c 1, \u0432\u0432\u0435\u0440\u0445 \u2014 \u043c\u0438\u043d\u0443\u0441 4. \u0415\u0441\u043b\u0438 \u044f\u0447\u0435\u0439\u043a\u0430 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 \u0441 \u043d\u043e\u043c\u0435\u0440\u043e\u043c \u0432 \u0432\u0438\u0434\u0435 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043e\u0439 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u2014 true, \u0437\u043d\u0430\u0447\u0438\u0442 \u0434\u0432\u0438\u0433\u0430\u0435\u043c, \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u043c \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u043d\u0430 true, \u0430 \u043d\u043e\u0432\u0443\u044e \u043d\u0430 false.<\/p>\n
\u041d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/h6>\n
  \u041f\u043e\u043d\u044f\u0442\u043d\u043e\u0435 \u0434\u0435\u043b\u043e, \u0447\u0442\u043e \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u0441\u0435\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e, \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0433\u043e\u0432\u043e\u0440\u044f, \u0432\u043e \u0447\u0442\u043e \u0438\u0433\u0440\u0430\u0442\u044c. \u0412 \u0442\u0435\u043e\u0440\u0438\u0438: \u0441\u0442\u0430\u0432\u0438\u043c \u0432\u0441\u0435 \u0431\u043b\u043e\u043a\u0438 \u043d\u0430 15 \u043f\u043e\u0437\u0438\u0446\u0438\u0439, \u043f\u043e\u0442\u043e\u043c \u0440\u0430\u043d\u0434\u043e\u043c\u043d\u043e \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u043c \u0438\u043c \u043d\u043e\u043c\u0435\u0440\u0430, \u0440\u0430\u0434\u0443\u0435\u043c\u0441\u044f \u0436\u0438\u0437\u043d\u0438. \u041d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435: \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u044b\u0439 \u0431\u0430\u0433. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043a\u0430\u043a \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c, \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0445 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0432 \u043f\u044f\u0442\u043d\u0430\u0448\u043a\u0430\u0445 \u2014 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0438\u0430\u043b\u044c\u043d\u043e \u043d\u0435\u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043c\u044b\u0435. \u0422\u043e\u0435\u0441\u0442\u044c \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0432 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0435 \u0441\u043b\u0443\u0447\u0430\u0435\u0432 \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0438\u0433\u0440\u0443 \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u044b\u0438\u0433\u0440\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e. \u042f \u0443\u0432\u0435\u0440\u0435\u043d \u0447\u0442\u043e \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u044d\u0442\u043e \u0438 \u0442\u0430\u043a \u0437\u043d\u0430\u0435\u0442, \u043d\u043e \u043b\u0438\u0447\u043d\u043e \u044f \u2014 \u043d\u0435 \u0437\u043d\u0430\u043b. \u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u0438\u0448\u043b\u043e \u0432\u0432\u0438\u0434\u0435 \u0441\u043e\u0432\u0435\u0442\u0430 \u043e\u0442 \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u043a\u043e\u043b\u043b\u0435\u0433\u0438: \u00ab\u0440\u0430\u0441\u0441\u0442\u0430\u0432\u043b\u044f\u0439 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u0430 \u043f\u043e\u0442\u043e\u043c \u0440\u0430\u043d\u0434\u043e\u043c\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0448\u0438\u0432\u0430\u0439, \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0439 \u043d\u0430 400\u00bb. \u0418\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a \u0438 \u0431\u044b\u043b\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043d\u0446\u0435-\u043a\u043e\u043d\u0446\u043e\u0432.  <\/p>\n
\u041a\u043e\u0434 \u043f\u0435\u0440\u0435\u043c\u0435\u0448\u0438\u0432\u0430\u043d\u0438\u044f (js)<\/b><\/p>\n
\n
mix : function(){  \t\tcore.check_win = false;  \t\tfor(var i = 0; i < 600; i++){  \t\t\tvar num = Math.floor(Math.random() * (4 - 1 + 1)) + 1; \t\t\tvar free_pos = 0;  \t\t\tfor(var j = 1; j<=16;j++){ \t\t\t\tif(core.table_of_emptify[j] == true){ \t\t\t\t\tfree_pos = j; \t\t\t\t\tbreak; \t\t\t\t} \t\t\t}  \t\t\tswitch (num) { \t\t\t\tcase 1: \t\t\t\t\t$('#'+(free_pos-4)).trigger('click'); \t\t\t\t\tbreak; \t\t\t\tcase 2: \t\t\t\t\t$('#'+(free_pos+4)).trigger('click'); \t\t\t\t\tbreak; \t\t\t\tcase 3: \t\t\t\t\t$('#'+(free_pos-1)).trigger('click'); \t\t\t\t\tbreak; \t\t\t\tcase 4: \t\t\t\t\t$('#'+(free_pos+1)).trigger('click'); \t\t\t\t\tbreak; \t\t\t\tdefault: \t\t\t\t\tbreak; \t\t\t}  \t\t}  \t\tcore.check_win = true;  \t} <\/code><\/pre>\n<\/div>\n<\/div>\n
\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0434\u043b\u044f Chrome<\/h4>\n
  \u041f\u043e\u0441\u043b\u0435 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0430\u0442\u0435\u0439 \u043d\u0430 \u0445\u0430\u0431\u0440\u0435, \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0447\u0442\u043e \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043d\u0435\u0441\u043b\u043e\u0436\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0432\u0441\u0435\u0433\u043e 2 \u0432\u0435\u0449\u0438 \u2014 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430 manifest.json, \u0438\u2026 5$. \u042f \u0434\u043e \u0441\u0438\u0445 \u043f\u043e\u0440 \u043d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u044e \u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u043b\u043e\u0433\u0438\u043a\u0438, \u043d\u043e \u0434\u043b\u044f \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u043d\u0430 web \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0435 \u0445\u0440\u043e\u043c\u0430, \u043d\u0430\u0434\u043e \u0435\u0434\u0438\u043d\u043e\u0440\u0430\u0437\u043e\u0432\u043e \u0443\u043f\u043b\u0430\u0442\u0438\u0442\u044c 5$.<\/p>\n
\u041a\u043e\u0434 manifest.json<\/b><\/p>\n
 {   "manifest_version": 2,   "name": "Fifteen puzzle",   "version": "1.0",   "description": "A famous fifteen puzzle now in you browser!",   "icons": {     "32": "32x32.png",     "48": "48x48.png",     "64": "64x64.png",     "128": "128x128.png"   },     "browser_action": {         "default_title": "Game of 15",         "default_icon": "48x48.png",         "default_popup": "popup.html"     }      } <\/code>  <\/div>\n<\/div>\n
  \u0422\u0430\u043a \u043a\u0430\u043a \u043a\u043e\u0434\u0430 \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0435\u043c\u043d\u043e\u0433\u043e, \u0442\u043e \u0441\u043c\u044b\u0441\u043b\u0430 \u0437\u0430\u043b\u0438\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u043d\u0430 \u0433\u0438\u0442\u0445\u0430\u0431 \u044f \u043d\u0435 \u0432\u0438\u0436\u0443, \u0438 \u0432\u044b\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u044e \u043f\u0440\u044f\u043c\u043e \u0437\u0434\u0435\u0441\u044c:<\/p>\n
HTML \u0444\u0430\u0439\u043b<\/b><\/p>\n
\n
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8"> <link rel="stylesheet" href="css\/style.css"> <meta name="description" content="game v 0.001 alpha"> <meta name="author" content="vlreshet"> <script type="text\/javascript" src="js\/jquery.js"><\/script> <script type="text\/javascript" src="js\/timer.jquery.minified.js"><\/script> <script type="text\/javascript" src="js\/game.min.js"><\/script> <\/head> <body style="width:386px; height:266px; background-color:#CFF2DE;"> \t<div class="game_field_backdiv"><\/div> \t<div class="game_field" border="10" onselectstart="return false"> \t\t\t<div class="block" id="1">1 <\/div> \t\t\t<div class="block" id="2">2 <\/div> \t\t\t<div class="block" id="3">3 <\/div> \t\t\t<div class="block" id="4">4 <\/div>   \t\t\t<div class="block" id="5">5 <\/div> \t\t\t<div class="block" id="6">6 <\/div> \t\t\t<div class="block" id="7">7 <\/div> \t\t\t<div class="block" id="8">8 <\/div>    \t\t\t<div class="block" id="9">9 <\/div> \t\t\t<div class="block" id="10">10<\/div> \t\t\t<div class="block" id="11">11<\/div> \t\t\t<div class="block" id="12">12<\/div>  \t\t\t<div class="block" id="13">13<\/div> \t\t\t<div class="block" id="14">14<\/div> \t\t\t<div class="block" id="15">15<\/div> \t<\/div> \t<div class = "start_button_field"> \t\t<div class="button start" id="button">START<\/div> \t\t<div class="win" style="display:none;">YOU WIN!<\/div> \t\t<div class='timer_place timer' id="win_time"><\/div> \t<\/div> \t<div class="driver_button_background"><\/div> \t<div class = "driver_button_field"> \t\t<div class="button" id="pause">PAUSE<\/div> \t\t<div class="button" id="reset">RESET<\/div> \t\t<div class="timer" id="timer"><\/div> \t<\/div> <\/body> <\/html> <\/code><\/pre>\n
  <\/div>\n<\/div>\n
css<\/b><\/p>\n
\n
.html{ \t-ms-user-select:none; \t-moz-user-select:none; \t-khtml-user-select:none; \t-webkit-user-select:none; \t-user-select:none; }  .game_field{ \tposition: absolute; \tleft: 50%; \ttop: 50%; \tmargin-top: -128px; \tmargin-left: -128px; \twidth: 256px; \theight: 256px; \tborder-radius: 4px; }  .game_field_backdiv{ \tposition: absolute; \tleft: 50%; \ttop: 50%; \tmargin-top: -133px; \tmargin-left: -133px; \twidth: 266px; \theight: 266px; \tborder-radius: 10px; \tbackground-color: #20C0D9; \topacity: 0.7; }  .block{ \t-ms-user-select:none; \t-moz-user-select:none; \t-khtml-user-select:none; \t-webkit-user-select:none; \t-user-select:none; \tfloat: left; \twidth: 60px; \theight: 60px; \tmargin: 2px 2px 2px 2px; \tbackground-color: #F3EDD6; \tborder-radius: 4px; \ttext-align: center; \tfont-size: 250%; \tfont-weight: bold; \tcursor: pointer; }  table{ \ttext-align: center; }   .false{ \tbackground-color: #F7A603; }  .true{ \tbackground-image: -webkit-gradient( \t\tlinear, \t\tleft top, \t\tleft bottom, \t\tcolor-stop(0, #39F046), \t\tcolor-stop(1, #76ED7E), \t\tcolor-stop(1, #9AFFA4) \t); \tbackground-image: -o-linear-gradient(bottom, #39F046 0%, #76ED7E 100%, #9AFFA4 100%); \tbackground-image: -moz-linear-gradient(bottom, #39F046 0%, #76ED7E 100%, #9AFFA4 100%); \tbackground-image: -webkit-linear-gradient(bottom, #39F046 0%, #76ED7E 100%, #9AFFA4 100%); \tbackground-image: -ms-linear-gradient(bottom, #39F046 0%, #76ED7E 100%, #9AFFA4 100%); \tbackground-image: linear-gradient(to bottom, #39F046 0%, #76ED7E 100%, #9AFFA4 100%); }  .start_button_field{ \ttop: 50%; \tmargin-top: -132px; \tbackground-color: #E4DDE4; \topacity: .9; \tposition: absolute; \tleft: 50%; \tmargin-left: -132px; \twidth: 264px; \theight: 264px; \tborder-radius: 4px; }  .button { \t-ms-user-select:none; \t-moz-user-select:none; \t-khtml-user-select:none; \t-webkit-user-select:none; \t-user-select:none; \t-moz-box-shadow:inset 0px 0px 9px 0px #c1ed9c; \t-webkit-box-shadow:inset 0px 0px 9px 0px #c1ed9c; \tbox-shadow:inset 0px 0px 9px 0px #c1ed9c; \tbackground:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) ); \tbackground:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% ); \tfilter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b'); \tbackground-color:#9dce2c; \tborder-radius: 8px; \tborder-bottom-left-radius:8px; \ttext-indent:0px; \tdisplay:inline-block; \tcolor:#ffffff; \tfont-family:Arial; \tfont-size:20px; \tfont-weight:bold; \tfont-style:normal; \theight:35px; \tline-height:35px; \twidth:96px; \ttext-decoration:none; \ttext-align:center; \ttext-shadow:1px 1px 0px #689324; }  .button:hover { \tbackground:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) ); \tbackground:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% ); \tfilter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c'); \tbackground-color:#8cb82b; \tcursor: pointer; }  .start{ \tposition: relative; \tleft: 50%; \tmargin-left: -48px; \ttop:40%; \tmargin-top: 9px; }  #win_time{ \tdisplay: none; }  .timer_place{ \tcolor:#19FE0B; \tfont-family:Arial; \tfont-size:20px; \tfont-weight:bold; \tfont-style:normal; \theight:35px; \tline-height:35px; \twidth:96px; \tposition: relative; \ttext-decoration:none; \ttext-align:center; \tleft: 50%; \ttop:40%; \tmargin-left: -48px; \tmargin-top: -10px; }  .win{ \tdisplay: none; \tcolor:#19FE0B; \tfont-family:Arial; \tfont-size:20px; \tfont-weight:bold; \tfont-style:normal; \theight:35px; \tline-height:35px; \twidth:96px; \tposition: relative; \ttext-decoration:none; \ttext-align:center; \tleft: 50%; \ttop:40%; \tmargin-left: -48px; \tmargin-top: -25px; }  .driver_button_field{ \tdisplay: none; \tposition: absolute; \tborder-radius: 4px; \twidth: 105px; \theight: 110px; \tborder-radius: 8px; \tleft: 60%; \ttop: 50%; \tmargin-top: -133px; }  .driver_button_background{ \tdisplay: none; \tposition: absolute; \tborder-radius: 4px; \tbackground-color: #20C0D9; \topacity: 0.7; \twidth: 115px; \theight: 130px; \tborder-radius: 8px; \tleft: 60%; \ttop: 50%; \tmargin-top: -133px; }  #pause{ \tmargin-left: 10px; \tmargin-top: 5px; }  #reset{ \tmargin-left: 10px; \tmargin-top: 5px; }  #timer{   \tbox-shadow: 0px 0px 14px 0px #5D6FE5 inset; \t-ms-user-select:none; \t-moz-user-select:none; \t-khtml-user-select:none; \t-webkit-user-select:none; \t-user-select:none; \tborder: 1px #22C3DD solid; \tbackground:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #20C0D9), color-stop(1, #22C3DD) ); \tbackground:-moz-linear-gradient( center top, #20C0D9 5%, #22C3DD 100% ); \tfilter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#20C0D9', endColorstr='#22C3DD'); \tbackground-color:#20C0D9; \tborder-radius: 8px; \ttext-indent:0px; \tdisplay:inline-block; \tcolor:#ffffff; \tfont-family:Arial; \tfont-size:20px; \tfont-weight:bold; \tfont-style:normal; \theight:35px; \tline-height:35px; \twidth:96px; \ttext-decoration:none; \ttext-align:center; \ttext-shadow:1px 1px 0px #689324; \tmargin-left: 10px; \tmargin-top: 5px; } <\/code><\/pre>\n<\/div>\n<\/div>\n
  <\/p>\n
JavaScript<\/b><\/p>\n
\n
var handlersSetter = {  \tsetHandlers : function(){ \t\t$('#button').on('click', function(){ \t\t$('.start_button_field').hide('fast'); \t\t$('.driver_button_background').show('fast'); \t\t$('.driver_button_field').show('fast'); \t});  \t$('.start').on('click', function(){         $('.timer').timer('start');         $(this).addClass('hidden');         $('.start_button').hide();         handlersSetter.paused = false;     });      $('#reset').on('click', function(){     \tcore.set_default();     \t$('.timer').timer('start');     \t$('.timer').timer('reset');     \t$('.start_button_field').hide('fast');     \t$('.start').show(); \t\t$('.win').hide(); \t\t$('#win_time').hide();     });      $('#pause').on('click', function(){     \tif(!handlersSetter.paused){     \t\t$('.timer').timer('pause');     \t\thandlersSetter.paused = true;     \t\t$('.start_button_field').show();\t     \t}     });      $("body").on("click",".block",function(e){  \t\tvar position = parseFloat(e.currentTarget['id']); \t\t  \t\tif(core.check_top(position)){ \t\t\tcore.replace(position, -64, 0, -4); \t\t}  \t\tif(core.check_bottom(position)){ \t\t\tcore.replace(position, 64, 0, 4); \t\t}   \t\tif(core.check_right(position)){ \t\t\tcore.replace(position, 0, 64, 1); \t\t}\t   \t\tif(core.check_left(position)){ \t\t\tcore.replace(position, 0, -64, -1); \t\t}  \t});  \t}  }    var core = {  \tcheck_win : false,  \treplace : function(position, func_top, func_left, func_position){  \t\tvar obj = $('#'+position); \t\tvar left = obj.offset().left; \t\tvar top = obj.offset().top;  \t\tnew_position = new Object(); \t\tnew_position.top = top + func_top; \t\tnew_position.left = left + func_left; \t\tcore.table_of_emptify[position] = true; \t\tcore.table_of_emptify[position+func_position] = false; \t\tobj.attr("id",(position+func_position)); \t\tnew_position.left = left + func_left; \t\tobj.offset(new_position); \t\tcore.check_pos(position+func_position);  \t},  \tsetEmptifyTable : function(func){ \t\tcore.table_of_emptify = [false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,true]; \t\tfunc(); \t},  \tmix : function(){  \t\tcore.check_win = false;  \t\tfor(var i = 0; i < 600; i++){  \t\t\tvar num = Math.floor(Math.random() * (4 - 1 + 1)) + 1; \t\t\tvar free_pos = 0;  \t\t\tfor(var j = 1; j<=16;j++){ \t\t\t\tif(core.table_of_emptify[j] == true){ \t\t\t\t\tfree_pos = j; \t\t\t\t\tbreak; \t\t\t\t} \t\t\t}  \t\t\tswitch (num) { \t\t\t\tcase 1: \t\t\t\t\t$('#'+(free_pos-4)).trigger('click'); \t\t\t\t\tbreak; \t\t\t\tcase 2: \t\t\t\t\t$('#'+(free_pos+4)).trigger('click'); \t\t\t\t\tbreak; \t\t\t\tcase 3: \t\t\t\t\t$('#'+(free_pos-1)).trigger('click'); \t\t\t\t\tbreak; \t\t\t\tcase 4: \t\t\t\t\t$('#'+(free_pos+1)).trigger('click'); \t\t\t\t\tbreak; \t\t\t\tdefault: \t\t\t\t\tbreak; \t\t\t}  \t\t}  \t\tcore.check_win = true;  \t},  \tcheck_top : function (position){  \t\ttarget_position = parseFloat(position) - 4;  \t\tif(target_position > 0){ \t\t\treturn(core.table_of_emptify[target_position]); \t\t}else{ \t\t\treturn false; \t\t}  \t},   \tcheck_bottom : function (position){  \t\ttarget_position = parseFloat(position) + 4;  \t\tif(target_position <= 16){ \t\t\treturn(core.table_of_emptify[target_position]); \t\t}else{ \t\t\treturn false; \t\t}  \t},  \tcheck_left : function (position){  \t\ttarget_position = parseFloat(position) - 1;  \t\tif((target_position != 0)&&(target_position != 4)&&(target_position != 8)&&(target_position != 12)){ \t\t\treturn(core.table_of_emptify[target_position]); \t\t}else{ \t\t\treturn false; \t\t}  \t},  \tcheck_right : function (position){  \t\ttarget_position = parseFloat(position) + 1;  \t\tif((target_position != 1)&&(target_position != 5)&&(target_position != 9)&&(target_position != 13)){ \t\t\treturn(core.table_of_emptify[target_position]); \t\t}else{ \t\t\treturn false; \t\t}  \t},  \tcheck_pos : function (pos){  \t\tvar obj = $('#'+pos); \t\tif(obj.html() == pos){ \t\t\tobj.attr('class','block true'); \t\t}else{ \t\t\tobj.attr('class','block false'); \t\t}   \t\tif(!core.check_win){ \t\t\treturn; \t\t}  \t\tif($('#15').html() == '15'){  \t\t\tvar flag = true;  \t\t\tfor(var i = 1; i <= 15; i++){  \t\t\t\tif($('#'+i).html() != i){ \t\t\t\t\tflag = false; \t\t\t\t\tbreak; \t\t\t\t}  \t\t\t}  \t\t\tif(flag){  \t\t\t\t$('.start').hide(); \t\t\t\t$('.start_button_field').show(); \t\t\t\t$('.win').show(); \t\t\t\t$('#win_time').show(); \t\t\t\t$('.timer').timer('pause');  \t\t\t}  \t\t}  \t},  \tset_default : function(){  \t\t$('.game_field').html('<div class="block" id="1">1 <\/div><div class="block" id="2">2 <\/div><div class="block" id="3">3 <\/div><div class="block" id="4">4 <\/div><div class="block" id="5">5 <\/div><div class="block" id="6">6 <\/div><div class="block" id="7">7 <\/div><div class="block" id="8">8 <\/div><div class="block" id="9">9 <\/div><div class="block" id="10">10<\/div><div class="block" id="11">11<\/div><div class="block" id="12">12<\/div><div class="block" id="13">13<\/div><div class="block" id="14">14<\/div><div class="block" id="15">15<\/div>'); \t\t \t\tfor(var i = 1; i <= 15; i++){  \t\t\tif($('#'+i).html() == i){ \t\t\t\t$('#'+i).attr('class','block true'); \t\t\t}else{ \t\t\t\t$('#'+i).attr('class','block false'); \t\t\t}  \t\t} \t\t \t\tcore.setEmptifyTable(core.mix); \t\t  \t},  \tinit : function(){  \t\thandlersSetter.setHandlers(); \t\tcore.setEmptifyTable(core.mix);  \t}  } <\/code><\/pre>\n<\/div>\n<\/div>\n
  \u0421\u0441\u044b\u043b\u043a\u0430<\/a> \u043d\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435
  \u0421\u0441\u044b\u043b\u043a\u0430 <\/a> \u043d\u0430 \u0447\u0435\u0441\u043d\u043e \u0437\u0430\u044e\u0437\u0430\u043d\u044b\u0439 js-\u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0442\u0430\u0439\u043c\u0435\u0440\u0430
  \u0421\u0441\u044b\u043b\u043a\u0430<\/a> \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u0439\u0442<\/p>\n
P.S. \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u043e\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0432 Opera 20+, \u0438 \u043e\u043d\u043e \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c (chromium \u0436\u0435). \u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u0432 Opera Store \u0441\u0435\u0439\u0447\u0430\u0441 \u043d\u0430 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u0438<\/h6>\n
<\/div>\n<\/p><\/div>\n
 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438  http:\/\/habrahabr.ru\/post\/227547\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
 \t\t\t\u0414\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0439 \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445 web-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u0438\u043b\u0438 \u0436\u0435 \u043e\u0431\u044b\u0447\u043d\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0451\u0440\u0441\u0442\u043a\u0443 \u0443\u0447\u0438\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u043c \u043a\u0443\u0440\u0441\u0435, \u0438 \u0441\u0435\u0439\u0447\u0430\u0441 \u043d\u0435 \u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u043f\u043e\u043d\u0438\u043c\u0430\u044e\u0442 \u043a\u0430\u043a \u0441 html \u0432\u043e\u043e\u0431\u0449\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0433\u0440\u0430\u0442\u044c.<\/p>\n
  \"image\"\/  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-227547","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/227547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=227547"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/227547\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=227547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=227547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=227547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}