افضل المصادر لبناء موقعك أو مشروعك بلغة 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

من حساب الرائع/ @Risen

https://twitter.com/risen_dev

الخلاصة

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