CINXE.COM

<!DOCTYPE html> <html lang="ru-RU" class="no-js"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="pingback" href="https://blog.perlover.com/xmlrpc.php"> <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <title>html — Perlover's Blog</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="alternate" type="application/rss+xml" title="Perlover's Blog » Лента" href="https://blog.perlover.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Perlover's Blog » Лента комментариев" href="https://blog.perlover.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="Perlover's Blog » Лента метки html" href="https://blog.perlover.com/tag/html/feed/" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/blog.perlover.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://blog.perlover.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' media='all' /> <style id='wp-block-library-theme-inline-css'> .wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--dark-gray: #111;--wp--preset--color--light-gray: #f1f1f1;--wp--preset--color--yellow: #f4ca16;--wp--preset--color--dark-brown: #352712;--wp--preset--color--medium-pink: #e53b51;--wp--preset--color--light-pink: #ffe5d1;--wp--preset--color--dark-purple: #2e2256;--wp--preset--color--purple: #674970;--wp--preset--color--blue-gray: #22313f;--wp--preset--color--bright-blue: #55c3dc;--wp--preset--color--light-blue: #e9f2f9;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--dark-gray-gradient-gradient: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(42,42,42,1) 100%);--wp--preset--gradient--light-gray-gradient: linear-gradient(90deg, rgba(241,241,241,1) 0%, rgba(215,215,215,1) 100%);--wp--preset--gradient--white-gradient: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);--wp--preset--gradient--yellow-gradient: linear-gradient(90deg, rgba(244,202,22,1) 0%, rgba(205,168,10,1) 100%);--wp--preset--gradient--dark-brown-gradient: linear-gradient(90deg, rgba(53,39,18,1) 0%, rgba(91,67,31,1) 100%);--wp--preset--gradient--medium-pink-gradient: linear-gradient(90deg, rgba(229,59,81,1) 0%, rgba(209,28,51,1) 100%);--wp--preset--gradient--light-pink-gradient: linear-gradient(90deg, rgba(255,229,209,1) 0%, rgba(255,200,158,1) 100%);--wp--preset--gradient--dark-purple-gradient: linear-gradient(90deg, rgba(46,34,86,1) 0%, rgba(66,48,123,1) 100%);--wp--preset--gradient--purple-gradient: linear-gradient(90deg, rgba(103,73,112,1) 0%, rgba(131,93,143,1) 100%);--wp--preset--gradient--blue-gray-gradient: linear-gradient(90deg, rgba(34,49,63,1) 0%, rgba(52,75,96,1) 100%);--wp--preset--gradient--bright-blue-gradient: linear-gradient(90deg, rgba(85,195,220,1) 0%, rgba(43,180,211,1) 100%);--wp--preset--gradient--light-blue-gradient: linear-gradient(90deg, rgba(233,242,249,1) 0%, rgba(193,218,238,1) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='twentyfifteen-fonts-css' href='https://blog.perlover.com/wp-content/themes/twentyfifteen/assets/fonts/noto-sans-plus-noto-serif-plus-inconsolata.css?ver=20230328' media='all' /> <link rel='stylesheet' id='genericons-css' href='https://blog.perlover.com/wp-content/themes/twentyfifteen/genericons/genericons.css?ver=20201026' media='all' /> <link rel='stylesheet' id='twentyfifteen-style-css' href='https://blog.perlover.com/wp-content/themes/twentyfifteen/style.css?ver=20241112' media='all' /> <link rel='stylesheet' id='twentyfifteen-block-style-css' href='https://blog.perlover.com/wp-content/themes/twentyfifteen/css/blocks.css?ver=20240715' media='all' /> <script src="https://blog.perlover.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://blog.perlover.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script id="twentyfifteen-script-js-extra"> var screenReaderText = {"expand":"<span class=\"screen-reader-text\">\u0440\u0430\u0441\u043a\u0440\u044b\u0442\u044c \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0435 \u043c\u0435\u043d\u044e<\/span>","collapse":"<span class=\"screen-reader-text\">\u0441\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0435 \u043c\u0435\u043d\u044e<\/span>"}; </script> <script src="https://blog.perlover.com/wp-content/themes/twentyfifteen/js/functions.js?ver=20221101" id="twentyfifteen-script-js" defer data-wp-strategy="defer"></script> <link rel="https://api.w.org/" href="https://blog.perlover.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://blog.perlover.com/wp-json/wp/v2/tags/23" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://blog.perlover.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><script type="text/javascript" src="https://blog.perlover.com/wp-content/plugins/si-captcha-for-wordpress/captcha/si_captcha.js?ver=1744116592"></script>  <style type="text/css"> .si_captcha_small { width:175px; height:45px; padding-top:10px; padding-bottom:10px; } .si_captcha_large { width:250px; height:60px; padding-top:10px; padding-bottom:10px; } img#si_image_com { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_reg { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_log { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_side_login { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_checkout { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_jetpack { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_bbpress_topic { border-style:none; margin:0; padding-right:5px; float:left; } .si_captcha_refresh { border-style:none; margin:0; vertical-align:bottom; } div#si_captcha_input { display:block; padding-top:15px; padding-bottom:5px; } label#si_captcha_code_label { margin:0; } input#si_captcha_code_input { width:65px; } p#si_captcha_code_p { clear: left; padding-top:10px; } .si-captcha-jetpack-error { color:#DC3232; } </style>  <style type="text/css" media="all"> /* <![CDATA[ */ @import url("https://blog.perlover.com/wp-content/plugins/wp-table-reloaded/css/plugin.css?ver=1.9.4"); @import url("https://blog.perlover.com/wp-content/plugins/wp-table-reloaded/css/tablesorter.css?ver=1.9.4"); .wp-table-reloaded { background-color:#CDCDCD; margin:10px 0px 15px 0px; font-size:8pt; width:100%; text-align:left; } .wp-table-reloaded th { background-color:#E6EEEE; border:1px solid #FFFFFF; padding:4px; } .wp-table-reloaded td { color:#3D3D3D; padding:4px; background-color:#FFFFFF; vertical-align:top; } .wp-table-reloaded .even td { background-color:#FFFFFF; } .wp-table-reloaded .odd td{ background-color:#F0F0F6; } .wp-table-reloaded .header { background-image:url(http://blog.perlover.com/wp-content/plugins/wp-table-reloaded/img/bg.gif); background-repeat:no-repeat; background-position:center right; cursor:pointer; } .wp-table-reloaded .headerSortUp { background-color:#8DBDD8; background-image:url(http://blog.perlover.com/wp-content/plugins/wp-table-reloaded/img/asc.gif); } .wp-table-reloaded .headerSortDown { background-color:#8DBDD8; background-image:url(http://blog.perlover.com/wp-content/plugins/wp-table-reloaded/img/desc.gif); } /* ]]> */ </style></head> <body class="archive tag tag-html tag-23 wp-embed-responsive"> <div id="page" class="hfeed site"> <a class="skip-link screen-reader-text" href="#content"> Перейти к содержимому </a> <div id="sidebar" class="sidebar"> <header id="masthead" class="site-header"> <div class="site-branding"> <p class="site-title"><a href="https://blog.perlover.com/" rel="home">Perlover's Blog</a></p> <p class="site-description">Blog about Unix, Perl, Firefox, JavaScript and other internet technologies</p> <button class="secondary-toggle">Меню и виджеты</button> </div> </header> <div id="secondary" class="secondary"> <div id="widget-area" class="widget-area" role="complementary"> <aside id="pages-4" class="widget widget_pages"><h2 class="widget-title">Страницы</h2><nav aria-label="Страницы"> <ul> <li class="page_item page-item-2"><a href="https://blog.perlover.com/about/">О себе :)</a></li> <li class="page_item page-item-1888"><a href="https://blog.perlover.com/%d0%a2%d0%b5%d0%bb%d0%b5%d1%84%d0%be%d0%bd-yotaphone-bitcoin-trezor-%d0%b7%d0%b0-%d1%86%d0%b5%d0%bd%d1%83-%d1%82%d0%b5%d0%bb%d0%b5%d1%84%d0%be%d0%bd%d0%b0/">Телефон YotaPhone + Bitcoin Trezor за цену телефона!</a></li> </ul> </nav></aside><aside id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widget-title">Что жирнее, того больше :)</h2><nav aria-label="Что жирнее, того больше :)"><div class="tagcloud"><ul class='wp-tag-cloud' role='list'> <li><a href="https://blog.perlover.com/tag/3g/" class="tag-cloud-link tag-link-34 tag-link-position-1" style="font-size: 11.888888888889pt;" aria-label="3g (11 элементов)">3g</a></li> <li><a href="https://blog.perlover.com/tag/addons/" class="tag-cloud-link tag-link-221 tag-link-position-2" style="font-size: 17.074074074074pt;" aria-label="Add-ons (29 элементов)">Add-ons</a></li> <li><a href="https://blog.perlover.com/tag/android/" class="tag-cloud-link tag-link-127 tag-link-position-3" style="font-size: 10.851851851852pt;" aria-label="Android (9 элементов)">Android</a></li> <li><a href="https://blog.perlover.com/tag/anekdots/" class="tag-cloud-link tag-link-26 tag-link-position-4" style="font-size: 17.074074074074pt;" aria-label="anekdots (29 элементов)">anekdots</a></li> <li><a href="https://blog.perlover.com/tag/bitcoin/" class="tag-cloud-link tag-link-229 tag-link-position-5" style="font-size: 14.222222222222pt;" aria-label="Bitcoin (17 элементов)">Bitcoin</a></li> <li><a href="https://blog.perlover.com/tag/bugs/" class="tag-cloud-link tag-link-48 tag-link-position-6" style="font-size: 11.37037037037pt;" aria-label="bugs (10 элементов)">bugs</a></li> <li><a href="https://blog.perlover.com/tag/editors/" class="tag-cloud-link tag-link-37 tag-link-position-7" style="font-size: 8.9074074074074pt;" aria-label="editors (6 элементов)">editors</a></li> <li><a href="https://blog.perlover.com/tag/firefox/" class="tag-cloud-link tag-link-220 tag-link-position-8" style="font-size: 18.240740740741pt;" aria-label="FireFox (36 элементов)">FireFox</a></li> <li><a href="https://blog.perlover.com/tag/awms/" class="tag-cloud-link tag-link-223 tag-link-position-9" style="font-size: 15.259259259259pt;" aria-label="For AWMs (21 элемент)">For AWMs</a></li> <li><a href="https://blog.perlover.com/tag/forms/" class="tag-cloud-link tag-link-114 tag-link-position-10" style="font-size: 9.5555555555556pt;" aria-label="Forms (7 элементов)">Forms</a></li> <li><a href="https://blog.perlover.com/tag/gprs/" class="tag-cloud-link tag-link-50 tag-link-position-11" style="font-size: 11.37037037037pt;" aria-label="gprs (10 элементов)">gprs</a></li> <li><a href="https://blog.perlover.com/tag/html/" class="tag-cloud-link tag-link-23 tag-link-position-12" style="font-size: 10.851851851852pt;" aria-label="html (9 элементов)">html</a></li> <li><a href="https://blog.perlover.com/tag/internet/" class="tag-cloud-link tag-link-41 tag-link-position-13" style="font-size: 15.777777777778pt;" aria-label="internet (23 элемента)">internet</a></li> <li><a href="https://blog.perlover.com/tag/javascript/" class="tag-cloud-link tag-link-59 tag-link-position-14" style="font-size: 10.851851851852pt;" aria-label="javascript (9 элементов)">javascript</a></li> <li><a href="https://blog.perlover.com/tag/jokes/" class="tag-cloud-link tag-link-25 tag-link-position-15" style="font-size: 17.462962962963pt;" aria-label="jokes (31 элемент)">jokes</a></li> <li><a href="https://blog.perlover.com/tag/perl/" class="tag-cloud-link tag-link-225 tag-link-position-16" style="font-size: 12.796296296296pt;" aria-label="Perl (13 элементов)">Perl</a></li> <li><a href="https://blog.perlover.com/tag/phones/" class="tag-cloud-link tag-link-40 tag-link-position-17" style="font-size: 15.259259259259pt;" aria-label="phones (21 элемент)">phones</a></li> <li><a href="https://blog.perlover.com/tag/roboform/" class="tag-cloud-link tag-link-72 tag-link-position-18" style="font-size: 9.5555555555556pt;" aria-label="RoboForm (7 элементов)">RoboForm</a></li> <li><a href="https://blog.perlover.com/tag/security/" class="tag-cloud-link tag-link-7 tag-link-position-19" style="font-size: 15.518518518519pt;" aria-label="security (22 элемента)">security</a></li> <li><a href="https://blog.perlover.com/tag/tabs/" class="tag-cloud-link tag-link-4 tag-link-position-20" style="font-size: 10.203703703704pt;" aria-label="tabs (8 элементов)">tabs</a></li> <li><a href="https://blog.perlover.com/tag/unix/" class="tag-cloud-link tag-link-224 tag-link-position-21" style="font-size: 15pt;" aria-label="Unix (20 элементов)">Unix</a></li> <li><a href="https://blog.perlover.com/tag/webmaster/" class="tag-cloud-link tag-link-20 tag-link-position-22" style="font-size: 16.166666666667pt;" aria-label="webmaster (25 элементов)">webmaster</a></li> <li><a href="https://blog.perlover.com/tag/windows/" class="tag-cloud-link tag-link-61 tag-link-position-23" style="font-size: 10.203703703704pt;" aria-label="windows (8 элементов)">windows</a></li> <li><a href="https://blog.perlover.com/tag/wordpress/" class="tag-cloud-link tag-link-227 tag-link-position-24" style="font-size: 12.277777777778pt;" aria-label="WordPress (12 элементов)">WordPress</a></li> <li><a href="https://blog.perlover.com/tag/youtube/" class="tag-cloud-link tag-link-96 tag-link-position-25" style="font-size: 11.37037037037pt;" aria-label="YouTube (10 элементов)">YouTube</a></li> <li><a href="https://blog.perlover.com/tag/%d0%90%d0%b2%d1%82%d0%be%d0%bc%d0%b0%d1%82%d0%b8%d0%b7%d0%b0%d1%86%d0%b8%d1%8f-%d1%82%d1%80%d1%83%d0%b4%d0%b0/" class="tag-cloud-link tag-link-115 tag-link-position-26" style="font-size: 13.833333333333pt;" aria-label="Автоматизация труда (16 элементов)">Автоматизация труда</a></li> <li><a href="https://blog.perlover.com/tag/%d0%91%d0%b8%d1%82%d0%ba%d0%be%d0%b9%d0%bd/" class="tag-cloud-link tag-link-216 tag-link-position-27" style="font-size: 12.796296296296pt;" aria-label="Биткойн (13 элементов)">Биткойн</a></li> <li><a href="https://blog.perlover.com/tag/%d0%92%d0%b8%d0%b4%d0%b5%d0%be/" class="tag-cloud-link tag-link-156 tag-link-position-28" style="font-size: 13.833333333333pt;" aria-label="Видео (16 элементов)">Видео</a></li> <li><a href="https://blog.perlover.com/tag/%d0%9c%d0%be%d1%88%d0%b5%d0%bd%d0%bd%d0%b8%d0%ba%d0%b8/" class="tag-cloud-link tag-link-125 tag-link-position-29" style="font-size: 10.851851851852pt;" aria-label="Мошенники (9 элементов)">Мошенники</a></li> <li><a href="https://blog.perlover.com/tag/4beginers/" class="tag-cloud-link tag-link-222 tag-link-position-30" style="font-size: 12.796296296296pt;" aria-label="Начинающим (13 элементов)">Начинающим</a></li> <li><a href="https://blog.perlover.com/tag/%d0%9f%d0%be%d0%b8%d1%81%d0%ba/" class="tag-cloud-link tag-link-43 tag-link-position-31" style="font-size: 8pt;" aria-label="Поиск (5 элементов)">Поиск</a></li> <li><a href="https://blog.perlover.com/tag/%d0%9f%d1%80%d0%b5%d0%bc%d0%b8%d1%83%d0%bc-%d1%81%d0%b0%d0%b9%d1%82%d1%8b/" class="tag-cloud-link tag-link-91 tag-link-position-32" style="font-size: 8pt;" aria-label="Премиум сайты (5 элементов)">Премиум сайты</a></li> <li><a href="https://blog.perlover.com/tag/%d0%9f%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5/" class="tag-cloud-link tag-link-45 tag-link-position-33" style="font-size: 18.240740740741pt;" aria-label="Программирование (36 элементов)">Программирование</a></li> <li><a href="https://blog.perlover.com/tag/hints/" class="tag-cloud-link tag-link-58 tag-link-position-34" style="font-size: 15.259259259259pt;" aria-label="Советы (21 элемент)">Советы</a></li> <li><a href="https://blog.perlover.com/tag/%d0%a1%d0%be%d1%82%d0%be%d0%b2%d1%8b%d0%b5-%d1%82%d0%b5%d0%bb%d0%b5%d1%84%d0%be%d0%bd%d1%8b/" class="tag-cloud-link tag-link-124 tag-link-position-35" style="font-size: 15pt;" aria-label="Сотовые телефоны (20 элементов)">Сотовые телефоны</a></li> <li><a href="https://blog.perlover.com/tag/%d0%a4%d0%be%d1%80%d0%bc%d1%8b/" class="tag-cloud-link tag-link-116 tag-link-position-36" style="font-size: 8pt;" aria-label="Формы (5 элементов)">Формы</a></li> <li><a href="https://blog.perlover.com/tag/%d0%a4%d0%be%d1%82%d0%be/" class="tag-cloud-link tag-link-155 tag-link-position-37" style="font-size: 10.203703703704pt;" aria-label="Фото (8 элементов)">Фото</a></li> <li><a href="https://blog.perlover.com/tag/%d0%ad%d1%82%d0%be-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%b5%d1%81%d0%bd%d0%be/" class="tag-cloud-link tag-link-137 tag-link-position-38" style="font-size: 19.925925925926pt;" aria-label="Это интересно (49 элементов)">Это интересно</a></li> <li><a href="https://blog.perlover.com/tag/%d0%b0%d0%bd%d0%b5%d0%ba%d0%b4%d0%be%d1%82%d1%8b/" class="tag-cloud-link tag-link-27 tag-link-position-39" style="font-size: 18.240740740741pt;" aria-label="анекдоты (36 элементов)">анекдоты</a></li> <li><a href="https://blog.perlover.com/tag/%d0%b1%d0%b8%d0%bb%d0%b0%d0%b9%d0%bd/" class="tag-cloud-link tag-link-52 tag-link-position-40" style="font-size: 8pt;" aria-label="билайн (5 элементов)">билайн</a></li> <li><a href="https://blog.perlover.com/tag/%d0%b6%d1%83%d0%bb%d0%b8%d0%ba%d0%b8/" class="tag-cloud-link tag-link-93 tag-link-position-41" style="font-size: 10.203703703704pt;" aria-label="жулики (8 элементов)">жулики</a></li> <li><a href="https://blog.perlover.com/tag/%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%b0%d1%8f-%d1%81%d0%b2%d1%8f%d0%b7%d1%8c/" class="tag-cloud-link tag-link-51 tag-link-position-42" style="font-size: 13.833333333333pt;" aria-label="мобильная связь (16 элементов)">мобильная связь</a></li> <li><a href="https://blog.perlover.com/tag/%d0%be%d0%b1%d0%bc%d0%b0%d0%bd/" class="tag-cloud-link tag-link-92 tag-link-position-43" style="font-size: 11.888888888889pt;" aria-label="обман (11 элементов)">обман</a></li> <li><a href="https://blog.perlover.com/tag/%d0%be-%d0%b6%d0%b8%d0%b7%d0%bd%d0%b8/" class="tag-cloud-link tag-link-28 tag-link-position-44" style="font-size: 22pt;" aria-label="о жизни (71 элемент)">о жизни</a></li> <li><a href="https://blog.perlover.com/tag/%d1%81%d0%b8%d1%81%d0%b0%d0%b4%d0%bc%d0%b8%d0%bd%d0%b0%d0%bc/" class="tag-cloud-link tag-link-66 tag-link-position-45" style="font-size: 15.777777777778pt;" aria-label="сисадминам (23 элемента)">сисадминам</a></li> </ul> </div> </nav></aside><aside id="recent-comments-2" class="widget widget_recent_comments"><h2 class="widget-title">Свежие комментарии</h2><nav aria-label="Свежие комментарии"><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link">Аноним</span> к записи <a href="https://blog.perlover.com/2019/01/12/lightning-%d0%bf%d1%80%d0%be%d1%81%d1%82%d0%be%d0%b5-%d0%be%d0%bf%d0%b8%d1%81%d0%b0%d0%bd%d0%b8%d0%b5/comment-page-1/#comment-3021">Lightning — простое описание</a></li><li class="recentcomments"><span class="comment-author-link">Perlover</span> к записи <a href="https://blog.perlover.com/2012/12/05/%d0%9f%d0%be%d1%81%d0%b2%d1%8f%d1%89%d0%b0%d0%b5%d1%82%d1%81%d1%8f-%d1%81%d0%bf%d0%b0%d0%bc-%d0%b1%d0%be%d1%82%d0%b0%d0%bc/comment-page-1/#comment-2955">Посвящается спам ботам :)</a></li><li class="recentcomments"><span class="comment-author-link"><a href="http://domosedov.ru" class="url" rel="ugc external nofollow">[url=http://mma24.ru/bojcy/]Бойцы mma[/url]</a></span> к записи <a href="https://blog.perlover.com/2012/12/05/%d0%9f%d0%be%d1%81%d0%b2%d1%8f%d1%89%d0%b0%d0%b5%d1%82%d1%81%d1%8f-%d1%81%d0%bf%d0%b0%d0%bc-%d0%b1%d0%be%d1%82%d0%b0%d0%bc/comment-page-1/#comment-2954">Посвящается спам ботам :)</a></li><li class="recentcomments"><span class="comment-author-link"><a href="http://alleyann.ru" class="url" rel="ugc external nofollow">садово парковое и ландшафтное строительство</a></span> к записи <a href="https://blog.perlover.com/2012/12/05/%d0%9f%d0%be%d1%81%d0%b2%d1%8f%d1%89%d0%b0%d0%b5%d1%82%d1%81%d1%8f-%d1%81%d0%bf%d0%b0%d0%bc-%d0%b1%d0%be%d1%82%d0%b0%d0%bc/comment-page-1/#comment-2953">Посвящается спам ботам :)</a></li><li class="recentcomments"><span class="comment-author-link">Perlover</span> к записи <a href="https://blog.perlover.com/2012/12/05/%d0%9f%d0%be%d1%81%d0%b2%d1%8f%d1%89%d0%b0%d0%b5%d1%82%d1%81%d1%8f-%d1%81%d0%bf%d0%b0%d0%bc-%d0%b1%d0%be%d1%82%d0%b0%d0%bc/comment-page-1/#comment-2952">Посвящается спам ботам :)</a></li><li class="recentcomments"><span class="comment-author-link">Perlover</span> к записи <a href="https://blog.perlover.com/2012/12/05/%d0%9f%d0%be%d1%81%d0%b2%d1%8f%d1%89%d0%b0%d0%b5%d1%82%d1%81%d1%8f-%d1%81%d0%bf%d0%b0%d0%bc-%d0%b1%d0%be%d1%82%d0%b0%d0%bc/comment-page-1/#comment-2951">Посвящается спам ботам :)</a></li><li class="recentcomments"><span class="comment-author-link"><a href="http://www.natacosmetik.ru/" class="url" rel="ugc external nofollow">натуральная косметика интернет</a></span> к записи <a href="https://blog.perlover.com/2012/12/05/%d0%9f%d0%be%d1%81%d0%b2%d1%8f%d1%89%d0%b0%d0%b5%d1%82%d1%81%d1%8f-%d1%81%d0%bf%d0%b0%d0%bc-%d0%b1%d0%be%d1%82%d0%b0%d0%bc/comment-page-1/#comment-2950">Посвящается спам ботам :)</a></li><li class="recentcomments"><span class="comment-author-link"><a href="http://sushi.kuro-take.ru/" class="url" rel="ugc external nofollow">роллы на заказ</a></span> к записи <a href="https://blog.perlover.com/2012/12/05/%d0%9f%d0%be%d1%81%d0%b2%d1%8f%d1%89%d0%b0%d0%b5%d1%82%d1%81%d1%8f-%d1%81%d0%bf%d0%b0%d0%bc-%d0%b1%d0%be%d1%82%d0%b0%d0%bc/comment-page-1/#comment-2949">Посвящается спам ботам :)</a></li><li class="recentcomments"><span class="comment-author-link"><a href="http://sportgoods18.ru/index.php?route=product/category&path=66" class="url" rel="ugc external nofollow">креатин купить</a></span> к записи <a href="https://blog.perlover.com/2012/12/05/%d0%9f%d0%be%d1%81%d0%b2%d1%8f%d1%89%d0%b0%d0%b5%d1%82%d1%81%d1%8f-%d1%81%d0%bf%d0%b0%d0%bc-%d0%b1%d0%be%d1%82%d0%b0%d0%bc/comment-page-1/#comment-2948">Посвящается спам ботам :)</a></li><li class="recentcomments"><span class="comment-author-link">Perlover</span> к записи <a href="https://blog.perlover.com/2012/12/05/%d0%9f%d0%be%d1%81%d0%b2%d1%8f%d1%89%d0%b0%d0%b5%d1%82%d1%81%d1%8f-%d1%81%d0%bf%d0%b0%d0%bc-%d0%b1%d0%be%d1%82%d0%b0%d0%bc/comment-page-1/#comment-2947">Посвящается спам ботам :)</a></li></ul></nav></aside><aside id="archives-3" class="widget widget_archive"><h2 class="widget-title">Архивы</h2><nav aria-label="Архивы"> <ul> <li><a href='https://blog.perlover.com/2025/01/'>Январь 2025</a> (2)</li> <li><a href='https://blog.perlover.com/2023/12/'>Декабрь 2023</a> (1)</li> <li><a href='https://blog.perlover.com/2023/11/'>Ноябрь 2023</a> (1)</li> <li><a href='https://blog.perlover.com/2019/01/'>Январь 2019</a> (1)</li> <li><a href='https://blog.perlover.com/2018/01/'>Январь 2018</a> (1)</li> <li><a href='https://blog.perlover.com/2017/11/'>Ноябрь 2017</a> (1)</li> <li><a href='https://blog.perlover.com/2015/05/'>Май 2015</a> (1)</li> <li><a href='https://blog.perlover.com/2015/02/'>Февраль 2015</a> (1)</li> <li><a href='https://blog.perlover.com/2015/01/'>Январь 2015</a> (2)</li> <li><a href='https://blog.perlover.com/2014/12/'>Декабрь 2014</a> (1)</li> <li><a href='https://blog.perlover.com/2014/11/'>Ноябрь 2014</a> (1)</li> <li><a href='https://blog.perlover.com/2014/10/'>Октябрь 2014</a> (4)</li> <li><a href='https://blog.perlover.com/2014/09/'>Сентябрь 2014</a> (1)</li> <li><a href='https://blog.perlover.com/2014/08/'>Август 2014</a> (2)</li> <li><a href='https://blog.perlover.com/2014/07/'>Июль 2014</a> (4)</li> <li><a href='https://blog.perlover.com/2014/01/'>Январь 2014</a> (1)</li> <li><a href='https://blog.perlover.com/2013/03/'>Март 2013</a> (2)</li> <li><a href='https://blog.perlover.com/2013/02/'>Февраль 2013</a> (3)</li> <li><a href='https://blog.perlover.com/2012/12/'>Декабрь 2012</a> (3)</li> <li><a href='https://blog.perlover.com/2012/11/'>Ноябрь 2012</a> (6)</li> <li><a href='https://blog.perlover.com/2012/10/'>Октябрь 2012</a> (2)</li> <li><a href='https://blog.perlover.com/2012/09/'>Сентябрь 2012</a> (4)</li> <li><a href='https://blog.perlover.com/2012/08/'>Август 2012</a> (2)</li> <li><a href='https://blog.perlover.com/2012/07/'>Июль 2012</a> (5)</li> <li><a href='https://blog.perlover.com/2012/06/'>Июнь 2012</a> (3)</li> <li><a href='https://blog.perlover.com/2012/05/'>Май 2012</a> (6)</li> <li><a href='https://blog.perlover.com/2012/04/'>Апрель 2012</a> (3)</li> <li><a href='https://blog.perlover.com/2012/03/'>Март 2012</a> (1)</li> <li><a href='https://blog.perlover.com/2012/02/'>Февраль 2012</a> (1)</li> <li><a href='https://blog.perlover.com/2012/01/'>Январь 2012</a> (2)</li> <li><a href='https://blog.perlover.com/2011/12/'>Декабрь 2011</a> (5)</li> <li><a href='https://blog.perlover.com/2011/11/'>Ноябрь 2011</a> (1)</li> <li><a href='https://blog.perlover.com/2011/10/'>Октябрь 2011</a> (6)</li> <li><a href='https://blog.perlover.com/2011/09/'>Сентябрь 2011</a> (7)</li> <li><a href='https://blog.perlover.com/2011/08/'>Август 2011</a> (3)</li> <li><a href='https://blog.perlover.com/2011/07/'>Июль 2011</a> (5)</li> <li><a href='https://blog.perlover.com/2011/06/'>Июнь 2011</a> (5)</li> <li><a href='https://blog.perlover.com/2011/05/'>Май 2011</a> (1)</li> <li><a href='https://blog.perlover.com/2011/04/'>Апрель 2011</a> (3)</li> <li><a href='https://blog.perlover.com/2011/03/'>Март 2011</a> (4)</li> <li><a href='https://blog.perlover.com/2011/02/'>Февраль 2011</a> (8)</li> <li><a href='https://blog.perlover.com/2011/01/'>Январь 2011</a> (11)</li> <li><a href='https://blog.perlover.com/2010/12/'>Декабрь 2010</a> (3)</li> <li><a href='https://blog.perlover.com/2010/11/'>Ноябрь 2010</a> (3)</li> <li><a href='https://blog.perlover.com/2010/09/'>Сентябрь 2010</a> (3)</li> <li><a href='https://blog.perlover.com/2010/08/'>Август 2010</a> (5)</li> <li><a href='https://blog.perlover.com/2010/07/'>Июль 2010</a> (2)</li> <li><a href='https://blog.perlover.com/2010/06/'>Июнь 2010</a> (4)</li> <li><a href='https://blog.perlover.com/2010/05/'>Май 2010</a> (2)</li> <li><a href='https://blog.perlover.com/2010/04/'>Апрель 2010</a> (2)</li> <li><a href='https://blog.perlover.com/2010/03/'>Март 2010</a> (5)</li> <li><a href='https://blog.perlover.com/2010/02/'>Февраль 2010</a> (1)</li> <li><a href='https://blog.perlover.com/2010/01/'>Январь 2010</a> (2)</li> <li><a href='https://blog.perlover.com/2009/12/'>Декабрь 2009</a> (11)</li> <li><a href='https://blog.perlover.com/2009/11/'>Ноябрь 2009</a> (38)</li> <li><a href='https://blog.perlover.com/2009/10/'>Октябрь 2009</a> (9)</li> </ul> </nav></aside> </div> </div> </div> <div id="content" class="site-content"> <section id="primary" class="content-area"> <main id="main" class="site-main"> <header class="page-header"> <h1 class="page-title">Метка: <span>html</span></h1> </header> <article id="post-1675" class="post-1675 post type-post status-publish format-standard hentry category-awms category-perl category-for-webmasters tag-cpan tag-awms tag-html tag-modules tag-perl tag-webmaster tag-45"> <header class="entry-header"> <h2 class="entry-title"><a href="https://blog.perlover.com/2012/09/28/www-ruler-new-module/" rel="bookmark">Новый модуль — WWW::Ruler</a></h2> </header> <div class="entry-content"> <p>Сегодня разместил на CPAN свой второй open source модуль — <strong><a href="http://search.cpan.org/dist/WWW-Ruler/" target="_blank">WWW::Ruler</a></strong>. Не буду описывать то, как с ним работать. Напишу лишь <strong>краткое его представление</strong>.</p> <p><strong>WWW::Ruler</strong> помогает легко <strong>формировать рулетку стиля Google</strong> (её функционирование) , а также помогает программисту <strong>получить нужные смещения для обрезания массива данных</strong>. То есть, мы указываем модулю размер всего массива, что мы имеем (например сколько всего товаров в категории), количество элементов на одной странице (категория разбита на страницы), желаемое количество кнопок «рулетки» и номер текущей страницы, для которой надо показать релетку. Модуль формирует массив элементов рулетки и вычисляет start & end позиции в массиве, которые можно использовать для вырезания данных из массива. <strong>Массив рулетки</strong> проходится обычным for оператором и отталкиваясь от значений, легко рисуются кнопки <strong>[<], [>], […] и [1], [2]</strong> и т.п..</p> <h3>Где взять:</h3> <p><strong>CPAN</strong> — <strong><a href="http://search.cpan.org/dist/WWW-Ruler/" target="_blank">http://search.cpan.org/dist/WWW-Ruler/</a></strong></p> <p><strong>GitHub</strong> репозитарий — <strong><a href="https://github.com/Perlover/WWW-Ruler.git" target="_blank">https://github.com/Perlover/WWW-Ruler.git</a></strong></p> </div> <footer class="entry-footer"> <span class="posted-on"><span class="screen-reader-text">Опубликовано </span><a href="https://blog.perlover.com/2012/09/28/www-ruler-new-module/" rel="bookmark"><time class="entry-date published updated" datetime="2012-09-28T00:05:22+02:00">28 сентября, 2012</time></a></span><span class="cat-links"><span class="screen-reader-text">Рубрики </span><a href="https://blog.perlover.com/category/awms/" rel="category tag">For AWMs</a>, <a href="https://blog.perlover.com/category/programming/perl/" rel="category tag">Perl</a>, <a href="https://blog.perlover.com/category/for-webmasters/" rel="category tag">Для Webmasters</a></span><span class="tags-links"><span class="screen-reader-text">Метки </span><a href="https://blog.perlover.com/tag/cpan/" rel="tag">CPAN</a>, <a href="https://blog.perlover.com/tag/awms/" rel="tag">For AWMs</a>, <a href="https://blog.perlover.com/tag/html/" rel="tag">html</a>, <a href="https://blog.perlover.com/tag/modules/" rel="tag">Modules</a>, <a href="https://blog.perlover.com/tag/perl/" rel="tag">Perl</a>, <a href="https://blog.perlover.com/tag/webmaster/" rel="tag">webmaster</a>, <a href="https://blog.perlover.com/tag/%d0%9f%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5/" rel="tag">Программирование</a></span> </footer> </article> <article id="post-1601" class="post-1601 post type-post status-publish format-standard hentry category-for-webmasters category-programming tag-awms tag-html tag-html5 tag-javascript tag-svg tag-webmaster tag-45"> <header class="entry-header"> <h2 class="entry-title"><a href="https://blog.perlover.com/2012/06/01/20-visualization-libs-in-javascript/" rel="bookmark">Визуализация графиков на JavaScript</a></h2> </header> <div class="entry-content"> <p>Сегодня решил <strong>немножко «пробить» вопрос визуализации</strong> на JavaScript разного рода графиков. Самые лучшие графики получаются средствами <strong>HTML5</strong> и её расширением <strong>SVG</strong>. Также нашёл отличный пост про 20 библиотек визуализации. Вот ссылка на тот пост:</p> <p><strong><a href="http://sixrevisions.com/javascript/20-fresh-javascript-data-visualization-libraries/" target="_blank">http://sixrevisions.com/javascript/20-fresh-javascript-data-visualization-libraries/</a></strong></p> <p>А также вот сам несколько демок разных библиотек. И всё это без всякого Flash, работает в Firefox! 🙂</p> <p><strong><a href="http://www.highcharts.com/demo/" target="_blank">http://www.highcharts.com/demo/</a></strong><br /> <strong><a href="http://www.highcharts.com/stock/demo/" target="_blank">http://www.highcharts.com/stock/demo/</a></strong></p> <p>И ещё классную библиотечку нашёл сейчас — <strong><a href="http://raphaeljs.com/" target="_blank">http://raphaeljs.com/</a></strong> — там даже есть <a href="http://raphaeljs.com/scape/" target="_blank">3D шутер</a>, типа Quake 🙂</p> <p>Перед началом использования какой либо библиотеки обратите внимание на лицензии — тема новая, инструментов мало, и сильно коммерцианализирована. Многие разработчики дают free версии только как Demo. Простой пример такой библиотеки — <a href="http://wijmo.com/demos/" target="_blank">http://wijmo.com/demos/</a></p> </div> <footer class="entry-footer"> <span class="posted-on"><span class="screen-reader-text">Опубликовано </span><a href="https://blog.perlover.com/2012/06/01/20-visualization-libs-in-javascript/" rel="bookmark"><time class="entry-date published" datetime="2012-06-01T18:31:50+02:00">1 июня, 2012</time><time class="updated" datetime="2012-06-01T19:17:36+02:00">1 июня, 2012</time></a></span><span class="cat-links"><span class="screen-reader-text">Рубрики </span><a href="https://blog.perlover.com/category/for-webmasters/" rel="category tag">Для Webmasters</a>, <a href="https://blog.perlover.com/category/programming/" rel="category tag">Программирование</a></span><span class="tags-links"><span class="screen-reader-text">Метки </span><a href="https://blog.perlover.com/tag/awms/" rel="tag">For AWMs</a>, <a href="https://blog.perlover.com/tag/html/" rel="tag">html</a>, <a href="https://blog.perlover.com/tag/html5/" rel="tag">HTML5</a>, <a href="https://blog.perlover.com/tag/javascript/" rel="tag">javascript</a>, <a href="https://blog.perlover.com/tag/svg/" rel="tag">SVG</a>, <a href="https://blog.perlover.com/tag/webmaster/" rel="tag">webmaster</a>, <a href="https://blog.perlover.com/tag/%d0%9f%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5/" rel="tag">Программирование</a></span> </footer> </article> <article id="post-1416" class="post-1416 post type-post status-publish format-standard hentry category-cj-tgp category-awms category-perl category-for-webmasters tag-awms tag-html tag-javascript tag-jquery tag-plugins tag-sony-ericsson tag-tabs tag-webmaster tag-wordpress tag-45"> <header class="entry-header"> <h2 class="entry-title"><a href="https://blog.perlover.com/2011/09/27/jquery-plugins-from-odyniec/" rel="bookmark">Несколько полезных jQuery модулей от Odyniec</a></h2> </header> <div class="entry-content"> <p>Сегодня посмотрел страничку одного разработчика по ник — имени Odyniec. <strong>Очень понравились его разработки</strong>. Спешу поделиться с вами 🙂</p> <ul> <li><strong><a href="http://odyniec.net/projects/imgareaselect/" target="_blank">imgAreaSelect</a></strong> — jQuery плугин <strong>для кропинга</strong> (cropping images) картинок (точнее, выделение области — кропинг делайте сами ;-)) — (<strong><a href="http://odyniec.net/projects/imgareaselect/examples.html" target="_blank">пример</a></strong>)<strong></strong></li> <li><strong><a href="http://odyniec.net/projects/imgzoom/" target="_blank">imgZoom</a></strong> — Красивое <strong>листание картинок с анимацией</strong>, ротацией и приближением из далека (<strong><a href="http://odyniec.net/projects/imgzoom/" target="_blank">пример</a></strong>)<strong></strong></li> <li><strong><a href="http://odyniec.net/projects/selectlist/" target="_blank">selectList</a></strong> — <strong>мультивыборочный select лист</strong>, показывающий выбранные опции отдельно с возможностью легкого их удаления (<strong><a href="http://odyniec.net/projects/selectlist/examples.html" target="_blank">пример</a></strong>)</li> </ul> <p>Также, автор написал <strong>несколько полезных статей</strong> по CSS (как создать «деревья», «табы»)</p> <p>Также, автор написал несколько модулей на perl для <strong><a href="http://search.cpan.org/dist/Dancer/" target="_blank">Dancer</a></strong> (его сайт также <strong>работает под Dancer</strong>): <strong><a href="http://search.cpan.org/dist/Dancer-Plugin-DebugToolbar/" target="_blank">Dancer::Plugin::DebugToolbar</a></strong>, <strong><a href="http://search.cpan.org/dist/Dancer-Plugin-DirectoryView/" target="_blank">Dancer::Plugin::DirectoryView</a></strong></p> </div> <footer class="entry-footer"> <span class="posted-on"><span class="screen-reader-text">Опубликовано </span><a href="https://blog.perlover.com/2011/09/27/jquery-plugins-from-odyniec/" rel="bookmark"><time class="entry-date published updated" datetime="2011-09-27T17:02:12+02:00">27 сентября, 2011</time></a></span><span class="cat-links"><span class="screen-reader-text">Рубрики </span><a href="https://blog.perlover.com/category/awms/cj-tgp/" rel="category tag">CJ/TGP</a>, <a href="https://blog.perlover.com/category/awms/" rel="category tag">For AWMs</a>, <a href="https://blog.perlover.com/category/programming/perl/" rel="category tag">Perl</a>, <a href="https://blog.perlover.com/category/for-webmasters/" rel="category tag">Для Webmasters</a></span><span class="tags-links"><span class="screen-reader-text">Метки </span><a href="https://blog.perlover.com/tag/awms/" rel="tag">For AWMs</a>, <a href="https://blog.perlover.com/tag/html/" rel="tag">html</a>, <a href="https://blog.perlover.com/tag/javascript/" rel="tag">javascript</a>, <a href="https://blog.perlover.com/tag/jquery/" rel="tag">jQuery</a>, <a href="https://blog.perlover.com/tag/plugins/" rel="tag">Plugins</a>, <a href="https://blog.perlover.com/tag/sony-ericsson/" rel="tag">Sony Ericsson</a>, <a href="https://blog.perlover.com/tag/tabs/" rel="tag">tabs</a>, <a href="https://blog.perlover.com/tag/webmaster/" rel="tag">webmaster</a>, <a href="https://blog.perlover.com/tag/wordpress/" rel="tag">WordPress</a>, <a href="https://blog.perlover.com/tag/%d0%9f%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5/" rel="tag">Программирование</a></span> </footer> </article> <article id="post-1328" class="post-1328 post type-post status-publish format-standard hentry category-awms category-perl category-unix category-for-webmasters tag-apache tag-cgi tag-awms tag-html tag-http tag-internet tag-mod_perl tag-perl tag-plack tag-psgi tag-unix tag-webmaster tag-45 tag-66"> <header class="entry-header"> <h2 class="entry-title"><a href="https://blog.perlover.com/2011/07/19/perl-plack-psgi/" rel="bookmark">Немного о супер направлениях в Web на Perl</a></h2> </header> <div class="entry-content"> <p><strong>Немогу не поделиться своими выводами</strong> об изучении нескольких <strong>новых технологий в Perl и в Web программировании</strong>. Немного предистории.</p> <p>Я сам программирую <strong>динамические веб сайты</strong> (CGI) только <strong>на Perl</strong>. Никогда не использовал PHP. Это не только потому, что я фанат Perl, но и дань эффективности — под Perl много модулей, много возможностей, и при грамотном подходе сайты на Perl будут работать быстрее PHP — ведь Perl код после компиляции хранится в памяти в виде байт кода (типа «<a href="http://en.wikipedia.org/wiki/P-code_machine" target="_blank">Пи кода</a>» кода в Pascal). А если знаешь Perl, то и разработка может идти гораздо быстрее. <a href="https://blog.perlover.com/2011/07/19/perl-plack-psgi/#more-1328" class="more-link">Читать далее <span class="screen-reader-text">Немного о супер направлениях в Web на Perl</span></a></p> </div> <footer class="entry-footer"> <span class="posted-on"><span class="screen-reader-text">Опубликовано </span><a href="https://blog.perlover.com/2011/07/19/perl-plack-psgi/" rel="bookmark"><time class="entry-date published updated" datetime="2011-07-19T16:15:38+02:00">19 июля, 2011</time></a></span><span class="cat-links"><span class="screen-reader-text">Рубрики </span><a href="https://blog.perlover.com/category/awms/" rel="category tag">For AWMs</a>, <a href="https://blog.perlover.com/category/programming/perl/" rel="category tag">Perl</a>, <a href="https://blog.perlover.com/category/unix/" rel="category tag">Unix</a>, <a href="https://blog.perlover.com/category/for-webmasters/" rel="category tag">Для Webmasters</a></span><span class="tags-links"><span class="screen-reader-text">Метки </span><a href="https://blog.perlover.com/tag/apache/" rel="tag">apache</a>, <a href="https://blog.perlover.com/tag/cgi/" rel="tag">CGI</a>, <a href="https://blog.perlover.com/tag/awms/" rel="tag">For AWMs</a>, <a href="https://blog.perlover.com/tag/html/" rel="tag">html</a>, <a href="https://blog.perlover.com/tag/http/" rel="tag">HTTP</a>, <a href="https://blog.perlover.com/tag/internet/" rel="tag">internet</a>, <a href="https://blog.perlover.com/tag/mod_perl/" rel="tag">mod_perl</a>, <a href="https://blog.perlover.com/tag/perl/" rel="tag">Perl</a>, <a href="https://blog.perlover.com/tag/plack/" rel="tag">Plack</a>, <a href="https://blog.perlover.com/tag/psgi/" rel="tag">PSGI</a>, <a href="https://blog.perlover.com/tag/unix/" rel="tag">Unix</a>, <a href="https://blog.perlover.com/tag/webmaster/" rel="tag">webmaster</a>, <a href="https://blog.perlover.com/tag/%d0%9f%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5/" rel="tag">Программирование</a>, <a href="https://blog.perlover.com/tag/%d1%81%d0%b8%d1%81%d0%b0%d0%b4%d0%bc%d0%b8%d0%bd%d0%b0%d0%bc/" rel="tag">сисадминам</a></span><span class="comments-link"><a href="https://blog.perlover.com/2011/07/19/perl-plack-psgi/#comments">2 комментария<span class="screen-reader-text"> к записи Немного о супер направлениях в Web на Perl</span></a></span> </footer> </article> <article id="post-1232" class="post-1232 post type-post status-publish format-standard hentry category-for-webmasters tag-css tag-html"> <header class="entry-header"> <h2 class="entry-title"><a href="https://blog.perlover.com/2011/03/24/good-post-about-floats-css/" rel="bookmark">Хорошая статейка по CSS и Float блоки (поплавки)</a></h2> </header> <div class="entry-content"> <p><a href="http://designformasters.info/posts/css-float-theory-and-practice/"><img decoding="async" class="alignleft" src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=http://designformasters.info/posts/css-float-theory-and-practice/" alt="" width="150" height="150" /></a>Вот искал и нашел эту статейку со всеми премудростями обращения с блоками — поплавками (float) в CSS. Спешу с вами поделиться 😉</p> <p><strong><a href="http://designformasters.info/posts/css-float-theory-and-practice/" target="_blank">http://designformasters.info/posts/css-float-theory-and-practice/</a></strong></p> <p>Для тех, кто хочет иметь этот адрес всегда под рукой в мобильнике, вот <strong><a href="https://blog.perlover.com/2010/06/14/qr-code/">QR-Code</a></strong>:</p> </div> <footer class="entry-footer"> <span class="posted-on"><span class="screen-reader-text">Опубликовано </span><a href="https://blog.perlover.com/2011/03/24/good-post-about-floats-css/" rel="bookmark"><time class="entry-date published" datetime="2011-03-24T16:21:38+01:00">24 марта, 2011</time><time class="updated" datetime="2011-03-24T16:23:37+01:00">24 марта, 2011</time></a></span><span class="cat-links"><span class="screen-reader-text">Рубрики </span><a href="https://blog.perlover.com/category/for-webmasters/" rel="category tag">Для Webmasters</a></span><span class="tags-links"><span class="screen-reader-text">Метки </span><a href="https://blog.perlover.com/tag/css/" rel="tag">css</a>, <a href="https://blog.perlover.com/tag/html/" rel="tag">html</a></span> </footer> </article> <article id="post-1161" class="post-1161 post type-post status-publish format-standard hentry category-firefox category-awms category-for-webmasters tag-css tag-doctype tag-firefox tag-awms tag-html"> <header class="entry-header"> <h2 class="entry-title"><a href="https://blog.perlover.com/2011/01/26/doctype-tables-td-img-spacing/" rel="bookmark">DOCTYPE & Images в таблицах — почему разваливается дизайн?</a></h2> </header> <div class="entry-content"> <p>Это будет <strong>краткий обзор</strong> моего исследования на тему DOCTYPE (подробнее о DOCTYPE я напишу как нибудь позднее) и поведения <IMG> элементов. Итак, если вы еще не знаете, а являетесь вебдизайнером или верстальщиком HTML страниц, вам надо знать, что лучше указывать тип документа для HTML диррективой DTD в начале любого HTML документа: <!DOCTYPE …>. Потому как иначе, ваша страница может выглядеть и работать не так, как вам хочется (например, без этого определения не работает CSS «position: fixed»). Я долго мучался с этим DOCTYPE, чтобы все работало так, как хотелось бы, и пришел к выводу, что лучше делать именно такое объявление типа: <a href="https://blog.perlover.com/2011/01/26/doctype-tables-td-img-spacing/#more-1161" class="more-link">Читать далее <span class="screen-reader-text">DOCTYPE & Images в таблицах — почему разваливается дизайн?</span></a></p> </div> <footer class="entry-footer"> <span class="posted-on"><span class="screen-reader-text">Опубликовано </span><a href="https://blog.perlover.com/2011/01/26/doctype-tables-td-img-spacing/" rel="bookmark"><time class="entry-date published" datetime="2011-01-26T18:57:16+01:00">26 января, 2011</time><time class="updated" datetime="2011-01-26T19:13:19+01:00">26 января, 2011</time></a></span><span class="cat-links"><span class="screen-reader-text">Рубрики </span><a href="https://blog.perlover.com/category/firefox/" rel="category tag">FireFox</a>, <a href="https://blog.perlover.com/category/awms/" rel="category tag">For AWMs</a>, <a href="https://blog.perlover.com/category/for-webmasters/" rel="category tag">Для Webmasters</a></span><span class="tags-links"><span class="screen-reader-text">Метки </span><a href="https://blog.perlover.com/tag/css/" rel="tag">css</a>, <a href="https://blog.perlover.com/tag/doctype/" rel="tag">DOCTYPE</a>, <a href="https://blog.perlover.com/tag/firefox/" rel="tag">FireFox</a>, <a href="https://blog.perlover.com/tag/awms/" rel="tag">For AWMs</a>, <a href="https://blog.perlover.com/tag/html/" rel="tag">html</a></span><span class="comments-link"><a href="https://blog.perlover.com/2011/01/26/doctype-tables-td-img-spacing/#comments">1 комментарий<span class="screen-reader-text"> к записи DOCTYPE & Images в таблицах — почему разваливается дизайн?</span></a></span> </footer> </article> <article id="post-671" class="post-671 post type-post status-publish format-standard hentry category-for-webmasters category-programming tag-ajax tag-awms tag-html tag-javascript tag-webmaster tag-45"> <header class="entry-header"> <h2 class="entry-title"><a href="https://blog.perlover.com/2009/12/18/javascript-enabled-users/" rel="bookmark">Каков % пользователей с JavaScript?</a></h2> </header> <div class="entry-content"> <p>На своих нескольких проектах уже замечал неоднократно такую статистику — по моим данным, только 70-73% рядовых пользователей интернета имеют включеную поддержку <a href="http://ru.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>. Сразу хочу заметить, что не <a href="http://ru.wikipedia.org/wiki/Java" target="_blank">Java</a>, а JavaScript! Делаю эту поправку потому, что некоторые ошибочно думают, смотря в <a href="http://www.google.com/analytics/" target="_blank">Google Analytics</a> или в данные некоторых других счетчиков в колонку Java (там, как правило, цифры за 90%). А ведь <strong>счетчики сами работают на JavaScript</strong>, и визит посетителя <strong>с отключенным JavaScript они просто не зафиксируют</strong>!</p> <p><strong>Как я посчитал эти цифры?</strong> Возьмем, к примеру логи Apache сервера. Они показывают сколько реально было загрузок какой либо страницы. Берем данные о загрузке страницы из этих логов -V1, затем смотрим, сколько нам посчитал счетчик, например Google Analytics — V2 (я обсчитывал статистику даже своими JavaScript счетчиками на основе <a href="http://ru.wikipedia.org/wiki/Ajax" target="_blank">Ajax</a>). V1 — сколько всего смотрело людей, а V2 — у скольки включен скрипт. V2 всегда будет меньше V1, и если посчитать по формуле <strong>V2/V1*100%, то получится 70-73%</strong>. Проверьте сами! 🙂</p> <p>Конечно, могут возразить — боты и все такое… Но я замерял на разных проектах — на известных и нет, и из разных источников. Цифры всегда были примерно одинаковые. Не верю, что везде процент ботов одинаковый!</p> <p>Так что <strong>помните об этом</strong>, когда создаете страницу, работающую только на чистом JavaScript коде!</p> </div> <footer class="entry-footer"> <span class="posted-on"><span class="screen-reader-text">Опубликовано </span><a href="https://blog.perlover.com/2009/12/18/javascript-enabled-users/" rel="bookmark"><time class="entry-date published" datetime="2009-12-18T13:50:55+01:00">18 декабря, 2009</time><time class="updated" datetime="2009-12-18T13:51:28+01:00">18 декабря, 2009</time></a></span><span class="cat-links"><span class="screen-reader-text">Рубрики </span><a href="https://blog.perlover.com/category/for-webmasters/" rel="category tag">Для Webmasters</a>, <a href="https://blog.perlover.com/category/programming/" rel="category tag">Программирование</a></span><span class="tags-links"><span class="screen-reader-text">Метки </span><a href="https://blog.perlover.com/tag/ajax/" rel="tag">ajax</a>, <a href="https://blog.perlover.com/tag/awms/" rel="tag">For AWMs</a>, <a href="https://blog.perlover.com/tag/html/" rel="tag">html</a>, <a href="https://blog.perlover.com/tag/javascript/" rel="tag">javascript</a>, <a href="https://blog.perlover.com/tag/webmaster/" rel="tag">webmaster</a>, <a href="https://blog.perlover.com/tag/%d0%9f%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5/" rel="tag">Программирование</a></span><span class="comments-link"><a href="https://blog.perlover.com/2009/12/18/javascript-enabled-users/#comments">9 комментариев<span class="screen-reader-text"> к записи Каков 9 пользователей с JavaScript?</span></a></span> </footer> </article> <article id="post-312" class="post-312 post type-post status-publish format-standard hentry category-addons tag-addons tag-firefox tag-html"> <header class="entry-header"> <h2 class="entry-title"><a href="https://blog.perlover.com/2009/11/19/copy-table-firefox-excel-calc/" rel="bookmark">Dafizilla Table2Clipboard</a></h2> </header> <div class="entry-content"> <p>Если вы попробуете скопировать таблицы из HTML страницы в Firefox и вставить их, например, в Excel или в OpenOffice Calc, то вы обнаружите, что они вставляются битыми и вообще, наперекосяк. Это ведь не то, что вы ожидали, наверное? Не знаю почему, но <strong>Firefox копирует таблицы в какой-то странной манере </strong>(добавляет лишние пробелы и т.п..). <strong>Эту манеру исправляет <a href="https://addons.mozilla.org/en-US/firefox/addon/1852" target="_blank">этот плагин</a>.</strong></p> <p>Выделите таблицу с данными, например, щелкните правой кнопкой мыши по выделенным ячейкам (выделит отдельные ячейки — нажимаем Ctrl и удерживая, выделяем мышкой, или можно скопировать сразу всю таблицу — пункт <strong>«Copy whole table»</strong>), выберите в меню <strong>«Copy selected cells»</strong>, затем сделайте вставку в Excel или в OPenOffice Calc. Все будет вставлено как надо.</p> <p><strong>Очень полезно</strong>, <strong>когда работаете </strong>с какими либо <strong>данными</strong>.</p> </div> <footer class="entry-footer"> <span class="posted-on"><span class="screen-reader-text">Опубликовано </span><a href="https://blog.perlover.com/2009/11/19/copy-table-firefox-excel-calc/" rel="bookmark"><time class="entry-date published" datetime="2009-11-19T01:36:12+01:00">19 ноября, 2009</time><time class="updated" datetime="2009-11-30T13:35:13+01:00">30 ноября, 2009</time></a></span><span class="cat-links"><span class="screen-reader-text">Рубрики </span><a href="https://blog.perlover.com/category/firefox/addons/" rel="category tag">Add-ons</a></span><span class="tags-links"><span class="screen-reader-text">Метки </span><a href="https://blog.perlover.com/tag/addons/" rel="tag">Add-ons</a>, <a href="https://blog.perlover.com/tag/firefox/" rel="tag">FireFox</a>, <a href="https://blog.perlover.com/tag/html/" rel="tag">html</a></span><span class="comments-link"><a href="https://blog.perlover.com/2009/11/19/copy-table-firefox-excel-calc/#comments">2 комментария<span class="screen-reader-text"> к записи Dafizilla Table2Clipboard</span></a></span> </footer> </article> <article id="post-152" class="post-152 post type-post status-publish format-standard hentry category-addons category-for-webmasters tag-addons tag-color tag-css tag-html tag-webmaster"> <header class="entry-header"> <h2 class="entry-title"><a href="https://blog.perlover.com/2009/11/02/color-picker-from-firefox/" rel="bookmark">Пипетка цветов прямо из Firefox</a></h2> </header> <div class="entry-content"> <p>Сегодня поставил очень полезный плагинчик для вебмастера сайтов. Кто работал с Фотошоп, знают инструмент «пипетка» — тыкаешь в любое место картинки, получаешь параметр цвета. Я раньше так и делал для сайтов — делал скриншот, потом копировал в Фотошоп, там получал цвет пипеткой. Но если вам надо получить цвет из веб страниц, самый лучший способ — <strong><a href="https://addons.mozilla.org/en-US/firefox/addon/271" target="_blank">ColorZilla </a></strong>плагин.</p> <p>Итак, скачиваем, ставим. Внизу слева появляется значок «пипетки». По правой кнопке мыши можно вызвать опции, установить разные настройки. Быстрый вызов — <strong>Shift + Esc</strong>. При этом появляется мишень — вы наводите на любое место в Firefox, хоть на менюшки самого Firefox, при этом видите цвет в мишени там, где пипетка. Клик — и цвет запомнен. Очень рекомендую поставить опцию «Options» -> «Auto Copy» -> «Enabled». Тогда автоматом цвет при клике будет запоминаться в Clipboard. Работает даже для картинок вебстраницы.<br /> Если <strong>удерживать Alt + Shift</strong>, то можно прокручивать страницу вправо-влево, вверх-вниз мышкой, с нажатой на ней левой кнопкой (удобно, когда страница больше чем экран).</p> <p>Но! Этот плагин имеет очень много других полезных фишек. Это:</p> <ul> <li>Измерение расстояния (ΔX, ΔY) между текущей позицией мишени пипетки и позицией от предыдущего измерения</li> <li>Редактор цветов</li> <li>Палитры цветов и history по ним (иногда удобно использовать это)</li> <li>И самая полезная штучка — <strong>Анализатор цветов страницы </strong>(<em><strong>Webpage DOM Color Analyzer</strong></em>). Один вызов этого зверя, и он проанализирует всю страницу, построит палитру цветов, что в ней используется и выдаст вам эту палитру. Если при этом наводить мышкой на цвета, он подсвечивает и показывает куски страницы, где используется этот цвет. Я думаю, полезно это может оказаться, например, в таком случае: вам понравился сайт и его цветовая гамма, вы вызываете анализатор, а потом эту палитру используете. В ней можно исключать какие либо цвета, или разделять ее между участниками через общий сайт addon-са. Вообщем, если поразбираться, должно понравиться. Думаю, на самом сайте можно найти много готовых палитр (не пробовал пока)</li> </ul> <p><span style="text-decoration: line-through;">Есть у него маленький минус. Если линки имеют :hover псевдокласс, и когда вы наводите на такой линк мишенью, то цвет линка меняется на :hover класс. Поэтому, получить цвет :hover класса можно, а вот цвет простого линка — нельзя, по крайней мере я не нашел этого.</span></p> <p>Уже после публикации этого поста, я выяснил, что можно узнать цвет под :hover линком. Не знаю, как я просмотрел это на странице <a title="Help ColorZilla" href="http://www.colorzilla.com/firefox/help.html" target="_blank">help</a> автора плагина. Вообщем, тыкаем в :hover линк, у нас — цвет после наведения мышки. Кликаем правой кнопкой мыши по пипетке в Status Bar — там есть «Resample Last Location». Выбираем этот пункт — у нас цвет до изменения.</p> </div> <footer class="entry-footer"> <span class="posted-on"><span class="screen-reader-text">Опубликовано </span><a href="https://blog.perlover.com/2009/11/02/color-picker-from-firefox/" rel="bookmark"><time class="entry-date published" datetime="2009-11-02T19:36:49+01:00">2 ноября, 2009</time><time class="updated" datetime="2009-11-30T13:36:07+01:00">30 ноября, 2009</time></a></span><span class="cat-links"><span class="screen-reader-text">Рубрики </span><a href="https://blog.perlover.com/category/firefox/addons/" rel="category tag">Add-ons</a>, <a href="https://blog.perlover.com/category/for-webmasters/" rel="category tag">Для Webmasters</a></span><span class="tags-links"><span class="screen-reader-text">Метки </span><a href="https://blog.perlover.com/tag/addons/" rel="tag">Add-ons</a>, <a href="https://blog.perlover.com/tag/color/" rel="tag">color</a>, <a href="https://blog.perlover.com/tag/css/" rel="tag">css</a>, <a href="https://blog.perlover.com/tag/html/" rel="tag">html</a>, <a href="https://blog.perlover.com/tag/webmaster/" rel="tag">webmaster</a></span><span class="comments-link"><a href="https://blog.perlover.com/2009/11/02/color-picker-from-firefox/#comments">2 комментария<span class="screen-reader-text"> к записи Пипетка цветов прямо из Firefox</span></a></span> </footer> </article> </main> </section> </div> <footer id="colophon" class="site-footer"> <div class="site-info"> <a href="https://ru.wordpress.org/" class="imprint"> Сайт работает на WordPress </a> </div> </footer> </div> </body> </html>