Web Development Code

前往频道在 Telegram

قناة خاصه بتطوير الويب ونشر مشاريع الويب وكل مايخص الويب الادمن : @Noureldin13 #Html #Css #Bootstrap #JavaScript #ReactJs #Php #NodeJs #Mysql #MongoDB Buy ads: https://telega.io/c/codedevelopment جروب المناقشة : @codedevchat

显示更多

伊拉克19 754 技术与应用15 627

5 867

订阅者

无数据24 小时

-137 天

-7130 天

无数据

帖子浏览量

无数据24 小时

无数据48 小时

无数据

参与率

无数据

每日帖子数

Ads index

beta

帖子存档

\n\n","datePublished":"2021-04-01T12:19:17Z","dateModified":"2021-04-01T12:19:17Z","author":{"@type":"Organization","name":"Web Development Code","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment","image":"https://img.tlmtr.io/c/1kNHVc/5958775435800196285?ty=x"},"publisher":{"@type":"Organization","name":"Web Development Code","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment","image":"https://img.tlmtr.io/c/1kNHVc/5958775435800196285?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":333},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/393","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/393","mainEntityOfPage":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/393","headline":"Web Development Code","datePublished":"2021-04-01T12:19:14Z","dateModified":"2021-04-01T12:19:14Z","author":{"@type":"Organization","name":"Web Development Code","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment","image":"https://img.tlmtr.io/c/1kNHVc/5958775435800196285?ty=x"},"publisher":{"@type":"Organization","name":"Web Development Code","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment","image":"https://img.tlmtr.io/c/1kNHVc/5958775435800196285?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":209},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/392","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/392","mainEntityOfPage":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/392","headline":"Web Development Code","datePublished":"2021-04-01T04:01:04Z","dateModified":"2021-04-01T04:01:04Z","author":{"@type":"Organization","name":"Web Development Code","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment","image":"https://img.tlmtr.io/c/1kNHVc/5958775435800196285?ty=x"},"publisher":{"@type":"Organization","name":"Web Development Code","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment","image":"https://img.tlmtr.io/c/1kNHVc/5958775435800196285?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":224},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/391","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/391","mainEntityOfPage":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/391","headline":"https://codepen.io/mounibkamhaz/full/KKagRqB","articleBody":"https://codepen.io/mounibkamhaz/full/KKagRqB","datePublished":"2021-04-01T04:00:46Z","dateModified":"2021-04-01T04:00:46Z","author":{"@type":"Organization","name":"Web Development Code","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment","image":"https://img.tlmtr.io/c/1kNHVc/5958775435800196285?ty=x"},"publisher":{"@type":"Organization","name":"Web Development Code","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment","image":"https://img.tlmtr.io/c/1kNHVc/5958775435800196285?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":226},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/390","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/390","mainEntityOfPage":"https://telemetr.io/ch/channels/1223506462-codedevelopment/posts/390","headline":"الموقع خلص شوي و بنزلو","articleBody":"الموقع خلص شوي و بنزلو","datePublished":"2021-04-01T03:03:16Z","dateModified":"2021-04-01T03:03:16Z","author":{"@type":"Organization","name":"Web Development Code","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment","image":"https://img.tlmtr.io/c/1kNHVc/5958775435800196285?ty=x"},"publisher":{"@type":"Organization","name":"Web Development Code","url":"https://telemetr.io/ch/channels/1223506462-codedevelopment","image":"https://img.tlmtr.io/c/1kNHVc/5958775435800196285?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":220},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}}]}

5 867

انضم لقناة : @codedevelopment

5 867

انزل طريقه عمله؟

5 867

😂😂😂

5 867

let x = 300, test = (x > 100)? "greater 100" : (x<50)? "less 50" : "between and 100"; console.log(test2)

5 867

#JavaScript @codedevelopment

5 867

#JavaScript @codedevelopment

5 867

Flex-box @codedevelopment

5 867

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css" media="all"> *{ padding: 0; margin: 0; box-sizing: border-box; } body{ background: #000 } .span1{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 200px; height: 200px; background: transparent; border-radius: 50%; box-shadow: 0 5px 0 #fff; animation: animate 2s linear infinite; } .span2{ position: relative; bottom: -50%; left: 0; transform: translate(-50%,-50%); padding:100px; background:transparent; border-radius:50%; } .span2:after{ content: ""; position: absolute; width: 10px; height: 10px; background: #fff; top: calc(50% - 10px); left: -4px; border-radius: 50%; animation: animate 2s linear infinite; } @keyframes animate { 0%{ transform: rotate(0deg) } 100%{ transform: rotate(360deg) } } p{ color: red; position: absolute; top: calc(50% + 90px); left: calc(50% + 100px); transform: translate(-50%,-50%); text-transform: uppercase; font-size: 27px; letter-spacing: 5px; font-weight: bold; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; padding: 2px 4px; box-shadow: 0 0 5px rgba(255,255,225,0.5) } @keyframes text { 0%,100%{ opacity: 1; } 50%{ opacity: .1; } } .pp span { animation: text 2s linear infinite; } .pp span:nth-child(1){ animation-delay: .1s } .pp span:nth-child(2){ animation-delay: .3s } .pp span:nth-child(3){ animation-delay: .5s } .pp span:nth-child(4){ animation-delay: .7s } .pp span:nth-child(5){ animation-delay: .9s } .pp span:nth-child(6){ animation-delay: 1.1s } .pp span:nth-child(7){ animation-delay: 1.3s } </style> </head> <body> <span class="span1"><span class="span2"></span></span><p class="pp"></p> </body> <script type="text/javascript" charset="utf-8"> var i = 0 var p = document.querySelector(".pp") var text = "loading" var sp = text.split("") sp.reverse(); while(i< sp.length){ var span = document.createElement("span") span.innerHTML += sp[i] p.prepend(span) i++ } </script> </html>

5 867

Anonymous voting

5 867

https://codepen.io/mounibkamhaz/full/KKagRqB

5 867

الموقع خلص شوي و بنزلو