Web Development Code
Photo
كود تصميم ساعة
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
<title>clock</title>
<style >
body{margin:0;
padding :0;
background :#323232;}
.clock{width:200px;
height :200px;
background :#fff;
align-items:center;
position :absolute ;
top:200px;
left:150px;
transform:translate(-50%,-30%);
border-radius :50%;
border:20px solid #a55;
box-shadow :0 0 20px #a55,
inset 0 0 25px #ff0}
.clock:before{
content:"";
width:40%;
height :6px;
position :absolute;
top:50%;
left:50%;
z-index:3;
background :#111;
border-radius :3px;
transform-origin:left;
animation :animate 60s infinite linear; }
.clock:after{
content:"";
width:30%;
height :6px;
position :absolute;
top:50%;
left:53%;
z-index:2;
border-radius :3px;
background :#000;
transform-origin:left;
animation :animate 3600s linear infinite ; }
span{position:absolute;
top:48%;
left:48%;
width :15px;
z-index:4;
height :15px;
background :#a55;
border-radius :50%;}
.top{position:absolute;
top:3%;
left:46%;
background :none}
.bottom{position:absolute;
top:91%;
left:46%;
background :none}
@keyframes animate{
0%{transform:rotate(-90deg)}
100%{transform:rotate(360deg) }
</style>
</head>
<body>
<div class="clock">
<span ></span>
<span class="top">12</span>
<span class="bottom">6</span>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
<title>clock</title>
<style >
body{margin:0;
padding :0;
background :#323232;}
.clock{width:200px;
height :200px;
background :#fff;
align-items:center;
position :absolute ;
top:200px;
left:150px;
transform:translate(-50%,-30%);
border-radius :50%;
border:20px solid #a55;
box-shadow :0 0 20px #a55,
inset 0 0 25px #ff0}
.clock:before{
content:"";
width:40%;
height :6px;
position :absolute;
top:50%;
left:50%;
z-index:3;
background :#111;
border-radius :3px;
transform-origin:left;
animation :animate 60s infinite linear; }
.clock:after{
content:"";
width:30%;
height :6px;
position :absolute;
top:50%;
left:53%;
z-index:2;
border-radius :3px;
background :#000;
transform-origin:left;
animation :animate 3600s linear infinite ; }
span{position:absolute;
top:48%;
left:48%;
width :15px;
z-index:4;
height :15px;
background :#a55;
border-radius :50%;}
.top{position:absolute;
top:3%;
left:46%;
background :none}
.bottom{position:absolute;
top:91%;
left:46%;
background :none}
@keyframes animate{
0%{transform:rotate(-90deg)}
100%{transform:rotate(360deg) }
</style>
</head>
<body>
<div class="clock">
<span ></span>
<span class="top">12</span>
<span class="bottom">6</span>
</div>
</body>
</html>
This media is not supported in your browser
VIEW IN TELEGRAM
A simple code editor web with a language JAVASCRIPT
@codedevelopment
@codedevelopment
Windows.pdf
142.2 KB
اختصارات هتفيدك ف كتابه الاكواد في محرر visual studio code
Mastering Responsive Web Design with HTML5 and CSS3.pdf
17.1 MB
كتاب بعنوان:
Mastering Responsive Web Design with HTML5 and CSS3
كتاب جميل يعلمك الاحتراف في تصميم صفحات ويب متجاوبة مع جميع الاجهزة
#HTML #CSS #English
@codedevelopment
Mastering Responsive Web Design with HTML5 and CSS3
كتاب جميل يعلمك الاحتراف في تصميم صفحات ويب متجاوبة مع جميع الاجهزة
#HTML #CSS #English
@codedevelopment
The Complete 2020 Web Development Bootcamp
https://mega.nz/folder/EBg3XIhJ#gMv3nfPvgDKY2dn14eYEvA
@codedevelopment
https://mega.nz/folder/EBg3XIhJ#gMv3nfPvgDKY2dn14eYEvA
@codedevelopment
mega.nz
File folder on MEGA
🎖CSS - The Complete Guide 2020 (incl. Flexbox, Grid Sass)📕
https://drive.google.com/folderview?id=1zTjlqkSyXqmFHdTr2rGAAnx3_XCt3qIw
@codedevelopment
https://drive.google.com/folderview?id=1zTjlqkSyXqmFHdTr2rGAAnx3_XCt3qIw
@codedevelopment
Forwarded from Professional Hacker🇸🇩 (Arch Linux [I'm Great Man])
- مسار تطوير مواقع الويب
1- HTML:
فهي تعتبر هيكل المواقع وهي اساس الموقع وسيستغرق تعلمها كامله شهرين ونصف كحد اعلى
2 - CSS :
فهي ستمكنك من عمل شكل والوان واشياء جميله في للصفحه وستحسن بشكل 99% من الصفحه مع HTML وسيستغرق تعلمها كاملا 3 اشهر كحد اعلى
4 - Javascript : هي لغه يمكنك مم خلالها عمل توقيتات مناسبه او الاوقات وجعل الصفحه افضل افضل ويمكنك مم خلال هذه اللغه إلى حد ما بكشف ثغرات بنفسك وكتابه كود استغلال على حد علمي
5 - PHP / MY SQL:
إختر احد هاتين اللغتين للقيام بعمل قواعد بيانات للموقع الخاص ويفضل PHP
6- jquery :
تعطي الصفحه شكل رهيب
7 - ويفضل تعلم الفوتوشوب لتصميم صور متناسقه وخاصه بالموقع الخاص بك
إلى حد الان الاشخاص الذين يريدون جمع المال فيفضل قسم المواقع
قسم الهاكينج :
1- Python :
تعتبر من اقوى اللغات في مجال الهاكينج وهي سهله بشكل كبير ويمكنك من خلالها برمجه تطبيقات او مواقع او ادوات اختبار اختراق وبرمجه الشبكات والكثير من الاشياء
2- Bash script & shell:
هي اهم شيء في مجال الهاكينج لانك ستعرف كيف تتعامل مع نظام الكالي لينكس في اختبار الاختراق وبرمجه سكربتات وتعتبر من وجهه نظري هي الاقوى في صناعه الفيروسات
- ايضا يمكنك تعلم ruby او c++ ولكن اللغتان التي في الاعلى هي الاقوى والافضل { من وجهه نظري }
1- HTML:
فهي تعتبر هيكل المواقع وهي اساس الموقع وسيستغرق تعلمها كامله شهرين ونصف كحد اعلى
2 - CSS :
فهي ستمكنك من عمل شكل والوان واشياء جميله في للصفحه وستحسن بشكل 99% من الصفحه مع HTML وسيستغرق تعلمها كاملا 3 اشهر كحد اعلى
4 - Javascript : هي لغه يمكنك مم خلالها عمل توقيتات مناسبه او الاوقات وجعل الصفحه افضل افضل ويمكنك مم خلال هذه اللغه إلى حد ما بكشف ثغرات بنفسك وكتابه كود استغلال على حد علمي
5 - PHP / MY SQL:
إختر احد هاتين اللغتين للقيام بعمل قواعد بيانات للموقع الخاص ويفضل PHP
6- jquery :
تعطي الصفحه شكل رهيب
7 - ويفضل تعلم الفوتوشوب لتصميم صور متناسقه وخاصه بالموقع الخاص بك
إلى حد الان الاشخاص الذين يريدون جمع المال فيفضل قسم المواقع
قسم الهاكينج :
1- Python :
تعتبر من اقوى اللغات في مجال الهاكينج وهي سهله بشكل كبير ويمكنك من خلالها برمجه تطبيقات او مواقع او ادوات اختبار اختراق وبرمجه الشبكات والكثير من الاشياء
2- Bash script & shell:
هي اهم شيء في مجال الهاكينج لانك ستعرف كيف تتعامل مع نظام الكالي لينكس في اختبار الاختراق وبرمجه سكربتات وتعتبر من وجهه نظري هي الاقوى في صناعه الفيروسات
- ايضا يمكنك تعلم ruby او c++ ولكن اللغتان التي في الاعلى هي الاقوى والافضل { من وجهه نظري }