8 ابزار جالب برای طراحی وب

برنامه نویسی

..8 ابزار جالب برای طراحی وب..
برنامه نویسی

8 ابزار جالب برای طراحی وب

بهترین ابزارهای جالبی که برای طراحان وب وجود داره, پروژه های CodePen هستند. که یک IDE ساخته شده توسط تیم CodePen هست. یک راه ساده برای کار روی پروژه های وب از طریق مرورگر!

ابزارهای دیگری وجود دارند که میتونند به پروژه شما سرعت ببخشند و ما قصد داریم تعدادی از این ابزارها رو که جدیدا وارد جامعه توسعه دهندگان شدند, بهتون معرفی کنیم :

1) Glitch

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

2) Animista

Animista مجموعه ای از انیمیشن های css هست که شما میتونید سفارشی سازی کنید و بصورت دلخواه تغییر بدید تا جایی که مطمئن بشید اون چیزی شده که مورد احتیاج شماست. این مثل یک داشبورد سازمان یافته برای ساخت و ویرایش انیمیشن ها بدون اینکه بخواهید از اول شروع کنید, عمل می کنه.

3) Practical color theory for people who code

اگر میخواهید تئوری رنگ ها رو به سرعت یاد بگیرید, این یک سایت عالی برای این کار هست. سازنده ی این ترکیبی از مهارت ها رو داره : اون یک آرتیست خوب و آموزش دیده هست و همچنین یک توسعه دهنده front end, بنابراین میتونه بسیار مفید و خاص باشه. سایت اون شما رو به سمت فرآیند طراحی و کدنویسی در قالب رنگ های عالی و با استفاده از تئوری رنگ ها پیش میبره.

4) Shifter

Shifter سایت وردپرسی شما رو به یک سری از فایل های ثابت تبدیل کرده و بهشون سرعت بالا میده. فایل های ثابت قابلیت سرعت زیاد تحویل و نمایش رو دارند و شما لازم نیست نگران مسائل امنیتی سایت باشید.

5) Guetzli

نگهداری صفحات وب در حجم پایین یکی از مسائل مهم کارایی و سرعت وبسایت هاست. پس الگوریتم های فشرده سازی مثل این توسط گوگل و موتورهای جستجوگر دیگر استقبال میشوند. Guetzli حجم فایل های JPG رو 20-30 درصد بیشتر از libjpeg کاهش میده, پس با استفاده ازش میتونید بدون اینکه تغییر خاصی ایجاد کنید حجم صفحه سایتتون رو کاهش بدید.

6) Bumpr

این اپلیکیشن مک یک تابع ساده دارد : وقتی شما روی یک لینک کلیک کنید, این به شما اجازه میده یک برنامه رو برای باز کردن انتخاب کنید. URL ها به شما امکان انتخاب مرورگرها و لینک های ایمیل یک پاپ آپ برای انتخاب کلاینت ایمیل به شما نمایش میدهند.

7) colorfonts.wtf

فونت های رنگ چه چیزی هستند و چگونه میتونیم ازشون استفاده کنیم؟ اینها سوالاتی هستند که جوابشان بخوبی در این سایت داده شده. اگر شما چیزی در این باره نشنیده اید, فونت های رنگ فایل های فونتی هستند که میتونند شامل رنگها, تکسچرها, vector ها و حتی تصاویر bitmap باشند.

8) CodePen Projects

افراد پشت codepen یک (ide (integrated development enviroment ساخته اند که در مرورگر شما اجرا میشود. این شامل یک مدیر فایل سیستم هست که شما میتونید با drag & drop فایل ها رو داخلش جابجا کنید. با استفاده از این ابزار پروژه خودتون رو قبل از ساخت بصورت پیش نمایش داشته باشید.

منبع

562
05 آذر 1397
..نظرات..
علیرضا

بسیار جالب و کاربردی بود ممنون

26 مهر 1398
..مقالات پربازدید..
طراحی سایت

آموزش قرعه کشی در اینستاگرام

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

16256
24 فروردین 1398
طراحی سایت

bit.ly چیست ؟

بیتلی یا bitly یکی از شناخته‌شده‌ترین سرویس‌های کوتاه کننده لینک است. این سایت با نشانی https://bit.ly در سال ۲۰۰۸ تاسیس شد. یک کوتاه کننده‌ی لینک وظیفه دارد تا لینک‌های مورد نظر کاربران را به شکل کوتاه و قابل خواندن و نوشتن تبدیل کند. این سرویس در هر ماه حدود ۶۰۰ میلیون لینک کاربران را کوتاه می‌کند. علت استفاده از...

2806
27 آذر 1398
طراحی سایت

دلایل موفقیت دیجی کالا

یکی از موفق ترین استارت اپ های ایران در دهه ی اخیر سایت دیجی کالا بوده است . به طوری که به جرئت می توان گفت این سایت بزرگ‌ ترین خرده‌ فروشی اینترنتی خاورمیانه است . اقایان محمدی در سال 1384 تصمیم راه اندازی این وب سایت گرفتند و در سال 85 این برند با نام فعلی ” دیجی کالا ” پایه گذاری گردید . مدیران این پروژه با این هدف او...

2555
22 اردیبهشت 1398