افضل المصادر لبناء موقعك أو مشروعك بلغة HTML و CSS من الصفر

سبتمبر 09, 2021

هل لديك مهارة في تصميم المواقع HTML و CSS ولكن ما عندك أفكار لمشاريع تطبقها أو تقوم بتنفيذها؟!، في هذا المقال .. مدمن ويب سيتشارك معك قائمة بأفضل المواقع والمصادر على الإنترنت اللي تساعدك في بناء مشروعك بلغة HTML و CSS من الصفر.

إقرأ أيضا: أفضل المصادر والأدوات المجانية لتطوير الويب.

افضل المصادر لبناء موقعك أو مشروعك بلغة HTML و CSS من الصفر

- اول خطوة صعب تبدأ مشروع و انت ماعندك فكرة عن تصميم الصفحة ( layout ) كيف بيكون .. هذي الأربع مواقع كثير مبرمجين يستخدموها للتغذية البصرية و تختار موقع عجبك تصميمه و تسوي نفس ال layout

1- https://awwwards.com

2- https://webdesign-inspiration.com

3- https://dribbble.com/shots/popular/web-design

- كثير ليومك هذا يستخدمون صور من جوجل اللي جودتها سيئة و المقاسات اسوء وجه مبتسم ذو فم مفتوح وعرق بارد. هنا رح احطلكم مواقع فيها ملايين الصور وجودتها عالية جدا و مجانية ماعليها copyright كل اللي عليك تبحث عن الشيئ اللي تبغاه

1- https://unsplash.com

2- https://pexels.com

3- https://pixabay.com/photos/

إقرأ أيضا : أفضل المواقع والأدوات المساعدة لمطوري المواقع ومبرمجي الويب

- استخدام الايقونات صارت مهمة في اغلب المشاريع .. هذي المواقع مختصه للايقونات و كل فترة ينزلون ايقونات جديدة

1- https://fontawesome.com/v5.15/icons

2- https://ionic.io/ionicons

- من اكثر الاشياء المزعجة هي تنسيق الالوان لكن هذي المواقع توفر عليك و تقدر تختار اي لون مجرد الضغط عليه

1- https://yeun.github.io/open-color/

2- https://flatuicolors.com

3 -https://webdesignrankings.com/resources/lolcolors/

- صارت الفيديوهات تستخدم و بكثرة في اغلب المواقع خاصتا تستخدم كخلفيات background .. هنا بتحصل فيديوهات كثيرة جدا و بجودة عاليه .. (ماعليها copyright ) مجانية للكل

1- https://pexels.com/videos/

2- https://isorepublic.com/videos/

3- https://lifeofvids.com

4- https://coverr.co

- صور illustration برضوا صارت تستخدم بكثرة ..

1- https://undraw.co/illustrations

2- https://freeillustrations.xyz

إقرأ أيضا : أفضل المواقع والمصادر للحصول على مصدر إلهام لتصميم الويب للمطورين

- اوقات تبغى تحط صور لاشخاص عندك في الموقع على سبيل المثال تحطهم كتقييم العملاء لك او profile photo هذا الموقع بطل فيه صور كثيرة مع اسمائهم مجانية تقدر تستخدمها ..

9- https://uifaces.co

الخلاصة

كانت هذه قائمة لأهم وأفضل المواقع والأدوات المساعدة لإنشاء مشاريع بلغتي CSS و HTML، منها المواقع الخدمية ومنها معارض الصور والأيقونات وملحقات تطوير الويب وغيرها.