SVG فرمتی است که قابلیت طراحی تصاویر دوبعدی را توسط تگ‌های XML به شما می‌دهد.
فرمت‌های PNG یا GIF و ... که ما آشنا هستیم و روزانه با آنها بسیار کار میکنیم در حال تبدیل شدن به تکنیک‌ها و روشهای جدید هستند. شما زمانی که با فرمت PNG کار می‌کنید اگر بخواهید برای وضوح تصویرهای (resolution) متفاوت تصویر مناسبی طراحی کنید باید چند فایل PNG ذخیره کنید، اما زمانی که از فرمت SVG استفاده می‌کنید نه تنها نیازی به اینکار نیست بلکه به راحتی می‌توانید سایز تصویر و یا رنگ آن را توسط کدنویسی تغییر دهید و در هر وضوح تصویری که لازم است استفاده کنید. ادامه
بدون شک هر کسی که در حوزه وب فعالیت داشته با فرم های HTML کار کرده. وقتی شما اطلاعات شخصیتون رو در سایتی وارد می کنید و سپس دکمه submit رو می زنید در واقع اطلاعاتتون رو در یک فرم HTML قرار داده اید. فرم ها برای ارسال اطلاعات از مرورگر کاربر به سمت وب سرور استفاده می شوند.
برای مثال وقتی در سرویس Gmail وارد می شوید, نام کاربری و رمز عبورتان را در داخل یک فرم HTML وارد می کنید و با انتخاب sign in , نام کاربری و رمز عبورتان را در قالب یک فرم HTML به وب سرور Google ارسال می کنید. ادامه
ذخیره و بازیابی اطلاعات در سیستم کاربر...
مطمئنا بارها پیش اومده که خواستیم اطلاعات اضافی و جزئی رو برای عملکرد بهتر ذخیره کنیم. برای مثال وقتی کاربری وارد پنل خودش میشه و می خوایم توی تمام صفحات ,اسمش رو توی هدر سایت نمایش بدیم یا حتی تم رنگی انتخاب شده توسط کاربر رو توی تمام صفحات اعمال کنیم, خب ساده ترین راهی که به ذهنمون میرسه استفاده از پایگاه داده ی سایته. اما اصلا از نظر زمانی به صرفه نیست که ما اول هر صفحه یه درخواست بفرستیم که ببینیم کاربرمون دوست داره از کدوم تم سایت استفاده کنه. مخصوصا وقتی میشه این اطلاعات پیش و پا افتاده رو توی سیستم خودش ذخیره کرد. در این بخش میخوایم به "روش های ذخیره و بازیابی اطلاعات در سیستم کاربر" اشاره کنیم... ادامه
به نظر شما زمانی که اصول یک طراحی زیبا را با نوآوری‌های تکنولوژی و علم ترکیب میکنیم چه اتفاقی می افتد؟ این همان کاری است که گوگل با ساخت مفهوم Material Design انجام داده است.
به عبارت ساده، Material Design (یا به فارسی، ماده طراحی که بهتر است از همان اصطلاح انگلیسی استفاده شود) یک مفهوم از طراحی بصری است که اصول و قوانین طراحی کلاسیک، احتمالات و هنجارهای علم یا فن‌آوری را برای ما به ارمغان می‌آورد.
ادامه
اگر طراحی رسپانسیو می کنید یا حتی فقط تو زمینه طراحی وب فعالیت دارید بدون شک اسم "بوت استرپ" رو شنیدید. بوت استرپ یه فریم ورک برای طراحی صفحات به صورت واکنش گراست که میاد با یه سری تکنیک ها مثل ستون بندی ,صفحاتمون رو واکنش گرا می کنه تا این صفحات با توجه به Device ای که کاربر باهاش سایت رو میبینه به یک صورت مناسبی نمایش داده بشه. تو این بخش میخوایم المان های موجود تو فوتر سایت رو با توجه به شرایط مختلف جا به جا کنیم. ادامه
امروزه استفاده از Deviceهای مختلف بین کاربران رواج پیدا کرده است، کاربر وب سایت شما ممکن است با گوشی هوشمند خود، تبلت، کنسول‌های بازی و یا هر دستگاه دیگری غیر از کامپیوتر به سایت شما مراجعه کند، اگر شما بخواهید در همه دستگاه‌ها یک ساختار را نمایش دهید مسلما کاربر اذیت خواهد شد و محبوبیت خود را از دست خواهید داد.
ادامه
خیلی وقتا پیش میاد که تو طراحیامون به یک مثلث برای کامل تر شدن کار نیاز داریم. مثل زمانی که میخوایم بالون گفتگو طراحی کنیم یا برای تب های منوی سایت نیاز به مثلث پیدا میکنیم. میتونیم از تصاویر آماده استفاده کنیم اما این راه حرفه ای نیست. چون عکس حجم خیلی بیشتری نسبت به کد داره و در نتیجه دیرتر بارگذاری میشه. در این قسمت میخوام مثلث رو با کدهای CSS به سه روش مختلف طراحی کنیم. ادامه
خیلیامون روز و شبمون رو حداقل با یکی از این موارد و یا امثالشون میگذرونیم. نرم افزارهای جدید و بازیای جدید رو حتما باید نصب کنیم و تستش کنیم. کمتر کسی هست که وقت کمی رو با اسمارت فونش بگذرونه. اینم میدونیم که هیچ کس تمامی توابع یک زبان برنامه نویسی رو حفظ نیست و البته که حفظ کردنش , کار آسونی هم نیست. پس چه خوبه که ما یه مقدار از حجم گوشیمون رو به کارمون اختصاص بدیم. نصب یه واژه نامه برنامه نویسیه کامل میتونه خیلی جاها به کارمون بیاد و باعث شه وقتمون به بطالت نگذره... ادامه
در این آموزش قصد دارم یکی از ترفندهای پست پروداکشن و رندرینگ، که برای تمامی موتورها قابل استفاده است را معرفی کنم.
این ترفندها بصورت تجربی یاد گرفته ام که میخواهم با شما هم به اشتراک بگذارم.
این روش نویز گیری هست که ازش استفاده میکنم، برای اینکه بدترین حالت نویز رو در نظر بگیریم ... نمونه من یک رندر خیلی ساده و با نویز بالاتر از ویری ، کورونا رندر هست . ادامه
خیلی از مواقع میشه به جای استفاده از عکس یک شکل, اون شکل رو با کدهای CSS طراحی کرد. هر شکل پیچیده ای رو میشه با اشکال ساده تو CSS پیاده سازی کرد. اینجوری هم تغییراتش خیلی آسون میشه و هم حجم کمتری استفاده میشه , چون از کد استفاده شده و در ضمن , خیلی هم حرفه ای تره. تو این بخش میخوایم طراحی یک قلب رو با کدهای CSS به صورت عملی پیاده سازی کنیم.
ادامه
