للمبتدئين في الـ HTML , CSS , JS
سنرفق لكم في هذا الثريد مجموعة من الأكواد من موقع Codepen
للاستفادة والتعلم منها
@PrograminLovers
@MusaadTech
@a7sa45
سنرفق لكم في هذا الثريد مجموعة من الأكواد من موقع Codepen
للاستفادة والتعلم منها
@PrograminLovers
@MusaadTech
@a7sa45
كود بإستخدام الـ HTML , CSS , JS ، يمكنك اعتباره كلعبة جميلة ، يمكنك تعلم الكود من خلالها فربما تأتيك أفكار بشكل أفضل .!
الرابط:
codepen.io
الرابط:
codepen.io
كود بإستخدام الـ HTML , CSS ، لإنشاء زر التبديل ، ويمكنك استخدامه في التبديل ما بين الوضع المظلم أو الوضع المضىء ..
الرابط:
codepen.io
الرابط:
codepen.io
كود فقط بإستخدام الـ HTML , CSS ، اذا كان لديك مجموعة من الأقسام وكل قسم له صورة ، وعنوان ونص قصير ، هذا كود جميل وانيق مع ثأثير أجمل عند إقتراب مؤشر الفأرة يلبي إحياجك لذلك ..
الرابط:
codepen.io
الرابط:
codepen.io
إذا كنت تريد عرض مواقع التواصل الإجتماعى عبر موقعك ، يمكنك إستخدام هذه الأكواد ،وايضاََ يمكنك الإستفاده منها فى تطوير نفسك ، فهى مكتوبة بواسطة HTML +CSS فقط بالإضافة إلى إستخدام الانيميشن الموجود فى CSS3
الرابط:
codepen.io
الرابط:
codepen.io
كثيراََ ما نحتاج في مواقعنا إلى تصميم خاص عبارة عن Tabs وربما نقوم بالبحث عن مكتبات jQuery أو Css جاهزة للقيام بذلك ،
هذا كود سهل وبسيط ويمكنك استخدامه بسهولة في كيفية عمل Tabs بواسطة الـ CSS فقط .
الرابط:
codepen.io
هذا كود سهل وبسيط ويمكنك استخدامه بسهولة في كيفية عمل Tabs بواسطة الـ CSS فقط .
الرابط:
codepen.io
أحياناََ يكون لدينا سرعة الإنترنت بطيئة وبعض العناصر تظهر بشكل غريب اثناء التحميل ومن أجل ذلك يتم إضافة Spinner Loading ويتم إختفائها أثناء انتهاء تحميل الموقع
يمكنك مشاهدة هذا الكود قد يساعدك بشكل كبير إما بإستخدامه أو إلهامك لعمل شىء مشابه له
codepen.io
يمكنك مشاهدة هذا الكود قد يساعدك بشكل كبير إما بإستخدامه أو إلهامك لعمل شىء مشابه له
codepen.io
لربما تعمل الان على مشروع يحتوى على نظام محادثة ، هنا كود جميل وواضح وايضاََ متجاوب على جميع الشاشات ، ويحتوى على النظام الليلي .
codepen.io
codepen.io
لا تنسوا المتابعة لمشاهدة كل ما هو جديد ومفيد باذن الله
@akwadecom
@akwadecom
جاري تحميل الاقتراحات...