• ¡Welcome to Square Theme!
  • This news are in header template.
  • Please ignore this message.
مهمان عزیز خوش‌آمدید. ورود عضــویت


امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
Title: تمام ابزارهای لازم برای طراحی سریع وب سایت
حالت موضوعی
#1
تمام ابزارهای لازم برای طراحی سریع وب سایت
در بسیاری از اوقات که در حال طراحی وب سایت هستم از ابزراهایی مفیدی که در بخش های متفاوت در سایت به کار می برم استفاده می کنم که در این مقاله تصمیم گرفتم تمامی این ابزارهای را با شما به اشتراک بگذارم.
این موارد به توسعه سریع شما در طراحی یک سایت کمک بسزایی خواهد کرد طوری که بخش جدایی ناپذیری در زمان طراحی برای شما خواهد شد.




Codepen



[عکس: 1468572354-codepen.jpg]






این وب سایت یک ویرایشگر کد آنلاین است که برای آزمایش کدهای شما بسیار مفید می باشد در اینجا شما می توانید کدهای که دیگر توسعه دهندگان وب نیز نوشته اند را ببینید و از آن استفاده کنید همچنین می توانید کدهای خود را به اشتراک بگذارید.




Dribble





[عکس: 1468572377-dribble.jpg]






این وب سایت محل پاتوق گرافیست ها و طراحان خبره است، شما می توانید از طرح های بهترین گرافیست ها استفاده کنید و یا طرح های خود را نشر دهید و به تبادل ایده در این سایت بپردازید.


خب در این جا طرح سایت خودتون رو تقریبا تو ذهنتون دارید حالا می مونه کد زدن، اینجا باید یکی از فریم ورک هایی که در زیر برای کد جلویی سایت شما بکار میره استفاده کنید.





Bootstrap
[عکس: 1468572410-boostrap.jpg]







فریم ورک بوت استرپ یکی از بهترین و محبوب ترین فریم ورک های حال حاضر دنیاست که بسیاری کد آماده در اختیار شما قرار می دهد فقط کافیست آنها را فراخوانی کنید علاوه بر این نیز ریسپانسیو این فریم به نحو احسن وب سایت شما را در انواع دستگاهها نشان می دهد.




Foundation


[عکس: 1468572436-foundation.jpg]




خب رقیب اصلی بوت استرپ همین فریم ورک است، تقریبا میشه گفت زمانی که این فریم ورک بوجود آمد خبری از بوت استرپ در ساخت سایت نبود!! ولی خب فریم ورک بسیار عالی است و کار با اون هم راحت است ولی قطعه کدهای آماده بوت استرپ خیلی بیشتر از این فریم ورک می باشد.
Webfonts
انتخاب فونت مناسب یکی از عوامل مهم زیبایی وب سایت شما می باشد، تقریبا فونت های خانواده ی Yekan  مناسب می باشد مخصوصا Byekan ، فونت Kufi  نیز زیبایی خاص به وب سایت شما می بخشد.



Icons
[عکس: 1468572507-fontawesome_io_icons.jpg]



بهترین وب سایت برای شما در زمینه انتخاب آیکون های فوق العاده برای وب سایت شما Fontawesome  می باشد این فونت ها به وب سایت شما زیبایی خاصی می بخشد برای استفاده از آنها دریغ نکنید.


Images
خب وقتی شما در حال طراحی سایت هستید به هر حال باید وب سایت خودتون رو با عکسای مرتبط به کار مورد نظر پر کنید در اینجا به چند مورد از این وب اسیت ها می پردازیم:




Gratisography
[عکس: 1468572482-image.jpg]





این وب سایت عکس ها را به صورت رایگان در اختیار شما قرار می دهد، عکسها کاملا با کیفیت بالا هستند و به صورت هفته ای عکس های جدید در وب سایت قرار می گیرد، همچنین شما از طریق دسته بندی می توانید به عکس مناسب خودتون سریع تر برسید.

Placehold.it
[عکس: 1468572395-placehold.jpg]




در این وب سایت شما می توانید عکس مورد نظر خود را با سایز دلخواه ایجاد کنید ، تنها کاری که باید انجام دهید سایز را وارد کنید و لینکی که در اختیار شما قرار داده می شود را استفاده کنید و تمام!!




Text
[عکس: 1468572547-loremipsum_ir.jpg]





خب وقت این رسیده که وب سایت خودتون رو از متن تست مناسب پرکنید، سایت Loremipsum  بسیار مناسب برای این کار می باشد هم متن فارسی دارد هم انگلیسی و هر چقدر که نیاز دارید می تواند برای شما متن تولید کند.




Help
[عکس: 1468572536-stackoverflow_com.jpg]




خب بهترین جایی که میشه معرفی کرد برای کمک گرفتن در مورد هر چه که مربوط به طراحی سایت و هزاران مسئله دیگه هست سایتی نیز جز Stackoverflow  با کمی انگلیسیی معمولی و طرح سوال بدون کمترین زمان بهترین برنامه نویسان و طراحان جهان به کمک شما می آیند!!
 
پاسخ
  


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  مهم ترین فاکتورها برای انتخاب یک هاست as2017 0 1,929 02-14-2018، 10:26 PM
آخرین ارسال: as2017
  طراحی سایت چت abbas_derafshi@yahoo.com 0 1,923 02-07-2018، 11:01 AM
آخرین ارسال: abbas_derafshi@yahoo.com
  طراحی سایت داروخانه abbas_derafshi@yahoo.com 0 1,917 02-06-2018، 10:48 AM
آخرین ارسال: abbas_derafshi@yahoo.com
  طراحی سایت فروشگاهی abbas_derafshi@yahoo.com 0 1,852 02-05-2018، 10:58 AM
آخرین ارسال: abbas_derafshi@yahoo.com
  اهمیت وبلاگ نویسی در سایت شما as2017 0 1,809 02-05-2018، 02:04 AM
آخرین ارسال: as2017
  طراحی سایت هتل مجلل abbas_derafshi@yahoo.com 0 1,994 02-04-2018، 11:21 AM
آخرین ارسال: abbas_derafshi@yahoo.com
  طراحی سایت هواپیمایی abbas_derafshi@yahoo.com 0 1,902 01-31-2018، 11:49 AM
آخرین ارسال: abbas_derafshi@yahoo.com
  طراحی سایت اتوماسیون اداری as2017 0 1,859 01-31-2018، 12:34 AM
آخرین ارسال: as2017
  طراحی سایت شارژ موبایل abbas_derafshi@yahoo.com 0 1,856 01-30-2018، 11:53 AM
آخرین ارسال: abbas_derafshi@yahoo.com
  طراحی سایت انجمن abbas_derafshi@yahoo.com 0 1,463 01-29-2018، 10:56 AM
آخرین ارسال: abbas_derafshi@yahoo.com

پرش به انجمن:


Browsing: 1 مهمان