Posts

Glowing Text Loading Animation

Image
Glowing Text Loading Animation CSS body{ margin:0px;padding:0px;background:#262222; } UL{ position: absolute; top:50%; left:50%; display: flex; transform: translate(-50% ,-50%); } ul li{ list-style: none; letter-spacing: 15px; font-size: 5em; font-family: fantasy; color:#484848; animation: ani 1.2s linear infinite; } ul li:nth-child(1){ animation-delay: .2s; } ul li:nth-child(2){ animation-delay: .6s; } ul li:nth-child(3){ animation-delay: .8s; } ul li:nth-child(4){ animation-delay: 1.0s; } ul li:nth-child(5){ animation-delay: 1.4s; } ul li:nth-child(6){ animation-delay: 1.8s; } ul li:nth-child(7){ animation-delay: 1.12s; } @keyframes ani { 0%{ color:#44848; text-shadow: none; } 90%{ color:#44848; text-shadow: none; } 100%{ color:#fff900; text-shadow: 0 0 7px #fff900,0 0 70px #fff123; } } HTML <ul> <li>L</li> <li>O</li> <li>A</li> <li>D</li> <li

Avoid Using The Following Anchor Text In Making Links

Image
Avoid Using Anchor Text Here in Link Creation - There are some anchor text that should be avoided when creating link links in the article. Even the anchor text was marked by the Lighthouse tool as an error that must be corrected. Because of the importance of making the correct anchor text for a link, the Lighthouse tool even marks some anchor text as an error that must be corrected. At present there are only a few words and in several languages, but the possibility will continue to be increased according to languages ​​in the world. The marked anchor text includes: click here click this go here this start right here more learn more And of course for writing Indonesian articles you should avoid using anchor text that has similarities with the anchor text and the like. Anchor text or link text is text that is inside a link that is useful to tell users and search engines like Google something about the linked page. There are 2 types of links

[JS] How to delay ajax one by one in loop

Image
Bahasa indonesia: Bagaimana eksekusi ajax satu per satu di Loop <div id="demo"></div> <script> /** * Define global variable * @var {int} indexLoop global loop indexer * @var {int} lastLoop global last iteration for global loop indexer from loop initializer * @var {array} queueLoop global array to be processed from ajax * @var {array} arrayLoop define array to be proccesed */ var indexLoop = 0, lastLoop = 0, queueLoop = [], arrayLoop = ['apple', 'melon', 'watermelon', 'grapes']; for (var i = 0; i < arrayLoop.length; i++) { queueLoop.push(arrayLoop[i]); if (i == arrayLoop.length - 1) { lastLoop = i + 1; ajaxLoop(function () { var b = document.createElement('b'); b.innerHTML = 'Processing all item ' + indexLoop + ' of ' + lastLoop + ' succedeed<br/>'; document.getElementById('demo').appendChild(b); }