;(function(window){'use strict';// From https://www.html5rocks.com/en/tutorials/webaudio/intro/functionBufferLoader(context,urlList,callback){this.context=context;this.urlList=urlList;this.onload=callback;this.bufferList=newArray();this.loadCount=0;}

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

1 71 ۲۲ اردیبهشت ۹۶ به نام خدا و سلام. در خدمت شما هستیم با جلسه چهاردهم از دوره مجازی چگونه می توانم ... ؟ (قالب وردپرس). در این جلسه قراره در مورد پیاده سازی فرم ارسال مطلب مهمان در بخش پنل کاربری صحبت کنیم. در ابتدا فرم مورد نظر

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک قالب زیبا و حرفه ای با سه طرح مختلف قرار داده شده که میتونین از اون برای ویرایشگر Sublime text استفاده کنید و محیط کدنویسی رو زیباتر کنید. این قالب برای هر دو نسخه 2 و 3 این ادیتور قابل استفاده

در این قسمت میخوام یک کد ( Fixed Disappearing Scrolling Header ) جالب رو در اختیارتون بزارم.همونطور که دیدید یک هدر قرار داده شده و زمانی که به سمت پایین اسکرول میکنید، به صورت زیبایی ناپدید و محو میشه و میتونین از این نمونه ایده بگیرید.بدلیل اینکه ح

0 38 ۲۰ اردیبهشت ۹۶در جلسه قبل در مورد Compositing یا ترکیب کردن اشکال توضیحاتی رو قرار دادیم. در این جلسه میخوایم این مبحث رو ادامه بدیم.مقدار destination-over:با این مقدار شکلهایی که جدید رسم میکنیم، در پشت شکلهایی که در قبل وجود داشته قرار میگیرن

0 26 ۱۸ اردیبهشت ۹۶در این جلسه میخوام مباحث مربوط به flexbox رو به پایان برسونم و دو ویژگی باقیمانده رو برای شما توضیح بدم.ویژگی چهارم : Align itemsاگر شما ویژگی justify-content رو به خوبی متوجه شده باشید، با این ویژگی هم مشکلی نخواهید داشت و به راح

در این مطلب میخوام سایتی رو بهتون معرفی کنم که یک کتابخانه Javascript قرار داده شده که میتونین با استفاده از اون انواع مختلف انیمیشن رو برای React مورد استفاده قرار بدین و با استفاده از React به المنتهای مورد نظرتون، انیمیشن اعمال کنید.برای شروع وارد

*, *::after, *::before {-webkit-box-sizing:border-box;box-sizing:border-box;}body {font-family:'Space Mono','Avenir Next',Avenir,'Helvetica Neue',Helvetica,'Segoe UI',Arial,sans-serif;color:#fff;background:#4133b4;-webkit-font-smoothing:antialiased;-

0 4 ۱۳ اردیبهشت ۹۶در جلسه قبل در مورد اولین متد مربوط به تبدیل که Translating یا انتقال بود، براتون توضیحاتی رو قرار دادیم. در این جلسه در مورد دو متد Rotate و Scale صحبت خواهیم کرد.Rotating یا چرخشدومین متد مربوط به تبدیلات، متد Rotate هست. با استف

;(function(window){'use strict';// Detect mobile. From: http://stackoverflow.com/a/11381730/989439functionmobilecheck(){varcheck=false;(function(a){if(/(android|ipad|playbook|silk|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fe

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون شما رو با HTTP 2 آشنا میکنه و مزایایی که داره رو بهتون میگه و با مطالعه اون میتونین بصورت کامل با HTTP 2 آشنا بشید و از اون استفاده کنید. این آموزش در دو قسمت قرار داده شده است:برای شروع وارد سایت

0 138 ۸ اردیبهشت ۹۶همونطور که میدونید در جلسه قبل مقدماتی در مورد تبدیل یا Transformation براتون قرار دادیم و شما رو با اون آشنا کردیم. در این جلسه قصد داریم در مورد متد Translation یا انتقال براتون توضیح بدیم.Translating یا انتقالاولین متد مربوط به تبدیل یا Transformation که در مورد اون براتون توضی...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که تعدادی لوگوی حرفه ای در اون قرار داده شده و میتونین با کلیک بر روی دکمه Download for free اونا رو بصورت رایگان دانلود کنید. این لوگوها رو میتونین زمانی که میخواید لوگو درست کنید و طرح و ایده اولیه در ذهنتون ندارید رو استفاده کنید و با تغییر در اون لوگوی...

0 326 ۹ اردیبهشت ۹۶با پیشرفت علم و تکنولوژی نیاز انسان به ارتباط با دیگر کشورها بیشتر شده است . به گونه ای که بسیاری از دستاوردهای دیگر ملل را می توان مورد مطالعه قرار داد و آنها را به تکامل رساند.سالیانه مقالات بسیار زیادی در حوزه های مختلف به ثبت می رسد که دانشجویان می توانند با ترجمه این مقالات س...

در این قسمت میخوام یک کد ( Parallax scene ) جالب رو در اختیارتون بزارم.همونطور که دیدید زمانی که به سمت پایین اسکرول میکنید، تصاویری که وجود دارن با سرعت متفاوتی جابجا میشن و حالت زیبایی رو به وجود میارن. میتونین از این افکت پارالکس ایده بگیرید.بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین م...

0 56 ۸ اردیبهشت ۹۶ به نام خدا و سلام. در خدمت شما هستیم با جلسه نهم از دوره مجازی چگونه می توانم ... ؟ (قالب وردپرس) با پیاده سازی بخش آواتار کاربران و ذخیره آن توسط متادیتای کاربر. در این جلسه در ابتدا با توابع مختلفی برای آپلود و ذخیره کردن فایل ارسالی کاربر در وردپرس آشنا میشیم و در ادامه فایل رو...

0 27 ۸ اردیبهشت ۹۶ به نام خدا و سلام. با جلسه دهم از دوره مجازی چگونه می توانم ... ؟ (قالب وردپرس) در خدمت شما هستیم. در این جلسه در مورد امنیت فرم پروفایل کاربر و جلوگیری از حملات CSRF صحبت خواهیم کرد. هم چنین در مورد بررسی نوع فایل های ارسالی برای آواتار کاربر توابعی رو ایجاد می کنیم و امنیت فایل ...

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

در این قسمت میخوام یک کد ( Timeline Style Navigation ) جالب رو در اختیارتون بزارم.همونطور که دیدید یک خط Timeline مانند در سمت چپ قرار گرفته و به تعداد Section هایی که در صفحه وجود داره، شماره درون اون قرار گرفته. با کلیک بر روی هر کدوم از اونا، به بخش مورد نظر اسکرول میشید و اطلاعات مربوط به اون بخ