Hi! My name is Mostafa Hossain (Tuhin), and I develop web applications for creativity and work.
For security reasons, many users disable JavaScript in their browsers. I often create small documentation websites where easy navigation and often offline functionality are crucial, and without scripting and back-end this is no easy task. So, I decided to gather all my experience in creating interactive websites without JS in one place.
I've observed that many developers rely too heavily on JavaScript when creating interfaces and often implement functionality that is already available in HTML and CSS without additional scripting. CSS has evolved significantly over the past 20 years and is no longer just a tool for designers. It now has a wealth of functionality that can do a lot.
Bold (serif):
𝐖𝐡𝐲 𝐌𝐨𝐬𝐪𝐮𝐢𝐭𝐨 𝐢𝐬 𝐓𝐡𝐞 𝐒𝐲𝐫𝐢𝐧𝐠𝐞 𝐨𝐟 𝐆𝐎𝐃?
Bold (sans):
𝗪𝗵𝘆 𝗠𝗼𝘀𝗾𝘂𝗶𝘁𝗼 𝗶𝘀 𝗧𝗵𝗲 𝗦𝘆𝗿𝗶𝗻𝗴𝗲 𝗼𝗳 𝗚𝗢𝗗?
Italic Bold (serif):
𝑾𝒉𝒚 𝑴𝒐𝒔𝒒𝒖𝒊𝒕𝒐 𝒊𝒔 𝑻𝒉𝒆 𝑺𝒚𝒓𝒊𝒏𝒈𝒆 𝒐𝒇 𝑮𝑶𝑫?
Italic Bold (sans):
𝙒𝙝𝙮 𝙈𝙤𝙨𝙦𝙪𝙞𝙩𝙤 𝙞𝙨 𝙏𝙝𝙚 𝙎𝙮𝙧𝙞𝙣𝙜𝙚 𝙤𝙛 𝙂𝙊𝘿?
Medieval Bold:
𝖂𝖍𝖞 𝕸𝖔𝖘𝖖𝖚𝖎𝖙𝖔 𝖎𝖘 𝕿𝖍𝖊 𝕾𝖞𝖗𝖎𝖓𝖌𝖊 𝖔𝖋 𝕲𝕺𝕯?
Double-Struck:
𝕎𝕙𝕪 𝕄𝕠𝕤𝕢𝕦𝕚𝕥𝕠 𝕚𝕤 𝕋𝕙𝕖 𝕊𝕪𝕣𝕚𝕟𝕘𝕖 𝕠𝕗 𝔾𝕆𝔻?
Blocks:
🆆🅷🆈 🅼🅾🆂🆀🆄🅸🆃🅾 🅸🆂 🆃🅷🅴 🆂🆈🆁🅸🅽🅶🅴 🅾🅵 🅶🅾🅳?
↓ᵐᵒʳᵉ ᵗᵉˣᵗ ᶠᵒⁿᵗˢ↓
🇼🇭🇾 🇲🇴🇸🇶🇺🇮🇹🇴 🇮🇸 🇹🇭🇪 🇸🇾🇷🇮🇳🇬🇪 🇴🇫 🇬🇴🇩?
山卄ㄚ 爪ㄖ丂Ɋㄩ丨ㄒㄖ 丨丂 ㄒ卄乇 丂ㄚ尺丨几Ꮆ乇 ㄖ千 Ꮆㄖᗪ?
Wんリ ᄊの丂ゐひノイの ノ丂 イん乇 丂リ尺ノ刀ム乇 のキ ムのり?
山廾と 冊回己甲凵工卞回 工己 卞廾ヨ 己と尺工几呂ヨ 回乍 呂回句?
Why Mosquito is The Syringe of GOD? 援鉛億媛 ド ゾヶ
Why░Mosquito░is░The░Syringe░of░G♢D? (援鉛億媛 ド ゾヶ)
【Why Mosquito is The Syringe of GOD?】
𝔚𝔥𝔶 𝔐𝔬𝔰𝔮𝔲𝔦𝔱𝔬 𝔦𝔰 𝔗𝔥𝔢 𝔖𝔶𝔯𝔦𝔫𝔤𝔢 𝔬𝔣 𝔊𝔒𝔇?
𝖂𝖍𝖞 𝕸𝖔𝖘𝖖𝖚𝖎𝖙𝖔 𝖎𝖘 𝕿𝖍𝖊 𝕾𝖞𝖗𝖎𝖓𝖌𝖊 𝖔𝖋 𝕲𝕺𝕯?
♝🍔 ώĦy ᗰO𝐬ợùĮтO 𝐢ş 𝕋𝐇є 𝓈¥𝔯iήǤ𝔢 ⓞ𝔣 ⓖ𝐎ᗪ? ☹💎
𝓦𝓱𝔂 𝓜𝓸𝓼𝓺𝓾𝓲𝓽𝓸 𝓲𝓼 𝓣𝓱𝓮 𝓢𝔂𝓻𝓲𝓷𝓰𝓮 𝓸𝓯 𝓖𝓞𝓓?
𝒲𝒽𝓎 𝑀𝑜𝓈𝓆𝓊𝒾𝓉𝑜 𝒾𝓈 𝒯𝒽𝑒 𝒮𝓎𝓇𝒾𝓃𝑔𝑒 𝑜𝒻 𝒢𝒪𝒟?
𝕎𝕙𝕪 𝕄𝕠𝕤𝕢𝕦𝕚𝕥𝕠 𝕚𝕤 𝕋𝕙𝕖 𝕊𝕪𝕣𝕚𝕟𝕘𝕖 𝕠𝕗 𝔾𝕆𝔻?
Why Mosquito is The Syringe of GOD?
✷ 🎀 𝒲𝒽𝓎 𝑀🌺𝓈𝓆𝓊𝒾𝓉♡ 𝒾𝓈 𝒯𝒽𝑒 𝒮𝓎𝓇𝒾𝓃𝑔𝑒 ♡𝒻 𝒢🍑𝒟¿ 🎀 ✷
ᴡʜʏ ᴍᴏꜱQᴜɪᴛᴏ ɪꜱ ᴛʜᴇ ꜱʏʀɪɴɢᴇ ᴏꜰ ɢᴏᴅ?
¿ᗡO⅁ ɟo ǝɓuıɹʎS ǝɥ⊥ sı oʇınbsoW ʎɥM
W⃣ h⃣ y⃣ M⃣ o⃣ s⃣ q⃣ u⃣ i⃣ t⃣ o⃣ i⃣ s⃣ T⃣ h⃣ e⃣ S⃣ y⃣ r⃣ i⃣ n⃣ g⃣ e⃣ o⃣ f⃣ G⃣ O⃣ D⃣ ?⃣
W⃞ h⃞ y⃞ M⃞ o⃞ s⃞ q⃞ u⃞ i⃞ t⃞ o⃞ i⃞ s⃞ T⃞ h⃞ e⃞ S⃞ y⃞ r⃞ i⃞ n⃞ g⃞ e⃞ o⃞ f⃞ G⃞ O⃞ D⃞ ?⃞
🅆🄷🅈 🄼🄾🅂🅀🅄🄸🅃🄾 🄸🅂 🅃🄷🄴 🅂🅈🅁🄸🄽🄶🄴 🄾🄵 🄶🄾🄳?
⸮ᗡOᎮ Ꮈo ɘǫᴎiɿʏꙄ ɘʜT ꙅi oƚiupꙅoM ʏʜW
Ẁ̵̲͗͂̈́͂̊h̸͚̭̙͐̐̈́͑́̐ẙ̸͉̇̌̆͑́̑́̋̚ ̸̞̱̣̼̒̀̾͌ͅM̴̨̝͒́̅͒͆ǫ̸̤̘͍̙̱̥́̂͐͐̓͌̚͝͝ͅș̸͈̤͂̈́́̏̿̀̄ͅq̸̢̰̜͐̃͋̊͠͠u̵̢̪͓̘͎͖͂̈́̄̌͝î̸̡͙͎͈̲̮͓͈̓̾ṫ̶̰̰̱̼͔͇̼̔o̸̙̊̓̀̕͝ ̴̨͕͇͕̎̅͌̿͘ì̷̡̭̪̣̣͍͇̦͇͐͌̈͛s̴̫̙̩̘̟̥̗͚̄̾̋͌́͊̓ ̷̦̣̿T̸͉̐͗̓h̵̨̨̜̯̦̜̺͌͊͗̆̐̿̌ȩ̵̳̫̻̥͂͊̊̿̅̄͘͝ ̵͈̳̝̖̼̈́͒́̓̕Ş̴͈̗̩̲̝̽͂ÿ̷̲́̎͆̀r̶̯͓̖̭͇̽͋͋̀̐̀̄̒͝i̵͎̤̙̹̞̫̬͈͂̄̇̌̐̄̌͌͘͜ñ̸̡̩̳̑͂͆̿̄͌́̓ğ̷̗̠̹̼̠͂͑ë̶̡̥͔͕́̀̍̎̔̚ͅ ̴̨̜̞̞̆͗̑̽͛o̸̧͍͍̖̘̠͍̊̔͜f̴͕͕͍̀́̀͗͒̉̚ ̶̧̦̟͙͕̰̞̦́͐́̏̕͝Ģ̴̘͙̬͚̗͔͈̣́̓́̅̋̊͗̀́O̴͚̪͉̤̩͚͚̫͇͋̏̉̀͗̆̏̓͘D̵̨̺̠̺̐̅̉͗̽͂̈̚?̴̦͇̦̥͓̝͈͎̎̏́͝
Wₕy ₘₒₛqᵤᵢₜₒ ᵢₛ ₜₕₑ ₛyᵣᵢₙgₑ ₒf GₒD?
ᵂʰʸ ᴹᵒˢqᵘⁱᵗᵒ ⁱˢ ᵀʰᵉ ˢʸʳⁱⁿᵍᵉ ᵒᶠ ᴳᴼᴰ?
Ⓦⓗⓨ Ⓜⓞⓢⓠⓤⓘⓣⓞ ⓘⓢ Ⓣⓗⓔ Ⓢⓨⓡⓘⓝⓖⓔ ⓞⓕ ⒼⓄⒹ ?⃝
ฬђץ ๓๏รợยเՇ๏ เร Շђє รץгเภﻮє ๏Ŧ ﻮ๏๔?
Wԋყ Mσʂϙυιƚσ ιʂ Tԋҽ Sყɾιɳɠҽ σϝ GOD?
աɦʏ ʍօֆզʊɨȶօ ɨֆ ȶɦɛ ֆʏʀɨռɢɛ օʄ ɢօɖ?
ᏇᏂᎩ ᎷᎧᏕᎤᏬᎥᏖᎧ ᎥᏕ ᏖᏂᏋ ᏕᎩᏒᎥᏁᎶᏋ ᎧᎦ ᎶᎧᎴ?
ῳɧყ ɱơʂզųıɬơ ıʂ ɬɧɛ ʂყཞıŋɠɛ ơʄ ɠơɖ?
ຟhฯ ๓໐Ş๑นit໐ iŞ thē Şฯriຖງē ໐f ງ໐໓?
𝐖𝐡𝐲 𝐌𝐨𝐬𝐪𝐮𝐢𝐭𝐨 𝐢𝐬 𝐓𝐡𝐞 𝐒𝐲𝐫𝐢𝐧𝐠𝐞 𝐨𝐟 𝐆𝐎𝐃?
𝘞𝘩𝘺 𝘔𝘰𝘴𝘲𝘶𝘪𝘵𝘰 𝘪𝘴 𝘛𝘩𝘦 𝘚𝘺𝘳𝘪𝘯𝘨𝘦 𝘰𝘧 𝘎𝘖𝘋?
𝙒𝙝𝙮 𝙈𝙤𝙨𝙦𝙪𝙞𝙩𝙤 𝙞𝙨 𝙏𝙝𝙚 𝙎𝙮𝙧𝙞𝙣𝙜𝙚 𝙤𝙛 𝙂𝙊𝘿?
𝚆𝚑𝚢 𝙼𝚘𝚜𝚚𝚞𝚒𝚝𝚘 𝚒𝚜 𝚃𝚑𝚎 𝚂𝚢𝚛𝚒𝚗𝚐𝚎 𝚘𝚏 𝙶𝙾𝙳?
ЩΉY MӨƧQЦIƬӨ IƧ ƬΉΣ ƧYЯIПGΣ ӨF GӨD?
ωну мσѕqυιтσ ιѕ тнє ѕуяιηgє σƒ gσ∂?
Wh¥ Mð§qµï†ð ï§ †hê §¥rïñgê ð£ GÖÐ?
₩ⱧɎ ₥Ø₴QɄł₮Ø ł₴ ₮ⱧɆ ₴ɎⱤł₦₲Ɇ Ø₣ ₲ØĐ?
【W】【h】【y】 【M】【o】【s】【q】【u】【i】【t】【o】 【i】【s】 【T】【h】【e】 【S】【y】【r】【i】【n】【g】【e】 【o】【f】 【G】【O】【D】【?】
『W』『h』『y』 『M』『o』『s』『q』『u』『i』『t』『o』 『i』『s』 『T』『h』『e』 『S』『y』『r』『i』『n』『g』『e』 『o』『f』 『G』『O』『D』『?』
≋W≋h≋y≋ ≋M≋o≋s≋q≋u≋i≋t≋o≋ ≋i≋s≋ ≋T≋h≋e≋ ≋S≋y≋r≋i≋n≋g≋e≋ ≋o≋f≋ ≋G≋O≋D≋?≋
░W░h░y░ ░M░o░s░q░u░i░t░o░ ░i░s░ ░T░h░e░ ░S░y░r░i░n░g░e░ ░o░f░ ░G░O░D░?░
(っ◔◡◔)っ ♥ Why Mosquito is The Syringe of GOD? ♥
˜”*°•.˜”*°• Why Mosquito is The Syringe of GOD? •°*”˜.•°*”˜
[̲̅W][̲̅h][̲̅y] [̲̅M][̲̅o][̲̅s][̲̅q][̲̅u][̲̅i][̲̅t][̲̅o] [̲̅i][̲̅s] [̲̅T][̲̅h][̲̅e] [̲̅S][̲̅y][̲̅r][̲̅i][̲̅n][̲̅g][̲̅e] [̲̅o][̲̅f] [̲̅G][̲̅O][̲̅D][̲̅?]
W҉h҉y҉ ҉M҉o҉s҉q҉u҉i҉t҉o҉ ҉i҉s҉ ҉T҉h҉e҉ ҉S҉y҉r҉i҉n҉g҉e҉ ҉o҉f҉ ҉G҉O҉D҉?҉
చհվ Ɱօʂզմìէօ ìʂ Ͳհҽ Ϛվɾìղցҽ օƒ ƓටᎠ?
ᗯᕼY ᗰOᔕᑫᑌITO Iᔕ TᕼE ᔕYᖇIᑎGE Oᖴ GOᗪ?
ᘺᕼᖻ ᘻᓍSᕴᑘᓰᖶᓍ ᓰS ᖶᕼᘿ Sᖻᖇᓰᘉᘜᘿ ᓍᖴ ᘜᓍᕲ?
W̶h̶y̶ ̶M̶o̶s̶q̶u̶i̶t̶o̶ ̶i̶s̶ ̶T̶h̶e̶ ̶S̶y̶r̶i̶n̶g̶e̶ ̶o̶f̶ ̶G̶O̶D̶?̶
W̴h̴y̴ ̴M̴o̴s̴q̴u̴i̴t̴o̴ ̴i̴s̴ ̴T̴h̴e̴ ̴S̴y̴r̴i̴n̴g̴e̴ ̴o̴f̴ ̴G̴O̴D̴?̴
W̷h̷y̷ ̷M̷o̷s̷q̷u̷i̷t̷o̷ ̷i̷s̷ ̷T̷h̷e̷ ̷S̷y̷r̷i̷n̷g̷e̷ ̷o̷f̷ ̷G̷O̷D̷?̷
W̲h̲y̲ ̲M̲o̲s̲q̲u̲i̲t̲o̲ ̲i̲s̲ ̲T̲h̲e̲ ̲S̲y̲r̲i̲n̲g̲e̲ ̲o̲f̲ ̲G̲O̲D̲?̲
W̳h̳y̳ ̳M̳o̳s̳q̳u̳i̳t̳o̳ ̳i̳s̳ ̳T̳h̳e̳ ̳S̳y̳r̳i̳n̳g̳e̳ ̳o̳f̳ ̳G̳O̳D̳?̳
W̾h̾y̾ ̾M̾o̾s̾q̾u̾i̾t̾o̾ ̾i̾s̾ ̾T̾h̾e̾ ̾S̾y̾r̾i̾n̾g̾e̾ ̾o̾f̾ ̾G̾O̾D̾?̾
W♥h♥y♥ ♥M♥o♥s♥q♥u♥i♥t♥o♥ ♥i♥s♥ ♥T♥h♥e♥ ♥S♥y♥r♥i♥n♥g♥e♥ ♥o♥f♥ ♥G♥O♥D♥?
W͎h͎y͎ ͎M͎o͎s͎q͎u͎i͎t͎o͎ ͎i͎s͎ ͎T͎h͎e͎ ͎S͎y͎r͎i͎n͎g͎e͎ ͎o͎f͎ ͎G͎O͎D͎?͎
W͓̽h͓̽y͓̽ ͓̽M͓̽o͓̽s͓̽q͓̽u͓̽i͓̽t͓̽o͓̽ ͓̽i͓̽s͓̽ ͓̽T͓̽h͓̽e͓̽ ͓̽S͓̽y͓̽r͓̽i͓̽n͓̽g͓̽e͓̽ ͓̽o͓̽f͓̽ ͓̽G͓̽O͓̽D͓̽?͓̽
Wingdings: 🕈︎♒︎⍓︎ 💣︎□︎⬧︎❑︎◆︎♓︎⧫︎□︎ ♓︎⬧︎ ❄︎♒︎♏︎ 💧︎⍓︎❒︎♓︎■︎♑︎♏︎ □︎♐︎ ☝︎⚐︎👎︎✍︎
(¯´•._.• 🎀 𝒲𝒽𝓎 𝑀❤𝓈𝓆𝓊𝒾𝓉🌸 𝒾𝓈 𝒯𝒽𝑒 𝒮𝓎𝓇𝒾𝓃𝑔𝑒 🏵𝒻 𝒢🌺𝒟? 🎀 •._.•´¯(
✩✧ 🎀 𝒲𝒽𝓎 𝑀🌸𝓈𝓆𝓊𝒾𝓉💙 𝒾𝓈 𝒯𝒽𝑒 𝒮𝓎𝓇𝒾𝓃𝑔𝑒 ♡𝒻 𝒢♡𝒟? 🎀 ✧✩
ıllıllı 🎀 𝒲𝒽𝓎 𝑀🍬𝓈𝓆𝓊𝒾𝓉🍬 𝒾𝓈 𝒯𝒽𝑒 𝒮𝓎𝓇𝒾𝓃𝑔𝑒 ❀𝒻 𝒢💞𝒟¿ 🎀 ıllıllı
¤¸¸.•´¯`•¸¸.•..>> 🎀 𝒲𝒽𝓎 𝑀🍪𝓈𝓆𝓊𝒾𝓉☯ 𝒾𝓈 𝒯𝒽𝑒 𝒮𝓎𝓇𝒾𝓃𝑔𝑒 💮𝒻 𝒢🍪𝒟? 🎀 >>..•.¸¸•`¯´•.¸¸¤
🐼 ⋆ 🐥 🎀 𝒲𝒽𝓎 𝑀❤𝓈𝓆𝓊𝒾𝓉💍 𝒾𝓈 𝒯𝒽𝑒 𝒮𝓎𝓇𝒾𝓃𝑔𝑒 🌺𝒻 𝒢💗𝒟? 🎀 🐥 ⋆ 🐼
🏆♟ ω𝕙Ƴ ᵐσ𝕤qǗI𝕥ㄖ 𝐢𝕤 ţђⓔ 丂YŘ𝕀𝐍gᵉ Øf ﻮ𝓸Ď? 😲🍓
🐲💎 𝕎Ħ𝐘 𝓂ỖŜ𝓠uᶤTO 𝔦𝕊 ᵗнⒺ 𝓢ʸʳI𝐍Ⓖ𝕖 Ⓞᶠ 𝓖oⒹ? 😺♤
🐨💗 𝔴𝔥ץ 𝓶𝔬ᔕ𝐪u𝕀Ťㄖ ⓘ𝕤 𝕋ᕼᗴ ᔕ𝐲Ⓡⓘ几𝕘𝓔 O𝒻 ⓖㄖ∂? ♞💎
🎁✋ Ŵⓗч 𝓶๏ѕ𝐐ᵘ𝒾tσ ιŞ tℍ𝔼 ŞЎrιᑎĞẸ ᵒᶠ 𝑔𝕆𝓭? ♛☹
╰☆☆ ᗯℍʸ ᗰⓄ丂q𝓤𝕚𝕥ό Į𝕊 ᵗнE Ŝ𝕐𝓡ĮηG乇 𝕠𝔽 ᎶO𝔡? ☆☆╮
(¯´•._.• ʷ𝔥ץ 𝔪σⓢⓆỮιⓣⓄ 𝒾Ş 𝐭н𝕖 𝕤ʸʳᶤᑎģⒺ σ千 𝓰Ỗ𝓭? •._.•´¯)
♝🍪 ฬнү 爪𝕆𝕊𝓆υ𝐈Ť𝕆 𝐢丂 𝕥𝐇Ⓔ ร𝔶я𝕚nⓖⒺ Ⓞ𝕗 قㄖĐ? 🎀☆
😡♛ Ŵʰү 𝕄Ỗ𝕊𝐐Ữ丨ⓣ𝐎 i丂 ⓉH𝔢 ѕYʳเภ𝔾є o千 𝔤𝐨๔? 🐠☢
🐉🐧 ฬ𝕙Ⓨ ⓜσsⓆυ𝒾t𝕆 𝔦𝓢 тʰ𝔼 şY𝓻𝓘nĞέ ᗝ𝔣 Ꮆ𝓸∂? ♚🏆
♗✊ 𝐰𝓗Ƴ 𝕞ᵒşqυI𝐭𝕆 Įѕ 丅𝐇ⓔ S𝔶𝓇ƗNĞ𝑒 Ỗ𝒻 ق𝐎𝕕? ♩🔥
╚»★«╝ ฬ𝔥ץ 爪𝕠SợU𝓘𝕥𝔬 ι𝓼 тⓗᗴ Şүʳ𝕚ηﻮE 𝔬Ƒ Ꮆᵒđ? ╚»★«╝
▀▄▀▄▀▄ 𝓌𝓱𝐘 𝐌𝐨ˢ𝐪𝐔𝔦𝓣ㄖ ⓘѕ 𝓉𝓗乇 ˢY尺iNᵍє ㄖ𝓕 gỖ𝓭? ▄▀▄▀▄▀
☮ඏ 𝐰ᕼy 𝓂OSq𝐮Ɨ𝕋ᵒ 𝔦𝔰 𝐭𝕙e SץгᶤηقⒺ σƒ gỖ𝓓? ♦🐟
🐠🐝 ω𝕙ⓨ 𝓜𝔬ş𝓆ⓤⒾ丅Ø iŜ 𝕋Ħ𝔢 Ŝуг𝕚ᑎǤᗴ 𝕆ғ GO𝔡? ♛🍬
🐲✌ ʷ𝔥𝔶 𝓂ØᔕɊ𝓤Ɨţ𝓞 ίs ţħⒺ 𝐒𝕐𝔯ⒾNgє ๏ⓕ ģỖ𝐝? 👤💚
♕💀 山𝒽𝐘 ϻᗝs𝓆𝓾𝔦tᵒ 𝕚𝓢 tħ𝐞 ร𝐘Řί𝓝Ǥє 𝑜ғ ⓖØĎ? ★☹
☮🐠 山ⓗy Ⓜㄖ𝕊𝔮𝐔𝓘𝕋ᵒ ιⓢ 𝓽𝓗Ⓔ ѕץʳ𝐈𝓝gᗴ ᗝf gØD? 👌🎁
🐲🎯 ฬⓗч ⓜ๏sQ𝐮𝕚ⓣ𝓞 ⒾŞ ŦⓗE 𝓼𝓎RĮn𝓖є ⓄŦ g𝑜𝓓? ☝🐚
✊♥ 𝕎𝐡у 𝕞ㄖ𝕤ⓠ𝐮𝐢𝕋Ⓞ Ⓘร 𝐓ᕼέ ร𝐲г𝓲𝐍g𝑒 OƑ gσd? 🍬☹
🍫🎉 𝓌Ħy м𝕠ѕq𝕌𝕀𝕋𝕠 I𝐒 tђ𝐞 𝔰ⓨŕ𝕚几𝕘€ ๏Ƒ g𝓞∂? ♖😎
✌🐠 WĤy 𝔪𝑜𝐒q𝔲Ꭵ𝐭𝑜 ⓘs тʰ𝔢 Ⓢ𝓎гĮήⓖe o𝕗 ق𝐎𝒹? 💲🐧
🍰 🎀 𝒲𝒽𝓎 𝑀🍑𝓈𝓆𝓊𝒾𝓉🌸 𝒾𝓈 𝒯𝒽𝑒 𝒮𝓎𝓇𝒾𝓃𝑔𝑒 🍪𝒻 𝒢❀𝒟¿ 🎀 🍰
✩⋆ 🎀 𝒲𝒽𝓎 𝑀❀𝓈𝓆𝓊𝒾𝓉💞 𝒾𝓈 𝒯𝒽𝑒 𝒮𝓎𝓇𝒾𝓃𝑔𝑒 💞𝒻 𝒢♡𝒟? 🎀 ⋆✩
🍌 🎀 𝒲𝒽𝓎 𝑀🍪𝓈𝓆𝓊𝒾𝓉♡ 𝒾𝓈 𝒯𝒽𝑒 𝒮𝓎𝓇𝒾𝓃𝑔𝑒 💙𝒻 𝒢💗𝒟? 🎀 🍌
'That's why mosquito is the Syringe of GOD'
Homosapiens form Doctors & Nurses collect blood from METAL Syringe, And GOD collect data from mosquito.
"Now I understand Why Mosquito mans life style is below average than BATMAN, Spider-Man, Ant Man, Aqua Man, JOKER, Two Faces, Wonder Woman, Witch, Sluts, HULK, Every character is important"."
From AVATAR to Matrix, Terminator to Inception, AI to Interstellar GRAVITY,
We need to establish no king rules, Democracy, Presidendial Government, Member of parliament, Motherf**king Dirty Politics!
There is some different parameter perspectives... You are not a HINDU, Christian, Buddha, Muslim, Atheist, Disbeliever!
from Cosmology ... to Astrophysics,,,
my favorite chord
D minor 7th scale
.....
.....
Who has the most nuclear weapons?
Russia has the most confirmed nuclear weapons, with over 5,500 nuclear warheads. The United States follows behind with 5,044 nuclear weapons, hosted in the US and 5 other nations: Turkey, Italy, Belgium, Germany and the Netherlands. Total nuclear warheads owned by these 2 countries alone counts for nearly 90% of nuclear weapons in the world.
Total number of warheads for North Korea and Israel is unconfirmed. However, it has been estimated that North Korea has enough fissile material to develop between 40-50 individual weapons, while Israel has material for up to 200, with an estimated 90 existing warheads.
What does these countries having nuclear weapons mean?
A single nuclear warhead could kill hundreds of thousands of people, with lasting and devastating humanitarian and environmental consequences. Detonating just 1 nuclear weapon alone over New York would cause an estimated 583,160 fatalities.
Combined, China, France, India, Israel, North Korea, Pakistan, Russia, United Kingdom and the United States possess over 12,300 nuclear weapons, most of which are many times more powerful than the nuclear weapon dropped on Hiroshima. Thirty-two other states are also part of the problem, with six nations hosting nuclear weapons, and a further 28 endorsing their use.
Tactical nuclear weapons
A tactical nuclear weapon is any weapon that’s not been classified as “strategic” under US- Russian arms control agreements. The Federation of American Scientists currently estimates Russian non-strategic nuclear warheads at 1,912, and U.S. non-strategic warheads at 200, including 100 deployed in five European countries. While these are often framed as “smaller” or “low yield” nuclear weapons, these warheads can have explosive yields of up to 300 kilotons, or 20 times that of the bomb that destroyed Hiroshima.
Reptiles, as commonly defined, are tetrapod vertebrate animals with an ectothermic metabolism and amniotic development. Reptiles traditionally comprise four orders: Testudines, Crocodilia, Squamata and Rhynchocephalia, with about 12,000 extant species listed in the Reptile Database.
পিএইচপি ত্রুটি কী, বিশ্বের বহু ওয়েবসাইট একসঙ্গে বন্ধ হলো কেন?
২১ অক্টোবর, বুধবার। বিশ্বের বিভিন্ন দেশের সরকারি ও বেসরকারি প্রতিষ্ঠানের ওয়েবসাইটে দেখা দিল অস্বাভাবিক অচলাবস্থা। বাংলাদেশসহ জার্মানি, ফ্রান্স, ফিনল্যান্ড, নেদারল্যান্ডস, বেলজিয়াম ও চেক প্রজাতন্ত্রের একাধিক সরকারি ওয়েবসাইট সাময়িকভাবে বন্ধ করে দেওয়া হলো। জাপানের বিভিন্ন সরকারি প্রতিষ্ঠান ও আর্থিক সংস্থাও কিছু অনলাইন সেবা সীমিত করল। যুক্তরাজ্যের বিবিসি বন্ধ রাখল কয়েকটি ওয়েব পোর্টাল। উইকিপিডিয়ার পরিচালনাকারী উইকিমিডিয়া ফাউন্ডেশনও নিরাপত্তার স্বার্থে নিজেদের কয়েকটি সিস্টেম সাময়িকভাবে নামিয়ে নিল। বাংলাদেশেও এর বাইরে রইলো না। নিরাপত্তা শঙ্কায় ভূমিসেবার সরকারি ওয়েবসাইটসহ বাংলাদেশ ব্যাংক, সরকারি ও বেসরকারি কয়েকটি ব্যাংক, বেসরকারি হাসপাতালসহ বিভিন্ন প্রতিষ্ঠানের ওয়েবসাইট ডাউন করে রাখা হলো। কোথাও পুরো ওয়েবসাইট বন্ধ, কোথাও কেবল কিছু সেবা বন্ধ রাখা হলো। এসবের পেছনে ছিল একটি অভিন্ন কারণ—পিএইচপি নামে বহুল ব্যবহৃত প্রোগ্রামিং ভাষার দুটি গুরুতর নিরাপত্তা ত্রুটি।
বিষয়টি এমন নয় যে হ্যাকাররা এর মধ্যেই এসব প্রতিষ্ঠানের সব ওয়েবসাইটে ঢুকে পড়েছিল। অনেক ক্ষেত্রেই ওয়েবসাইটগুলো সতর্কতামূলক ব্যবস্থা হিসেবে বন্ধ রাখা হয়েছিল। কারণ, ত্রুটি দুটির সুযোগ নিয়ে আক্রমণকারীরা চাইলে সার্ভারে নিজেদের কোড চালাতে পারত। পরিস্থিতির গুরুত্ব বিবেচনায় যুক্তরাষ্ট্রের ন্যাশনাল সিকিউরিটি এজেন্সি এবং যুক্তরাজ্যের ন্যাশনাল সাইবার সিকিউরিটি সেন্টার দ্রুত নিরাপত্তা হালনাগাদের পরামর্শ দেয়। যেসব সিস্টেম দ্রুত নিরাপদ করা সম্ভব নয়, সেগুলো সাময়িকভাবে অফলাইনে রাখার সুপারিশও করা হয়।
কিন্তু একটি প্রোগ্রামিং ভাষার ত্রুটির কারণে এত প্রতিষ্ঠানের ওয়েবসাইট একসঙ্গে বন্ধ রাখতে হবে কেন? উত্তর লুকিয়ে আছে আধুনিক ইন্টারনেটের অবকাঠামোয়।
অনেক ক্ষেত্রেই ওয়েবসাইটগুলো সতর্কতামূলক ব্যবস্থা হিসেবে বন্ধ রাখা হয়েছিল। কারণ, ত্রুটি দুটির সুযোগ নিয়ে আক্রমণকারীরা চাইলে সার্ভারে নিজেদের কোড চালাতে পারত।
পিএইচপির পূর্ণরূপ PHP: Hypertext Preprocessor। নব্বইয়ের দশকে যাত্রা শুরু করা এই ওপেনসোর্স প্রোগ্রামিং ভাষা মূলত ওয়েব সার্ভারে কাজ করে। আমরা যখন কোনো ওয়েবসাইটে প্রবেশ করি, তখন সার্ভারের পিএইচপি কোড প্রয়োজনীয় তথ্য সংগ্রহ করে, ডেটাবেজের সঙ্গে যোগাযোগ করে এবং সেই তথ্যের ভিত্তিতে ওয়েবপেজ তৈরি করতে সাহায্য করে। ব্রাউজারে শেষ পর্যন্ত যে পেজটি দেখা যায়, তার পেছনে আমাদের অজান্তেই অনেক সময় পিএইচপির কাজ থাকে।
ওয়ার্ডপ্রেস, ড্রুপাল, জুমলা এবং উইকিপিডিয়ার পেছনে থাকা মিডিয়াউইকির মতো জনপ্রিয় প্ল্যাটফর্মগুলো পিএইচপির ওপর নির্ভরশীল। ক্লাউড নিরাপত্তা প্রতিষ্ঠান উইজের হিসাব অনুযায়ী, বিশ্বের প্রায় ৭০ শতাংশ ওয়েবসাইট কোনো না কোনোভাবে এই ভাষা ব্যবহার করে। তবে ওয়েবসাইটের ব্যবহার ও পরিমাপের পদ্ধতি অনুযায়ী এই হিসাবের তারতম্য রয়েছে।
যেমন নেটক্রাফটের সক্রিয় ওয়েবসাইটবিষয়ক জরিপে সংখ্যাটি প্রায় অর্ধেক। তবে হিসাব যা-ই হোক, পিএইচপি যে ইন্টারনেটের গুরুত্বপূর্ণ ভিত্তিগুলোর একটি, তাতে কোনো সন্দেহ নেই। এই ভিত্তির কোনো দুর্বলতা তাই অসংখ্য ওয়েবসাইটকে একসঙ্গে বিশাল ঝুঁকিতে ফেলতে পারে।
এবারের ত্রুটিগুলোকে একসঙ্গে বলা হচ্ছে ‘পিএইচপি-টু-শেল’। এগুলো মূলত পিএইচপির মূল ইঞ্জিনে থাকা মেমোরি ব্যবস্থাপনার সমস্যা। নিরাপত্তা ত্রুটি দুটি শনাক্ত করা হয়েছে CVE-2026-109618 ও CVE-2026-109619 নামে। দুটি ত্রুটিই গুরুতর হিসেবে চিহ্নিত; প্রতিটির নিরাপত্তা স্কোর CVSS v4.0 অনুযায়ী ৯.২।১০-এর মধ্যে ৯.২। অর্থাৎ মারাত্মক বিপদজনক
আমরা যখন কোনো ওয়েবসাইটে প্রবেশ করি, তখন সার্ভারের পিএইচপি কোড প্রয়োজনীয় তথ্য সংগ্রহ করে, ডেটাবেজের সঙ্গে যোগাযোগ করে এবং সেই তথ্যের ভিত্তিতে ওয়েবপেজ তৈরিতে সাহায্য করে।
সহজ করে বললে, সফটওয়্যার যখন কাজ করার জন্য কম্পিউটারের মেমোরি ব্যবহার করে, তখন কোন তথ্য কোথায় রাখা আছে এবং কখন সেই মেমোরি ছেড়ে দিতে হবে, তা ঠিকভাবে সামলানো অত্যন্ত জরুরি। প্রথম ত্রুটিতে মেমোরির অভাব বা আউট অব মেমোরি পরিস্থিতি তৈরি হলে পিএইচপির অভ্যন্তরীণ তথ্যের স্টেট বা অবস্থা নষ্ট হয়ে যেতে পারে। আর দ্বিতীয় ত্রুটিতে মেমোরি ছেড়ে দেওয়ার পরও পুরোনো তথ্যের কিছু স্টেট থেকে যাওয়ার ঝুঁকি তৈরি হয়। পরে সার্ভার সেই পুরোনো স্টেটকে ভুল করে ব্যবহার করলে নিরাপত্তার মারাত্মক সমস্যা তৈরি হতে পারে। প্রোগ্রামিংয়ের ভাষায় এ ধরনের ত্রুটির একটি পরিচিত নাম হলো ‘ইউজ-আফটার-ফ্রি’।
এসব ত্রুটি কাজে লাগিয়ে একজন আক্রমণকারী কোনো অ্যাকাউন্টে প্রবেশ না করেই বিশেষভাবে তৈরি করা অনুরোধ পাঠিয়ে আক্রান্ত সার্ভারে নিজের কোড চালাতে পারে। সেই কোড কী করতে পারবে, তা সার্ভারের অনুমতি ও কনফিগারেশনের ওপরও নির্ভর করে। তবে সম্ভাব্য ক্ষতির মধ্যে রয়েছে গোপনীয় তথ্য পড়ে ফেলা, ওয়েবসাইটের ফাইল পরিবর্তন, তথ্য চুরি কিংবা সার্ভারের সম্পূর্ণ নিয়ন্ত্রণ নেওয়া। এমনকি পিএইচপি প্রক্রিয়ার মেমোরিতে থাকা পাসওয়ার্ড, পরিচয় যাচাইয়ের টোকেন বা এপিআই কি-ও ঝুঁকিতে পড়তে পারে। বিশেষভাবে উদ্বেগের বিষয় হলো, ত্রুটিটি কোনো নির্দিষ্ট ওয়েবসাইটের কোডে নয়, বরং পিএইচপির মূল সফটওয়্যারে। ফলে কোনো ওয়েবসাইটের নিজস্ব কোড ঠিক থাকলেও সার্ভারে চলা পিএইচপির সংস্করণটি ঝুঁকিপূর্ণ হলে সেটি সহজে আক্রান্ত হতে পারে।
সার্ভার সেই পুরোনো অবস্থাকে ভুল করে ব্যবহার করলে নিরাপত্তার মারাত্মক সমস্যা তৈরি হতে পারে। প্রোগ্রামিংয়ের ভাষায় এ ধরনের ত্রুটির একটি পরিচিত নাম হলো ইউজ-আফটার-ফ্রি।
ত্রুটি খুঁজে পাওয়ার গল্পটিও বেশ চমকপ্রদ। কারণ, এতে কৃত্রিম বুদ্ধিমত্তা বা এআইয়ের উল্লেখযোগ্য ভূমিকা ছিল। নিরাপত্তা গবেষকেরা পিএইচপির কোড পরীক্ষা করে এমন এক দুর্বলতা শনাক্ত করেছেন, যা এক দশকেরও বেশি সময় ধরে চোখের আড়ালে থেকে গিয়েছিল। উইজের গবেষকেরা জানিয়েছেন, ২০২৬ সালের ১৯ আগস্ট তাঁরা এআইয়ের সহায়তায় প্রথম ত্রুটিটি শনাক্ত করেন। এরপর ২৪ আগস্ট পিএইচপির নিরাপত্তা দলের কাছে বিষয়টি জানান। গবেষণার সময় তাঁরা উইজ অ্যাটলাস, গুগলের জেমিনি ৪ আর্গন এবং ওপেনএআইয়ের জিপিটি-৫.৬ সল ব্যবহার করেন। একই সময়ে ক্যালিফ নামে আরেকটি নিরাপত্তা গবেষণা প্রতিষ্ঠানও এআই-সহায়তায় পিএইচপির দুর্বলতা নিয়ে কাজ করছিল।
তবে এআই মুহূর্তের মধ্যে সবকিছু খুঁজে বের করে ফেলেছে—ঘটনাটি আসলে তেমন নয়। মেমোরির জটিল আচরণ বোঝা, একাধিক ত্রুটিকে মিলিয়ে কার্যকর আক্রমণ পদ্ধতি তৈরি করা এবং বিভিন্ন ওয়েব অ্যাপ্লিকেশনে তা পরীক্ষা করার জন্য গবেষকদের নিরলস কাজ করতে হয়েছে। এআই মূলত সেই কঠিন কাজের অনেকগুলো ধাপ সহজ করেছে। উইজের গবেষকেরা জানিয়েছেন, এআই মডেলের সাহায্যে তাঁরা এমন একটি আক্রমণ পদ্ধতি তৈরি করতে পেরেছেন, যার জন্য আগে দক্ষ গবেষকদের দীর্ঘ সময় ধরে কাজ করতে হতো। অর্থাৎ, পরিবর্তনটা শুধু ত্রুটি খুঁজে পাওয়ার গতিতে নয়; জটিল একটি ত্রুটিকে বাস্তবে কাজে লাগানোর বাধা কমে আসাতেও দেখা গেছে।কেন্দ্র করে সাইবার আক্রমণের পরিকল্পনাতেও ঝক্কি কমে গেছে অনেকখানি।
Using the :target pseudo-class, you can style elements of an HTML page using the URL hash (the part of the URL that follows the pound sign #).
তাই অনেক তরুণ সুরকার এখন এআইকে শত্রু না ভেবে নিজের সহযোগী বানিয়ে নিচ্ছেন। মাথায় কোনো সুরের আইডিয়া এলে তাঁরা এআই দিয়ে চটজলদি তার একটা ডেমো বা খসড়া বানিয়ে নিচ্ছেন। তারপর নিজের মেধা আর আবেগ দিয়ে সেটিকে আরও নিখুঁত করে তুলছেন। বিজ্ঞান ও প্রযুক্তির কাজ কিন্তু কেবল জটিল ল্যাবরেটরিতেই সীমাবদ্ধ নয়, তা আজ আমাদের সংস্কৃতি ও শিল্পচর্চার ভেতরেও প্রবেশ করেছে। যন্ত্র আমাদের শেখাচ্ছে কীভাবে দ্রুত কাজ করা যায়, কিন্তু মানুষ হিসেবে আমাদের আসল শক্তি হলো আমরা সেই কাজে ‘প্রাণ’ দিতে পারি। এআই হয়তো হাজারটা সুর তৈরি করতে পারবে, কিন্তু কোন সুরটা আমাদের হৃদয়ে গিয়ে দোলা দেবে, সেই অনুভূতিটুকু চিরকাল মানুষ হিসেবে আমাদেরই থেকে যাবে!
This method isn't suitable for large portals with a lot of content or user-generated content. It's primarily suitable for smaller informational sites like documentation, portfolios or landing pages.
The perspective and translateZ functions may work differently in different browsers and produce different effects when combined with other CSS properties.
CSS for overflow
/* styles for galleries */
.parallax_bg {
height: 256px;
width: 512px;
margin-bottom:512px;
overflow: hidden auto;
/* the Z depth parameter, which creates perspective within the element */
perspective: 2px;
}
.parallax_bg > .front {
/* Determines the depth of the element, which affects scroll speed */
transform: translateZ(0);
background: rgba(0,0,0,.2);
font-size:20px;
top: 25%;
width: 100%;
height: 50%;
position: absolute;
}
.parallax_bg > .back {
font-size:42px;
background:#AAF;
/* Determines the depth of the element, which affects scroll speed */
transform: translateZ(-2px);
width: 301%;
height: 401%;
top: -50%;
left: -50%;
position: absolute;
}
CSS for body
body{
margin:0px;
}
.parallax {
height: 100vh;
overflow:hidden auto;
/* the Z depth parameter, which creates perspective within the element */
perspective: 1px;
}
.back {
position: absolute;
background:#AAF;
/* Determines the depth of the element, which affects scroll speed */
transform: translateZ(-2px);
width: 301%;
height: 301vh;
top: -100vh;
left: -100vw;
padding-top:256px;
font-size: 50px;
}
.front {
position: absolute;
/* Determines the depth of the element, which affects scroll speed */
transform: translateZ(0);
top: 0px;
left 0px;
width: 100%;
height: 200vh;
padding-top:128px;
}
Although many modern typewriters have one of several similar designs, as with the automobile, the telephone, and telegraph, several people contributed insights and inventions that eventually resulted in ever more commercially successful instruments. Historians have estimated that some form of the typewriter was invented 52 times as thinkers and tinkerers tried to come up with a workable design.
HTML
<!-- It is advisable to specify the number of characters in --n: -->
<span class="type_writer" style="--n:66">Text to display</span>
CSS Animation
.type_writer {
font-family: monospace;
font-size: 18px;
color: transparent;
/* color and style of displaying characters */
background:no-repeat left top / calc(var(--n)*1ch) 100% linear-gradient(#000);
background-clip: text;
/* speed and type of animation */
animation: show_symbols calc(var(--n)*.1s) steps(var(--n)) forwards;
}
@keyframes show_symbols{from{background-size:0 100%}}
Precedent - Legal writing values precedent, as distinct from authority. For example, a lawyer who must prepare a contract and who has prepared a similar contract before will often re-use, with limited changes, the old contract for the new occasion. Or a lawyer who has filed a successful motion to dismiss a lawsuit may use the same or a very similar form of motion again in another case, and so on.
Vocabulary - Legal writing extensively uses technical terminology that can be categorized in four ways:
Specialized words and phrases unique to law, e.g., tort, fee simple, and novation.
Ordinary words having different meanings in law, e.g., action (lawsuit), consideration (support for a promise), execute (to sign to effect), and party (a principal in a lawsuit).
CSS capabilities are sufficient to create a simple interactive story with the ability to choose a storyline. For more complex genres, such as dating sims, the capabilities of CSS HTML are not sufficient.
WebKit and Gecko are fairly common engines, but they differ in how they display content and the features available. You can determine which engine is being used using @media queries.
CSS
@media screen and (-webkit-min-device-pixel-ratio:0) {
body { background-color:#aaf;}
body:after{content:"WebKit";}
}
@media screen and (min--moz-device-pixel-ratio:0) {
body { background-color:#afa;}
body:after{content:"FireFox";}
}
Additionally, you can check in CSS whether a property, rule, or selector is supported by the browser. If the condition is met, the CSS code written within the curly braces will be executed.
CSS
@supports (display: grid) and (grid-template-columns: subgrid) {
body:after{
content:"\"Display: Grid\" is supported.";
}
}
For user convenience, many programs and OS offer a choice between "light" and "dark" interface modes. Browsers also provide tools for adapting web pages to these modes.