سون لرن • آموزش

درود، به عنوان کسی که مدال کاردان وردپرس رو داره، افتضاحه که دارم همچین سوالی رو میپرسم اما ندانستن عیب نیست. دوستان ازتون میخام هر کس هر راهنمایی میتونه به بنده ارائه بده دریغ نکنه موضوع از اونجایی شروع میشه که بنده یه پروژه ی خیلی سنگین رو شروع کردم (برای خودم)، پروژه ای تحت عنوان یه بستر مجله ای یا وبلاگی که هر کسی میتونه هر چیزی توش بنویسه ببینید، موضوع این سایت آزاده، یعنی شما از گیم و تکنولوژی و هنر و سینما و ادبیات و سبک زندگی بگیر تا داستان و دلنوشته و خاطرات و… این سایت ورد...

در این مطلب میخوامxa0سایتیxa0رو بهتون معرفی کنم که یک مرورگر بسیار زیبا و جالب رو بصورت رایگان در اختیارتون قرار میده که ظاهر و امکانات جالبی داره و میتونین از اون استفاده کنید. برای شروع وارد سایتxa0Opera Neonxa0بشین. توضیحات مربوط به مرورگر Opera Neon مرورگر Opera Neon یکی از محصولات Opera هست و میتونین اون رو بصورت رایگان برای سیستم عاملهای Mac و Windows دانلود کنید. این مرورگر ظاهر و چیدمان بسیار زیبا...

در این مطلب میخوامxa0سایتیxa0رو بهتون معرفی کنم که در اون تعدادی اپلیکیشن iOS بسیار زیبا و الهام بخش قرار داده شده و میتونین از اونا ایده های زیادی بگیرید. برای شروع وارد سایتxa0LaudableAppsxa0بشین. توضیحات مربوط به سایت LaudableApps در بالای سایت چنین چیزی وجود دارد: با استفاده از سوئیچ میتونیم بین صفحه اصلی و درباره ما این سایت جابجا بشیم. با اسکرول به سمت پایین میتونین اپلیکیشنهای iOS رو مشاهده کنید و ...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که طراحی فوق العاده زیبایی رو داره و کار کردن با اون واقعا کاربر رو سرگرم میکنه و تجربه کاربری بسیار خوبی رو داره. برای شروع وارد سایتxa0Obrigado Naturalxa0بشین. توضیحات مربوط به طراحی سایت همونطور که مشاهده کردید در همون اول که سایت لود میشه یک انیمیشن زیبا انجام میشه و کاربر رو به خودش جذب میکنه. بر روی هر آیکون یا دکمه ای که هاور کنید، افکت زیبایی نمایش د...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بهترین و محبوب ترین طراحی های در زمینه Material Design رو قرار داده و شما با دیدن اونا میتونین ایده های زیادی برای طراحی بگیرید و از اونا استفاده کنید. برای هر طرح یک gif قرار داده شده که نحوه عملکرد اون رو نمایش میده و با کلیک بر روی هر کدام به صفحه مختص به اون هدایت میشید و میتونین اطلاعات بیشتری در مورد اون کسب کنید. برای شروع وارد سایتxa0Mate...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که با استفاده از اون و بدون نیاز به کدنویسی میتونین دکمه های بسیار زیبا مطابق با مد روز رو بسازید و به سادگی ازشون در سایت خودتون استفاده کنید. همونطور که در سایت مشاهده میکنید، تعدادی دکمه از پیش تعریف شده قرار داده شده اند. با استفاده از این بخش میتونین رنگ دکمه رو مشخص کنید میتونین سایز دکمه رو مشخص کنید میتونین کاری کنید که دکمه کل عرض المنت Parent ر...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون با استفاده از تصویرهای بسیار جالب، بصورت خیلی ساده Service worker رو به شما آموزش میده و میگه که چی هست و به چه دردی میخوره. برای شروع وارد سایتxa0Service-Workerxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی ...

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

در این قسمت میخوام یک کد ( Multi-layered Parallax Illustrationxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید افکت پارالکس چند لایه و بسیار زیبایی قرار داده شده و زمانی که به سمت پایین اسکرول میکنید، لایه ها با سرعت مختلفی حرکت میکنن و حالت زیبایی رو به وجود میارن. بدلیل اینکه حجم کدها زیاد بود ، ا...

در این قسمت میخوام یک کد ( Unravelxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک انیمیشن بسیار زیبا و دیدنی قرار داده شده و میتونین از دیدن اون لذت ببرید. همه این کارها با استفاده از css انجام شده است! بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید...

در این قسمت میخوام یک کد ( Twist Cube Illusionxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک مکعب قرار داده شده و بسیار زیبا میچرخه و دور خودش میپیچه و حالت زیبایی رو بوجود میاره. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون فریم ورکی در اختیارتون قرار گرفته که بسیار سبک هست و میتونین از اون برای گریدبندی سایتتون استقاده کنید. این ابزار بر پایه Flexbox هست و از ویژگی هایی استفاده کرده که در مرورگرهای قدیمی پشتیبانی نمیشه. این فریم ورک بر روی IE11 پشتیبانی میشه. برای شروع وارد سایتxa0grdxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! بخوانید...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که یک محیط و بوم ساخته شده با پیکسل رو به شما نمایش میده و میتونین با جابجا کردن ماوستون اون رو تغییر اندازه یا resize کنیدو این تصویر یا گرافیک، واکنشگرا هست و زمانی که اون رو resize میکنید، متناسب با سایزی که داره محتوای مناسبی رو نمایش میده و حالت اون عوض میشه. در سمت راست صفحه مورد نظر، تعدادی نمونه دیگه هم وجود داره که با کلیک بر روی هر کدوم، نمونه دیگری نمایش داده میشه. برای شروع وارد سایتxa0pixelxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا ...

در این قسمت میخوام یک کد ( Bubble Menuxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک منوی حبابی و بسیار زیبا ساخته شده و قرار گرفته و زمانی که بر روی اون هاور میکنید بصورت بسیار زیبا از هم جدا میشن و زیر هم قرار میگیرن و دوباره با بیرون بردن ماوس از روی اونا، سر جای اولشون بر میگردن. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! ...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک قالب رایگان و بسیار زیبا بنام Beetle رو برای وردپرس قرار داده و میتونین اون رو بصورت رایگان دانلود کرده و استفاده کنید. این قالب واکنشگرا هست و اسکرول اون بصورت پارالکس هست و گوگل مپ هم در اون قرار داده شده و امکانات زیاد دیگه ای هم داره که میتونین ازشون استفاده کنید. برای دانلود بر روی دکمه Free Download کلیک کنید. برای شروع وارد سایتxa0mokainexa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! بخوانید...

در این قسمت میخوام یک کد ( Mesmerizingxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک انیمیش زیبا و دورانی ساخته شده و قرار داده شده و شبیه به حالت هیپنوتیزم رو به وجود میاره. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید...

در این قسمت میخوام یک کد ( Reebok ink effectxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید با استفاده از mask در CSS، بصورت بسیار زیبا تصویر عوض میشه و حالت بسیار دیدنی هست و میتونین از اون ایده بگیرید و در سایت خودتون از اون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید...

در این قسمت میخوام یک کد ( fancy page transitionsxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک اسلایدر بسیار زیبا و پیشرفته قرار داده شده که با اسکرول کردن به سمت پایین و بالا جابجا میشن. اگر بر روی قسمت سمت چپ هم هاور کنید تمام اسلایدها باز میشه و میتونین هر کدوم رو خواستید انتخاب کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ...

در این مطلب میخوام سایتی رو بهتون معرفی کنم در اون مجموعه 510 تایی از ویدیوهای آموزنده برای طراحان قرار داده شده و میتونین اونا رو مشاهده کنید. این ویدیوها از 67 کنفرانس رابط و تجربه کاربری در سراسر جهان جمع آوری شده و در خدمت شما قرار گرفته. برای شروع وارد سایتxa0uideoxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! بخوانید...