در این مطلب میخوام سایتی رو بهتون معرفی کنم که یک فونت زیبا و برس مانند رو قرار داده و شما میتونین اون رو بصورت رایگان دانلود کرده و استفاده کنید. برای دانلود به انتهای سایت مورد نظر رفته و بر روی دکمه Download کلیک کنید. برای شروع وارد سایتxa0sitka-brushxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. ...

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-family: 'Roboto Mono', monospace; background: #f44336; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, html input[type="button"], input[type="rese...

0 27 ۱ مهر ۹۵ به نام خدا، دوستان سلام، در این جلسه آموزش خواهیم داد که چطور داخل RecyclerView از چندین ItemViewType استفاده کنید، همچنین با SpanSizeLookUp آشنا خواهید شد. در مورد VecotorDrawableCompat صحبت خواهیم کرد و به شما آموزش خواهیم داد که چطور از فایل های vector استفاده کنیم به طوری که تا اند...

html { xa0xa0background: #fefefe; } body { xa0xa0color: #4b507a; xa0xa0font: 300 24px/1.5 Lato, sans-serif; xa0xa0margin: 1em auto; xa0xa0max-width: 36em; xa0xa0padding: 1em 1em 2em; xa0xa0text-align: center; xa0xa0isolation: isolate; } button { xa0xa0background: none; xa0xa0border: 0; xa0xa0box-siz...

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

در این قسمت میخوام یک کد ( SLOFISH CSS Logo Animationxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید انیمیشنی با استفاده از CSS ساخته شده که در اون ماهی ها بصورت زیبا در اون جرکت میکنن. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید....

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون در مورد @apply آموزش داده و شما رو بصورت کامل با اون آشنا میکنه.xa0اگر با پیش پردازنده های CSS مثل Sass کار کرده باشید، با مفهومی به نام mixins آشنایی دارید. با استفاده ازxa0@apply میتونین کاری شبیه به mixins رو با استفاده از css خالص انجام بدین!...

html { xa0xa0background: #fefefe; } body { xa0xa0color: #4b507a; xa0xa0font: 300 24px/1.5 Lato, sans-serif; xa0xa0margin: 1em auto; xa0xa0max-width: 36em; xa0xa0padding: 1em 1em 2em; xa0xa0text-align: center; xa0xa0isolation: isolate; } button { xa0xa0background: none; xa0xa0border: 0; xa0xa0box-siz...

در این قسمت میخوام یک کد ( SVG Lava Lampxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک لامپ زیبا با استفاده xa0از SVG ساخته شده و میتونین از اون استفاده کنید. همونطور که میبینید در این کد از افکت مواد مذاب آتشفشانی استفاده شده است. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرا...

0 73 ۲۷ شهریور ۹۵ در این مطلب با ادامه آموزش Gruntxa0در خدمتتون هستیم. در این جلسه قصد داریم در مورد پلاگینxa0grunt-contrib-connectxa0صحبت کنیم. با استفاده از این ابزار میتونیم به راحتی محیط کدنویسی رو به مرورگر متصل کنیم و هر زمان که کدها رو تغییر میدیم، خروجی بصورت اتوماتیک در مرورگر به نمایش گذاش...

در این قسمت میخوام یک کد ( Something Fishyxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید تعدادی ماهی با استفاده از CSS ساخته شدن و با استفاده از Javascript حرکت داده میشن. همچنین میتونین بر روی نقطه مورد نظرتون کلیک کنید تا در اونجا یک ماهی جدید ساخته بشه و حرکت کنه. بدلیل اینکه حجم کدها زیاد بود...

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

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

2 122 ۲۲ شهریور ۹۵ به نام خدا، سلام دوستان، در این جلسه به معرفی متریال دیزاین خواهیم پرداخت، همچنین با کتابخانه مورد نیاز برای پیاده سازی متریال دیزاین آشنا خواهیم شد. مطالب مطرح شده در این جلسه عبارتند از : معرفی متریال دیزاین معرفی android design support library معرفی style.xml معرفی colors.xml م...

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

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

در این قسمت میخوام یک کد ( Sidebar Nav Animationxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک سایدبار در سمت چپ قرار داده شده و زمانی که بر روی اون هاور میکنید با حالتی بسیار زیبا باز میشه و اطلاعات اون نمایش داده میشه. شما میتونین از این سایدبار در سایت خودتون استفاده کنید. بدلیل اینکه حجم ک...

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

در این قسمت میخوام یک کد ( ship by kevinxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک کشتی زیبا با استفاده از کدهای CSS ساخته شده و حالت انیمیشنی زیبایی به اون داده شده و شما میتونین از اون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانل...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک فریم ورک CSS مدرن و بهینه رو قرار داده و میتونین از اون برای سایتتون استفاده کنید. این فریم ورک بسیار سبک هست و کار کردن با اون خیلی آسونه. همچنین واکنشگرا و Mobile-friendly هست و از Flexbox استفاده میکنه. تقریبا همه المنتهای HTML رو براشون اس...