Forwarded from 🔰🅦🅔🅑🅢🅘🅣🅔🅒🅞🅓🅔🅢👨💻🇺🇿 (ＷＥＢＳＩＴＥСＯＤＥＳＢＡＺＡＢＯＴ)
Portfolio Site
Responsive ya`ni telefon Planshetga moslashgan .
Yaxshi Dizayn
Html CSS JS da Yozilgan
web.okcoder.smhost.uz
Kodini Sinab ko`rishingiz mumkin 😉
Kanalimiz : @WebSiteCodes | @KingsOfJs
@YolgizDasturchi
Reaksiya bosish esdan chiqmasin 😉
Yuklab olish uchun Pastdagi tugmalardan foydalanishingiz mumkin 👇👇👇
---------------------
Arzon va Sifatli Hosting Xizmatlari @SMHOSTUZ 😉
Responsive ya`ni telefon Planshetga moslashgan .
Yaxshi Dizayn
Html CSS JS da Yozilgan
web.okcoder.smhost.uz
Kodini Sinab ko`rishingiz mumkin 😉
Kanalimiz : @WebSiteCodes | @KingsOfJs
@YolgizDasturchi
Reaksiya bosish esdan chiqmasin 😉
Yuklab olish uchun Pastdagi tugmalardan foydalanishingiz mumkin 👇👇👇
---------------------
Arzon va Sifatli Hosting Xizmatlari @SMHOSTUZ 😉
Assalomu alaykum yaxshimisizlar men sizlarga yangi narsa oʻrgatmoqchiman.
Yaʼni saytlarda bogʻlanish degan joyida saytdan yuborilgan xabarni e-mailga yoʻnaltiradigan joyini oʻrgatmoqchiman .
Batafsil rasmini tashlayman .
Qayerda albatta Telegram video chatida agar sizlarga qiziq va kerak boʻlsa #comment da oʻz fikringizni bildiring .
Manzil @KingsOfJs
Yaʼni saytlarda bogʻlanish degan joyida saytdan yuborilgan xabarni e-mailga yoʻnaltiradigan joyini oʻrgatmoqchiman .
Batafsil rasmini tashlayman .
Qayerda albatta Telegram video chatida agar sizlarga qiziq va kerak boʻlsa #comment da oʻz fikringizni bildiring .
Manzil @KingsOfJs
#KingsOfJs | JS forever ♾
Assalomu alaykum yaxshimisizlar men sizlarga yangi narsa oʻrgatmoqchiman. Yaʼni saytlarda bogʻlanish degan joyida saytdan yuborilgan xabarni e-mailga yoʻnaltiradigan joyini oʻrgatmoqchiman . Batafsil rasmini tashlayman . Qayerda albatta Telegram video chatida…
Formani joʻnatish qiyin deb oʻylaysizlarmi men ham qiyin deb oʻylagan edim keyin bir kutubxona yoki yordamchi saytdan bogʻlashni oʻrganib olgan edim kechqurun vaqtimga qarab tahminan soat 21:00 larda video chat qilaman .
Batafsil kanalni kuzatib boring
Batafsil kanalni kuzatib boring
👍2🎉1
👍1
Odam qo`shilishlari mumkin 21:00 gacha kutaman
Agar chatda savolingiz bo`lsa Mikrofonni yoqilishini so`rab aytishingiz yoki @ShahsiyGuruhim da yozib qoldirishilar mumkin .
Men chatda gapirmayman Lekin aytganimni o`rgataman .
21:00 da boshlaymiz .
Hurmat bilan : @Real_Coder
Men chatda gapirmayman Lekin aytganimni o`rgataman .
21:00 da boshlaymiz .
Hurmat bilan : @Real_Coder
21:00 da boshlaymiz ungacha kirib oling
Tushunmagan joyilani chatda aytinglar yoki shu post #Comment ida yozib qoldiring
Tushunmagan joyilani chatda aytinglar yoki shu post #Comment ida yozib qoldiring
Video chiqarman shu bo`yicha video chatga sharoit to`g`ri kelmadi ya`ni tashqi manbalarning ovozi .
Tog`ri tushunasiz degan umiddaman .
Hurmat bilan : @Real_Coder
Tog`ri tushunasiz degan umiddaman .
Hurmat bilan : @Real_Coder
🔥3
Savollar va Takliflar Formani 0 dan yasaymi yoki tayyor maketdan foydalangan yaxshimi hozir video qilmoqchi edim
#SorashganEkan
#Comment
Buni head tagi ichida yozishingiz kerak
Web-Sahifa noscript ya`ni nomi yoniga rasm yoki logotip qo`yish .
Natija Rasmda Ko`rsatilgan
#Comment
<link rel="icon" href="https://saidqodirxon.uz/srx.png" />href="BuYergaRasmManzili Yoziladi "
Buni head tagi ichida yozishingiz kerak
Web-Sahifa noscript ya`ni nomi yoniga rasm yoki logotip qo`yish .
Natija Rasmda Ko`rsatilgan
#KingsOfJs | JS forever ♾
#SorashganEkan #Comment Huddi yozgandek ko`rinadigan animatsiya @KingsOfJs
#SorashganEkan
#Comment
Rasmga qarab yozishga erinadiganlar uchun
Kod :
#Comment
Rasmga qarab yozishga erinadiganlar uchun
Kod :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=`, initial-scale=1.0" />
<link rel="icon" href="https://saidqodirxon.uz/srx.png" />
<style>
body {
padding-top: 5em;
display: flex;
justify-content: center;
}
.typewriter h1 {
color: #000;
font-family: monospace;
overflow: hidden; /* Ensures the content is not revealed until the animation */
border-right: 0.15em solid orange; /* The typwriter cursor */
white-space: nowrap; /* Keeps the content on a single line */
margin: 0 auto; /* Gives that scrolling effect as the typing happens */
letter-spacing: 0.15em; /* Adjust as needed */
animation: typing 3.5s steps(30, end),
blink-caret 0.5s step-end infinite;
}
@keyframes typing {
from {
width: 0;
}
to {
width: 100%;
}
}
/* The typewriter cursor effect */
@keyframes blink-caret {
from,
to {
border-color: transparent;
}
50% {
border-color: orange;
}
}
</style>
<noscript>WebSiteCodes</noscript>
</head>
<body>
<div class="typewriter">
<h1>Welcome to WebSiteCodes</h1>
</div>
</body>
</html>
😁4
Yuqorida faqat yozadigan animatsiya bu yerda yozib o`chirib yana qayta yozib cheksiz yozib o`chiraveradi
@KingsofJs
@KingsofJs
#KingsOfJs | JS forever ♾
Yuqorida faqat yozadigan animatsiya bu yerda yozib o`chirib yana qayta yozib cheksiz yozib o`chiraveradi @KingsofJs
#SorashganEkan
#Comment
O`sha gap Rasmga qarab yozishga erinadiganlar uchun 😆
Kod Start
@KingsOfJs
#Comment
O`sha gap Rasmga qarab yozishga erinadiganlar uchun 😆
Kod Start
<!DOCTYPE html>Kod End
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=`, initial-scale=1.0" />
<link rel="icon" href="https://saidqodirxon.uz/srx.png" />
<noscript>WebSiteCodes</noscript>
<!-- Style Start -->
<style>
html,
body {
font-family: "Roboto", sans-serif;
padding: 3em 2em;
font-size: 20px;
background: #222;
color: #aaa;
}
h1 {
border-right: 0.15em solid orange;
animation: blink 0.75s step-end infinite;
width: max-content;
}
@keyframes blink {
from,
to {
border-color: transparent;
}
50% {
border-color: orange;
}
}
</style>
<!-- Style End -->
</head>
<body>
<h1 id="text"></h1>
<noscript>
const txtFull = "Welcome to KingsOfJS "; //Yozib o`chiriladigan text
const txtArr = txtFull.split("");
function getRandomTime() {
return Math.random() * 0.5;
}
function getEle(id) {
return document.getElementById("text");
}
function ModifyTxt(el, txt) {
return (el.innerHTML = txt);
}
function writeOut(txtArr, curChar = 0) {
const randomTime = getRandomTime();
setTimeout(
() => {
const el = getEle("text");
let elTxt = el.innerHTML;
elTxt += txtArr[curChar];
ModifyTxt(el, elTxt);
if (curChar + 1 == txtArr.length) {
return deleteOut(txtArr, txtArr.length);
}
return writeOut(txtArr, curChar + 1);
},
randomTime * 1000
);
}
function deleteOut(txtArr, curChar = 0) {
const randomTime = getRandomTime();
setTimeout(
() => {
const el = getEle("text");
let elTxt = el.innerHTML;
//o`chirish
const elTxtArr = elTxt.split("");
const elTxtArrLen = elTxtArr.length;
console.log(elTxtArr.length - 1);
const newElTxt = elTxtArr.splice(0, curChar - 1).join("");
ModifyTxt(el, newElTxt);
if (elTxtArrLen == 0) {
return writeOut(txtArr, 0);
}
return deleteOut(txtArr, elTxtArrLen - 1);
},
randomTime * 1000
);
return;
}
writeOut(txtArr);
</noscript>
</body>
</html>
@KingsOfJs
#KingsOfJs | JS forever ♾
Savollar va Takliflar Formani 0 dan yasaymi yoki tayyor maketdan foydalangan yaxshimi hozir video qilmoqchi edim
Bu aytgan va`dam ham esimda Xudo hohlasa Maqola bilan tushuntiraman
Nega video emas deyishingiz mumkin ?
Linux operatsion Tizimiga o`tgan edim .
Va Bu Operatsion Sistemaga endi moslashmoqdaman
Va linux uchun Ekran yozuvchi dastur topa olmayabman agar siz bilsangiz
#Comment da yozib qoldiring
Bugun Maqolaa orqali tushuntirib o`taman va kodini ham tashlayman
Hurmat bilan : @Real_Coder
Nega video emas deyishingiz mumkin ?
Linux operatsion Tizimiga o`tgan edim .
Va Bu Operatsion Sistemaga endi moslashmoqdaman
Va linux uchun Ekran yozuvchi dastur topa olmayabman agar siz bilsangiz
#Comment da yozib qoldiring
Bugun Maqolaa orqali tushuntirib o`taman va kodini ham tashlayman
Hurmat bilan : @Real_Coder
HTML formadagi Malumotni EMAIL ga yonaltirish hech qanday qiyin kodlarsiz Osson usulda
Bu videoda Saytdan yuborgan Xabarlarni EMAIL ga yonaltirish haqida .
Yonaltirish juda osson qiyin kodlarsiz Mahsus Yordamchi Sayt yordamida qilindi .
Videoga Like va Comment bildirib qollab yuborasiz degan umiddaman
Menimcha foydali boldi .
Bu videoda Saytdan yuborgan Xabarlarni EMAIL ga yonaltirish haqida .
Yonaltirish juda osson qiyin kodlarsiz Mahsus Yordamchi Sayt yordamida qilindi .
Videoga Like va Comment bildirib qollab yuborasiz degan umiddaman
Menimcha foydali boldi .
👍2
#KingsOfJs | JS forever ♾
HTML formadagi Malumotni EMAIL ga yonaltirish hech qanday qiyin kodlarsiz Osson usulda Bu videoda Saytdan yuborgan Xabarlarni EMAIL ga yonaltirish haqida . Yonaltirish juda osson qiyin kodlarsiz Mahsus Yordamchi Sayt yordamida qilindi . Videoga Like va…
Videoni kimdir qiziqib ko`rib sinab ko`rdimi
Foydali bo`ldimi #comment 🧐
Foydali bo`ldimi #comment 🧐
😁5