{"id":304,"date":"2024-01-28T17:15:49","date_gmt":"2024-01-28T10:15:49","guid":{"rendered":"https:\/\/phusingdev.info\/?p=304"},"modified":"2024-01-30T13:10:37","modified_gmt":"2024-01-30T06:10:37","slug":"particles-js-javascript-library","status":"publish","type":"post","link":"https:\/\/phusingdev.info\/?p=304","title":{"rendered":"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Particles.Js \u0e04\u0e37\u0e2d Javascript Library \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e14\u0e22\u0e04\u0e38\u0e13\u200b VincentGarreau \u0e42\u0e14\u0e22\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e02\u0e2d\u0e07\u0e44\u0e25\u0e1a\u0e23\u0e32\u0e23\u0e35\u0e48\u0e15\u0e31\u0e27\u0e19\u0e35\u0e49\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e25\u0e39\u0e01\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e44\u0e01\u0e25\u0e49\u0e01\u0e31\u0e19 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35 \u0e02\u0e19\u0e32\u0e14 \u0e41\u0e25\u0e30\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e44\u0e14\u0e49 <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e2b\u0e32\u0e01\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32Particles.Js\u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23 \u0e21\u0e32\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07<\/p>\n\n\n<style>.kb-image304_aa0352-83.kb-image-is-ratio-size, .kb-image304_aa0352-83 .kb-image-is-ratio-size{max-width:540px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image304_aa0352-83.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image304_aa0352-83 .kb-image-is-ratio-size{align-self:unset;}.kb-image304_aa0352-83 figure{max-width:540px;}.kb-image304_aa0352-83 .image-is-svg, .kb-image304_aa0352-83 .image-is-svg img{width:100%;}.kb-image304_aa0352-83 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image304_aa0352-83\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"538\" height=\"311\" src=\"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/particles.jsLibrary-GoogleChrome2567-01-2817-00-46-ezgif.com-crop.gif\" alt=\"\" class=\"kb-img wp-image-306\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e01\u0e48\u0e2d\u0e19\u0e2d\u0e37\u0e48\u0e19\u0e40\u0e25\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e42\u0e2b\u0e25\u0e14 Particles.Js Library \u0e15\u0e32\u0e21\u0e19\u0e35\u0e49\u0e40\u0e25\u0e22 <a href=\"https:\/\/vincentgarreau.com\/particles.js\/\" target=\"_blank\" rel=\"noreferrer noopener\"> https:\/\/vincentgarreau.com\/particles.js\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e42\u0e2b\u0e25\u0e14\u0e21\u0e32\u0e41\u0e25\u0e49\u0e27 \u0e17\u0e33\u0e01\u0e32\u0e23 Extract file particles.js-master.zip  \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e43\u0e19 \u0e42\u0e1f\u0e25\u0e4c\u0e40\u0e14\u0e2d\u0e23\u0e4c particles.js-master  \u0e41\u0e25\u0e49\u0e27\u0e08\u0e30\u0e40\u0e2b\u0e47\u0e19\u0e44\u0e1f\u0e25\u0e4c  particles.js \u0e41\u0e25\u0e30 particles.min.js  \u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32 Copy  2 \u0e44\u0e1f\u0e25\u0e4c\u0e19\u0e35\u0e49\u0e44\u0e1b\u0e44\u0e27\u0e49\u0e43\u0e19 \u0e42\u0e1f\u0e25\u0e4c\u0e40\u0e14\u0e2d\u0e23\u0e4c \u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">      \u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e40\u0e23\u0e32\u0e21\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49  Javascript Library \u0e01\u0e31\u0e19\u0e40\u0e25\u0e22  \u0e42\u0e14\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c\u0e17\u0e35\u0e48\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e48\u0e32 index.html   \u0e14\u0e31\u0e07\u0e19\u0e31\u0e49\u0e19\u0e43\u0e19\u0e42\u0e1f\u0e25\u0e4c\u0e40\u0e14\u0e2d\u0e23\u0e4c \u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32  \u0e08\u0e30\u0e21\u0e35 3 \u0e44\u0e1f\u0e25\u0e4c \u0e04\u0e37\u0e2d  particles.js   particles.min.js   \u0e41\u0e25\u0e30 index.html<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">     \u0e40\u0e23\u0e34\u0e48\u0e21\u0e41\u0e23\u0e01\u0e40\u0e1b\u0e34\u0e14\u0e44\u0e1f\u0e25\u0e4c index.html \u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e41\u0e25\u0e49\u0e27\u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49  Library \u0e14\u0e31\u0e07\u0e19\u0e35\u0e49 <\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \"> &lt;script src=\"particles.js\"&gt;&lt;\/script&gt;<\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e15\u0e48\u0e2d\u0e21\u0e32\u0e40\u0e23\u0e32\u0e08\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07 CSS <\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:css decode:true \">      body {\n        margin: 0;\n        font: normal 75% Arial, Helvetica, sans-serif;\n      }\n\n      canvas {\n        display: block;\n        vertical-align: bottom;\n      }\n\n \n\n      #particles-js {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        background-color: #b61924;\n        background-image: url(\"\");\n        background-repeat: no-repeat;\n        background-size: cover;\n        background-position: 50% 50%;\n      }\n\n      .count-particles {\n        background: #000022;\n        position: absolute;\n        top: 48px;\n        left: 0;\n        width: 80px;\n        color: #13e8e9;\n        font-size: 0.8em;\n        text-align: left;\n        text-indent: 4px;\n        line-height: 14px;\n        padding-bottom: 2px;\n        font-family: Helvetica, Arial, sans-serif;\n        font-weight: bold;\n      }\n\n      .js-count-particles {\n        font-size: 1.1em;\n      }\n\n      #stats,\n      .count-particles {\n        -webkit-user-select: none;\n      }\n\n      #stats {\n        border-radius: 3px 3px 0 0;\n        overflow: hidden;\n      }\n\n      .count-particles {\n        border-radius: 0 0 3px 3px;\n      }\n\n      .center {\n        font-size:50px;\n        color: azure;\n        position: absolute;\n        width: auto;\n        top: 50%;\n        left: 50%;\n        margin-top: -50px;\n        margin-left: -50px;\n      }\n <\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e15\u0e48\u0e2d\u0e21\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07  Javascript <\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:js decode:true \">&lt;script&gt;\n      particlesJS(\"particles-js\", {\n        particles: {\n          number: {\n            value: 38,\n            density: {\n              enable: true,\n              value_area: 946.9790382244144,\n            },\n          },\n          color: {\n            value: \"#f2f2f2\",\n          },\n          shape: {\n            type: \"edge\",\n            stroke: {\n              width: 0,\n              color: \"#000000\",\n            },\n            polygon: {\n              nb_sides: 5,\n            },\n            image: {\n              src: \"img\/github.svg\",\n              width: 20,\n              height: 20,\n            },\n          },\n          opacity: {\n            value: 0.5,\n            random: false,\n            anim: {\n              enable: false,\n              speed: 1,\n              opacity_min: 0.1,\n              sync: false,\n            },\n          },\n          size: {\n            value: 3,\n            random: true,\n            anim: {\n              enable: false,\n              speed: 40,\n              size_min: 0.1,\n              sync: false,\n            },\n          },\n          line_linked: {\n            enable: true,\n            distance: 150,\n            color: \"#ffffff\",\n            opacity: 0.4,\n            width: 1,\n          },\n          move: {\n            enable: true,\n            speed: 6,\n            direction: \"none\",\n            random: false,\n            straight: false,\n            out_mode: \"out\",\n            bounce: false,\n            attract: {\n              enable: false,\n              rotateX: 600,\n              rotateY: 1200,\n            },\n          },\n        },\n        interactivity: {\n          detect_on: \"canvas\",\n          events: {\n            onhover: {\n              enable: true,\n              mode: \"repulse\",\n            },\n            onclick: {\n              enable: true,\n              mode: \"push\",\n            },\n            resize: true,\n          },\n          modes: {\n            grab: {\n              distance: 400,\n              line_linked: {\n                opacity: 1,\n              },\n            },\n            bubble: {\n              distance: 400,\n              size: 40,\n              duration: 2,\n              opacity: 8,\n              speed: 3,\n            },\n            repulse: {\n              distance: 200,\n              duration: 0.4,\n            },\n            push: {\n              particles_nb: 4,\n            },\n            remove: {\n              particles_nb: 2,\n            },\n          },\n        },\n        retina_detect: true,\n      });\n    &lt;\/script&gt;<\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19 \u0e01\u0e47\u0e21\u0e32\u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49 Class \u0e02\u0e2d\u0e07 Particles.Js Library \u0e01\u0e33\u0e19\u0e40\u0e25\u0e22<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \">&lt;div id=\"particles-js\"\n      style=\" background-color: rgb(44, 46, 67);\n        background-size: 40%;\n        background-position: 50% 10%;\n        background-repeat: no-repeat no-repeat; \"&gt;\n      &lt;canvas  class=\"particles-js-canvas-el\"\n        width=\"2884\"\n        height=\"906\"\n        style=\"width: 100%; height: 100%\"&gt;\n      &lt;\/canvas&gt;\n        &lt;div class=\"center\"&gt;Particles. Js&lt;\/div&gt;\n    &lt;\/div&gt;<\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e44\u0e1b\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e01\u0e31\u0e19\u0e40\u0e25\u0e22 <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e21\u0e32\u0e14\u0e39\u0e42\u0e04\u0e49\u0e14\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default mark:5-69,73-85,88-199 decode:true \">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;particles. js Library&lt;\/title&gt;\n    &lt;style&gt;\n      body {\n        margin: 0;\n        font: normal 75% Arial, Helvetica, sans-serif;\n      }\n\n      canvas {\n        display: block;\n        vertical-align: bottom;\n      }\n      #particles-js {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        background-color: #b61924;\n        background-image: url(\"\");\n        background-repeat: no-repeat;\n        background-size: cover;\n        background-position: 50% 50%;\n      }\n      .count-particles {\n        background: #000022;\n        position: absolute;\n        top: 48px;\n        left: 0;\n        width: 80px;\n        color: #13e8e9;\n        font-size: 0.8em;\n        text-align: left;\n        text-indent: 4px;\n        line-height: 14px;\n        padding-bottom: 2px;\n        font-family: Helvetica, Arial, sans-serif;\n        font-weight: bold;\n      }\n\n      .js-count-particles {\n        font-size: 1.1em;\n      }\n\n      #stats,\n      .count-particles {\n        -webkit-user-select: none;\n      }\n\n      #stats {\n        border-radius: 3px 3px 0 0;\n        overflow: hidden;\n      }\n\n      .count-particles {\n        border-radius: 0 0 3px 3px;\n      }\n\n      .center {\n        font-size:50px;\n        color: azure;\n        position: absolute;\n        width: auto;\n        top: 50%;\n        left: 50%;\n        margin-top: -50px;\n        margin-left: -50px;\n      }\n    &lt;\/style&gt;\n  &lt;\/head&gt;\n\n  &lt;body&gt;\n    &lt;div id=\"particles-js\" \n    style=\"background-color: rgb(44, 46, 67);\n        background-size: 40%;\n        background-position: 50% 10%;\n        background-repeat: no-repeat no-repeat; \"&gt;\n      &lt;canvas\n        class=\"particles-js-canvas-el\"\n        width=\"2884\"\n        height=\"906\"\n        style=\"width: 100%; height: 100%\"&gt;\n      &lt;\/canvas&gt;\n        &lt;div class=\"center\"&gt;Particles. Js&lt;\/div&gt;\n    &lt;\/div&gt;\n\n    &lt;script src=\"particles.js\"&gt;&lt;\/script&gt;\n    &lt;script&gt;\n      particlesJS(\"particles-js\", {\n        particles: {\n          number: {\n            value: 38,\n            density: {\n              enable: true,\n              value_area: 946.9790382244144,\n            },\n          },\n          color: {\n            value: \"#f2f2f2\",\n          },\n          shape: {\n            type: \"edge\",\n            stroke: {\n              width: 0,\n              color: \"#000000\",\n            },\n            polygon: {\n              nb_sides: 5,\n            },\n            image: {\n              src: \"img\/github.svg\",\n              width: 20,\n              height: 20,\n            },\n          },\n          opacity: {\n            value: 0.5,\n            random: false,\n            anim: {\n              enable: false,\n              speed: 1,\n              opacity_min: 0.1,\n              sync: false,\n            },\n          },\n          size: {\n            value: 3,\n            random: true,\n            anim: {\n              enable: false,\n              speed: 40,\n              size_min: 0.1,\n              sync: false,\n            },\n          },\n          line_linked: {\n            enable: true,\n            distance: 150,\n            color: \"#ffffff\",\n            opacity: 0.4,\n            width: 1,\n          },\n          move: {\n            enable: true,\n            speed: 6,\n            direction: \"none\",\n            random: false,\n            straight: false,\n            out_mode: \"out\",\n            bounce: false,\n            attract: {\n              enable: false,\n              rotateX: 600,\n              rotateY: 1200,\n            },\n          },\n        },\n        interactivity: {\n          detect_on: \"canvas\",\n          events: {\n            onhover: {\n              enable: true,\n              mode: \"repulse\",\n            },\n            onclick: {\n              enable: true,\n              mode: \"push\",\n            },\n            resize: true,\n          },\n          modes: {\n            grab: {\n              distance: 400,\n              line_linked: {\n                opacity: 1,\n              },\n            },\n            bubble: {\n              distance: 400,\n              size: 40,\n              duration: 2,\n              opacity: 8,\n              speed: 3,\n            },\n            repulse: {\n              distance: 200,\n              duration: 0.4,\n            },\n            push: {\n              particles_nb: 4,\n            },\n            remove: {\n              particles_nb: 2,\n            },\n          },\n        },\n        retina_detect: true,\n      });\n    &lt;\/script&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e41\u0e25\u0e30\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\u0e19\u0e35\u0e49 \u0e2b\u0e32\u0e01\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48 \u0e40\u0e21\u0e19\u0e39&nbsp;<a href=\"https:\/\/phusingdev.info\/?page_id=39\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/a>&nbsp;\u0e41\u0e25\u0e30\u0e44\u0e1f\u0e25\u0e4c\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e19\u0e35\u0e49&nbsp;<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns304_d531ac-08{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:flex-start;align-items:center;}.kt-btns304_d531ac-08 .kt-button{font-weight:normal;font-style:normal;}.kt-btns304_d531ac-08 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns304_d531ac-08 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns304_d531ac-08 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns304_d531ac-08 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns304_d531ac-08 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns304_d531ac-08 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns304_d531ac-08 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns304_d531ac-08\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn304_9c80e5-7a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn304_9c80e5-7a.kb-button{color:#f5f5f7;background:#235B95;box-shadow:inset 1px 1px 2px 0px rgba(0, 0, 0, 0.2);}.wp-block-kadence-advancedbtn .kb-btn304_9c80e5-7a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn304_9c80e5-7a.kb-button:focus{background:rgba(35,91,149,0.97);}@media all and (max-width: 1024px){.kb-btn304_9c80e5-7a.kb-button .kb-svg-icon-wrap{display:block;}}<\/style><a class=\"kb-button kt-button button kb-btn304_9c80e5-7a kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-fill kt-btn-has-text-true kt-btn-has-svg-true wp-block-kadence-singlebtn\" href=\"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/particles.zip\" download=\"\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"kt-btn-inner-text\">Download <\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_downloadCloud kt-btn-icon-side-right\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><polyline points=\"8 17 12 21 16 17\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"21\"\/><path d=\"M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box304_888493-b0 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box304_888493-b0 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#ffffff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box304_888493-b0 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box304_888493-b0 .kt-info-svg-icon-flip, .kt-info-box304_888493-b0 .kt-blocks-info-box-number{font-size:50px;}.kt-info-box304_888493-b0 .kt-blocks-info-box-media{background:var(--global-palette7, #eeeeee);border-radius:200px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}.kt-info-box304_888493-b0 .kt-blocks-info-box-media-container{margin-top:0px;margin-right:15px;margin-bottom:10px;margin-left:15px;}.kt-info-box304_888493-b0 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box304_888493-b0 .kt-infobox-textcontent h2.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box304_888493-b0 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box304_888493-b0 .kt-blocks-info-box-link-wrap{box-shadow:inset 1px 1px 1px 0px rgba(0, 0, 0, 0);}.kt-info-box304_888493-b0 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box304_888493-b0 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);box-shadow:inset 1px 1px 1px 0px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box304_888493-b0 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box304_888493-b0 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);box-shadow:inset 1px 1px 1px 0px rgba(0, 0, 0, 0);}.kt-info-box304_888493-b0 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box304_888493-b0\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-center\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fa_paypal kt-info-svg-icon\"><svg viewBox=\"0 0 384 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M111.4 295.9c-3.5 19.2-17.4 108.7-21.5 134-.3 1.8-1 2.5-3 2.5H12.3c-7.6 0-13.1-6.6-12.1-13.9L58.8 46.6c1.5-9.6 10.1-16.9 20-16.9 152.3 0 165.1-3.7 204 11.4 60.1 23.3 65.6 79.5 44 140.3-21.5 62.6-72.5 89.5-140.1 90.3-43.4.7-69.5-7-75.3 24.2zM357.1 152c-1.8-1.3-2.5-1.8-3 1.3-2 11.4-5.1 22.5-8.8 33.6-39.9 113.8-150.5 103.9-204.5 103.9-6.1 0-10.1 3.3-10.9 9.4-22.6 140.4-27.1 169.7-27.1 169.7-1 7.1 3.5 12.9 10.6 12.9h63.5c8.6 0 15.7-6.3 17.4-14.9.7-5.4-1.1 6.1 14.4-91.3 4.6-22 14.3-19.7 29.3-19.7 71 0 126.4-28.8 142.9-112.3 6.5-34.8 4.6-71.4-23.8-92.6z\"\/><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h2 class=\"kt-blocks-info-box-title\">\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/h2><p class=\"kt-blocks-info-box-text\">\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e01\u0e23\u0e38\u0e07\u0e44\u0e17\u0e22<br\/>\u0e40\u0e25\u0e02\u0e1a\u0e31\u0e0d\u0e0a\u0e35 : 8610286703<br\/>\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e31\u0e0d\u0e0a\u0e35 : \u0e19\u0e32\u0e22\u0e27\u0e35\u0e23\u0e0a\u0e31\u0e22 \u0e2d\u0e48\u0e2d\u0e19\u0e21\u0e13\u0e35<\/p><\/div><\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js Particles.Js \u0e04\u0e37\u0e2d Javascript Library \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e14\u0e22\u0e04\u0e38\u0e13\u200b VincentGarreau \u0e42\u0e14\u0e22\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e02\u0e2d\u0e07\u0e44\u0e25\u0e1a\u0e23\u0e32\u0e23\u0e35\u0e48\u0e15\u0e31\u0e27\u0e19\u0e35\u0e49\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e25\u0e39\u0e01\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e44\u0e01\u0e25\u0e49\u0e01\u0e31\u0e19 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35 \u0e02\u0e19\u0e32\u0e14 \u0e41\u0e25\u0e30\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e44\u0e14\u0e49<\/p>\n","protected":false},"author":1,"featured_media":339,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,3],"tags":[],"class_list":["post-304","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-htmlcss","category-3"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js - PhusingDEV<\/title>\n<meta name=\"description\" content=\"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js Particles.Js Javascript Library front end \u0e41\u0e08\u0e01\u0e1f\u0e23\u0e35 HTML CSS\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/phusingdev.info\/?p=304\" \/>\n<meta property=\"og:locale\" content=\"th_TH\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js\" \/>\n<meta property=\"og:description\" content=\"Particles.Js \u0e04\u0e37\u0e2d Javascript Library \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e14\u0e22\u0e04\u0e38\u0e13\u200b VincentGarreau \u0e42\u0e14\u0e22\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e02\u0e2d\u0e07\u0e44\u0e25\u0e1a\u0e23\u0e32\u0e23\u0e35\u0e48\u0e15\u0e31\u0e27\u0e19\u0e35\u0e49\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e25\u0e39\u0e01\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e44\u0e01\u0e25\u0e49\u0e01\u0e31\u0e19 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35 \u0e02\u0e19\u0e32\u0e14 \u0e41\u0e25\u0e30\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e44\u0e14\u0e49\" \/>\n<meta property=\"og:url\" content=\"https:\/\/phusingdev.info\/?p=304\" \/>\n<meta property=\"og:site_name\" content=\"PhusingDEV\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-28T10:15:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-30T06:10:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/CodeIgniter-Framework-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1640\" \/>\n\t<meta property=\"og:image:height\" content=\"924\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"PhusingDev\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"PhusingDev\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 \u0e19\u0e32\u0e17\u0e35\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/phusingdev.info\/?p=304#article\",\"isPartOf\":{\"@id\":\"https:\/\/phusingdev.info\/?p=304\"},\"author\":{\"name\":\"PhusingDev\",\"@id\":\"https:\/\/phusingdev.info\/#\/schema\/person\/96f31f7323e65b628fb3ad4fe0fe51fd\"},\"headline\":\"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js\",\"datePublished\":\"2024-01-28T10:15:49+00:00\",\"dateModified\":\"2024-01-30T06:10:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/phusingdev.info\/?p=304\"},\"wordCount\":53,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/phusingdev.info\/#organization\"},\"articleSection\":[\"HTML+CSS\",\"\u0e41\u0e08\u0e01\u0e1f\u0e23\u0e35\"],\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/phusingdev.info\/?p=304#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/phusingdev.info\/?p=304\",\"url\":\"https:\/\/phusingdev.info\/?p=304\",\"name\":\"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js - PhusingDEV\",\"isPartOf\":{\"@id\":\"https:\/\/phusingdev.info\/#website\"},\"datePublished\":\"2024-01-28T10:15:49+00:00\",\"dateModified\":\"2024-01-30T06:10:37+00:00\",\"description\":\"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js Particles.Js Javascript Library front end \u0e41\u0e08\u0e01\u0e1f\u0e23\u0e35 HTML CSS\",\"breadcrumb\":{\"@id\":\"https:\/\/phusingdev.info\/?p=304#breadcrumb\"},\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/phusingdev.info\/?p=304\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/phusingdev.info\/?p=304#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/phusingdev.info\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/phusingdev.info\/#website\",\"url\":\"https:\/\/phusingdev.info\/\",\"name\":\"PhusingDEV\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/phusingdev.info\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/phusingdev.info\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"th\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/phusingdev.info\/#organization\",\"name\":\"PhusingDEV\",\"url\":\"https:\/\/phusingdev.info\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"th\",\"@id\":\"https:\/\/phusingdev.info\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/cropped-large__3_-removebg-preview.png\",\"contentUrl\":\"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/cropped-large__3_-removebg-preview.png\",\"width\":568,\"height\":120,\"caption\":\"PhusingDEV\"},\"image\":{\"@id\":\"https:\/\/phusingdev.info\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/phusingdev.info\/#\/schema\/person\/96f31f7323e65b628fb3ad4fe0fe51fd\",\"name\":\"PhusingDev\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"th\",\"@id\":\"https:\/\/phusingdev.info\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cd4c4dbccb4ec7073cc5586bad614ff2e964c3f048a3b3f6f68127084a59d398?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cd4c4dbccb4ec7073cc5586bad614ff2e964c3f048a3b3f6f68127084a59d398?s=96&d=mm&r=g\",\"caption\":\"PhusingDev\"},\"sameAs\":[\"https:\/\/phusingdev.info\"],\"url\":\"https:\/\/phusingdev.info\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js - PhusingDEV","description":"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js Particles.Js Javascript Library front end \u0e41\u0e08\u0e01\u0e1f\u0e23\u0e35 HTML CSS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/phusingdev.info\/?p=304","og_locale":"th_TH","og_type":"article","og_title":"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js","og_description":"Particles.Js \u0e04\u0e37\u0e2d Javascript Library \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e14\u0e22\u0e04\u0e38\u0e13\u200b VincentGarreau \u0e42\u0e14\u0e22\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e02\u0e2d\u0e07\u0e44\u0e25\u0e1a\u0e23\u0e32\u0e23\u0e35\u0e48\u0e15\u0e31\u0e27\u0e19\u0e35\u0e49\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e25\u0e39\u0e01\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e44\u0e01\u0e25\u0e49\u0e01\u0e31\u0e19 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35 \u0e02\u0e19\u0e32\u0e14 \u0e41\u0e25\u0e30\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e44\u0e14\u0e49","og_url":"https:\/\/phusingdev.info\/?p=304","og_site_name":"PhusingDEV","article_published_time":"2024-01-28T10:15:49+00:00","article_modified_time":"2024-01-30T06:10:37+00:00","og_image":[{"width":1640,"height":924,"url":"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/CodeIgniter-Framework-2.png","type":"image\/png"}],"author":"PhusingDev","twitter_card":"summary_large_image","twitter_misc":{"Written by":"PhusingDev","Est. reading time":"1 \u0e19\u0e32\u0e17\u0e35"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/phusingdev.info\/?p=304#article","isPartOf":{"@id":"https:\/\/phusingdev.info\/?p=304"},"author":{"name":"PhusingDev","@id":"https:\/\/phusingdev.info\/#\/schema\/person\/96f31f7323e65b628fb3ad4fe0fe51fd"},"headline":"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js","datePublished":"2024-01-28T10:15:49+00:00","dateModified":"2024-01-30T06:10:37+00:00","mainEntityOfPage":{"@id":"https:\/\/phusingdev.info\/?p=304"},"wordCount":53,"commentCount":0,"publisher":{"@id":"https:\/\/phusingdev.info\/#organization"},"articleSection":["HTML+CSS","\u0e41\u0e08\u0e01\u0e1f\u0e23\u0e35"],"inLanguage":"th","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/phusingdev.info\/?p=304#respond"]}]},{"@type":"WebPage","@id":"https:\/\/phusingdev.info\/?p=304","url":"https:\/\/phusingdev.info\/?p=304","name":"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js - PhusingDEV","isPartOf":{"@id":"https:\/\/phusingdev.info\/#website"},"datePublished":"2024-01-28T10:15:49+00:00","dateModified":"2024-01-30T06:10:37+00:00","description":"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js Particles.Js Javascript Library front end \u0e41\u0e08\u0e01\u0e1f\u0e23\u0e35 HTML CSS","breadcrumb":{"@id":"https:\/\/phusingdev.info\/?p=304#breadcrumb"},"inLanguage":"th","potentialAction":[{"@type":"ReadAction","target":["https:\/\/phusingdev.info\/?p=304"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/phusingdev.info\/?p=304#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/phusingdev.info\/"},{"@type":"ListItem","position":2,"name":"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e25\u0e2d\u0e22\u0e21\u0e32\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e49\u0e27\u0e22 particles.js"}]},{"@type":"WebSite","@id":"https:\/\/phusingdev.info\/#website","url":"https:\/\/phusingdev.info\/","name":"PhusingDEV","description":"","publisher":{"@id":"https:\/\/phusingdev.info\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/phusingdev.info\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"th"},{"@type":"Organization","@id":"https:\/\/phusingdev.info\/#organization","name":"PhusingDEV","url":"https:\/\/phusingdev.info\/","logo":{"@type":"ImageObject","inLanguage":"th","@id":"https:\/\/phusingdev.info\/#\/schema\/logo\/image\/","url":"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/cropped-large__3_-removebg-preview.png","contentUrl":"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/cropped-large__3_-removebg-preview.png","width":568,"height":120,"caption":"PhusingDEV"},"image":{"@id":"https:\/\/phusingdev.info\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/phusingdev.info\/#\/schema\/person\/96f31f7323e65b628fb3ad4fe0fe51fd","name":"PhusingDev","image":{"@type":"ImageObject","inLanguage":"th","@id":"https:\/\/phusingdev.info\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cd4c4dbccb4ec7073cc5586bad614ff2e964c3f048a3b3f6f68127084a59d398?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cd4c4dbccb4ec7073cc5586bad614ff2e964c3f048a3b3f6f68127084a59d398?s=96&d=mm&r=g","caption":"PhusingDev"},"sameAs":["https:\/\/phusingdev.info"],"url":"https:\/\/phusingdev.info\/?author=1"}]}},"jetpack_featured_media_url":"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/CodeIgniter-Framework-2.png","acf":[],"_links":{"self":[{"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/posts\/304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phusingdev.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=304"}],"version-history":[{"count":30,"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/posts\/304\/revisions"}],"predecessor-version":[{"id":381,"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/posts\/304\/revisions\/381"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/media\/339"}],"wp:attachment":[{"href":"https:\/\/phusingdev.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phusingdev.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phusingdev.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}