بهترین افزونه extension گوگل کروم برای طراحی سایت و توسعه وب
توسعه و طراحی سایت با فراز و نشیب فراوانی در حال تغییر است.در پشت این تغییرات طراحان و توسعه دهندگان سایت ها قرار دارند.مرورگرها نیز دچار تغییرات فراوانی شده اند. ازجمله این تغییرات افزونه هایی است که هرکدام با هدف انجام کاری مشخص در کنار مرورگرها قرار گرفته اند و کار را برای طراح و توسعه دهنده وب به مراتب راحت تر و سریع تر میکند مثلا برای دسترسی به کد منبع سایت راهی سریع برای شما ایجاد میکنند حتی سریعتر از کلیک راست!امروزه هزاران ابزار توسعه وب مبتنی بر مرورگرها ساخته شده است که شرکت طراحی سایت مبنا به معرفی بهترین افزونه ها برای گوگل کروم می پردازد.
افزونه LAYOUT
گوگل کروم افزونه های بسیار مفیدی برای اندازه گیری اندازه پیکسل در صفحه وب شما دارد.زمانیکه یکی وب سایت طراحی میکنید راست بودن خطوط واندازه گیری دقیق بسیار مهم است.ابزارهای زیادی برای این کار وجود دارد.خط کش وسیله مناسبی است اما به دقت فراوانی نیاز دارد. شرکت طراحی سایت مبنا افزونه هایی برای شما معرفی میکند که کار را برای شما بسیار سریع و راحت میکند.از جمله ی این افزونه ها ، افزونه LAYOUT می باشد که در این مقاله طراحی سایت به آن پرداختیم:
Measurelt: به شما اجازه میدهد طول و عرض پیکسل هر چیزی را در سایت اندازه بگیرید !
Ruul: به شما اجازه میدهد بوسیله چند خط کش اندازه گیری پیکسل ها را براحتی در صفحه انجام بدهید.
Page Ruler: برنام اندازه گیری پیکسل که به شما اجازه میدهد براحتی ناحیه select را تغییر دهید.
Perfect Pixel: به شما اجازه میدهد تا تصاویر مات را همپوشانی کنید وبا تصاویر دیگر مقایسه کنید.
Lorem Lpsum: برای تست و آزمایش layout وب سایت با پرکردن وب سایت میتوانید از این ابزار استفاده کنید.
Tape: به شما اجازه میدهد نسبت آبجکت ها را بهم در صفحه وب تان بسنجید.
Corporate Ipsum: پرکننده متن برای آزمایش طرح و layout ها
Comps:از همپوشانی تصاویر برای مقایسه سایز درصفحه وب استفاده میشود.
Tupacsum: تولیدمتن Rap-theme برای پرکردن صفحات وب برای طراح سایت
افزونه Editors & Source Viewers
در این مقاله از طراحی سایت قصد داریم در مورد افزونه Editors & Source Viewers اطلاعاتی را ارائه دهیم.
Handcraft : برنامه ایست که از طریق مرورگر کد prototype تولید و به اشتراک میگذارد
Fire bug : برای ویرایش css و html از طریق مرورگر ومشاهده تغییرات در همان لحظه
Coding the web : برای تولید و ویرایش html و css و javascript با امکان تکمیل خودکار سریع همه از طریق یک صفحه!
Validity : افزونه ای برای تایید صفحه وب با یک کلیک
: Sourcekit ویرایشگر متن با امکان ذخیره مستقیم در Dropbox
Page edit : یک واسط کاربری با امکان ارائه قواعد بصورت هایلایت
Sight : مشاهده نحوه زبان های برنامه نویسی از مرورگر خود در یک قالب کد شده رنگی
Neutron drive:افزونه ای برای ویرایش اتوماتیک کد با Google drive
View selection source: مشاهده کد منبع از نقطه ای که انتخاب یا select کرده اید در یک پنجره قابل تغییر سایز
Quick source viewer: به شما اجازه میدهد از pagepack کد منبع جاوا اسکریپت یا html یا css را در یک صفحه مجزا ببینید
