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

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک فونت زیبا با 4 استایل متفاوت رو بصورت رایگان در اختیارتون قرار میده و میتونین از اون در طراحی استفاده کنید. برای شروع وارد سایت Cabo بشین. توضیحات مربوط به فونت Cabo در این سایت 2 فونت با 2 استایل متفاوت قرار داده شده و میتونین اونا رو بصورت رایگان دانلود کنید. فونت اول بنام Slab می باشد و برای دانلود بر روی دکمه زیر کلیک کنید: فونت دوم بنام Rounded می باشد و برای دانلود بر روی دکمه زیر کلیک کنید: امیدوارم بدردتون بخوره. موفق باشید. یا علی Cabo font typeface user interface دانلود فونت , ...ادامه مطلب

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون فونتی زیبا و با کیفیت بالا قرار داده شده که میتونین اون رو بصورت رایگان دانلود کرده و مورد استفاده قرار بدین. برای شروع وارد سایت Unchained بشین. توضیحات مربوط به فونت Unchained این فونت توسط Pavel Korzhenko ساخته شده است و بصورت رایگان در اختیار شما قرار گرفته. برای دانلود میتونین به انتهای سایت مورد نظر برید و بر روی دکمه Download کلیک کنید: ,استایلهای ...ادامه مطلب

در این قسمت میخوام یک کد ( Animography Text Editor ) جالب رو در اختیارتون بزارم. همونطور که دیدید دیدید یک Cursor قرار داده و زمانی که شروع به تایپ کردن میکنید، هر حرف با انیمیشنی زیبا و دیدنی نمایش داده میشه و کل حرف تشکیل میشه. بعد از اینکه متن رو تایپ کردید، با هاور کردن بر روی هر حرف، انیمیشن مربوط به اون تکرار میشه. در قسمت بالا و سمت راست یک دکمه بنام  Options Panel وجود داره که با دابل کلیک,کدهای,دیدنی,استایل ...ادامه مطلب

اینم از قولی که توی یکی از نظر ها داده بودم. با استفاده از این ابزار می تونین قالب های انگلیسی ای که دارین (left-to-right) رو به قالب های فارسی (right-to-left) تبدیل کنین یا حتی برعکس. البته ممکنه توی بعضی قالاب ها بعدش باید برین چند تا تغییرات بدین چون این ابزار فقط میگرده مشکلاتی که معمولا توی قالب ها موقع ترجمه پیش میاد رو درست میکنه. احتمالش هست که چیزای دیگه ای هم توی قالب نیاز به تغییر داشت,ابزار,استایل ...ادامه مطلب

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

در این قسمت میخوام یک کد ( Random Text Shuffle ) جالب رو در اختیارتون بزارم. همونطور که دیدید حروف رنگی و تصادفی زیادی با هم مخلوط میشن و عوض میشن و در نهایت حرف مورد نظر قرار داده میشه و بعد از گذشت مدتی، کل جمله اصلی شکل میگیره. با کلیک بر روی دکمه Shuffle این افکت تکرار میشه. بدلیل اینکه حجم کده, ...ادامه مطلب

در این قسمت میخوام یک کد ( Page Hopper ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک استایل زیبا برای صفحه بندی یا Pagination قرار داده شده و میتونین از اون ایده بگیرید. با کلیک بر روی هر کدام از موارد، دایره مورد نظر با افکتی زیبا منتقل میشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای هم, ...ادامه مطلب

در این قسمت میخوام یک کد ( Unfolding boxes ) جالب رو در اختیارتون بزارم. همونطور که دیدید تعدادی باکس مکعبی قرار داده شده و بصورت زیبا در کنار یکدیگر حرکت میکنن و چند وقت یکبار، وجه های مکعب از هم باز میشن و دوباره در کنار هم قرار میگیرن. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب ق, ...ادامه مطلب

در این قسمت میخوام یک کد ( Hover triangle wipe css ) جالب رو در اختیارتون بزارم. همونطور که دیدید زمانی که بر روی آیتمهای مختلف هاور میکنیم، مثلث کوچکی که در گوشه بالایی آیتم قرار داره، به زیبایی بزرگ میشه و حالت زیبایی رو به وجود میاره. میتونین از این مورد ایده بگیرید و یا اینکه از اون استفاده کنی, ...ادامه مطلب

در این قسمت میخوام یک کد ( Check Box Radial Wash ) جالب رو در اختیارتون بزارم. همونطور که دیدید لیستی از افراد قرار داده شده و برای هر کدام یک چک باکس قرار گرفته. با فعال کردن هر چک باکس، اون آیتم بصورت زیبا و شعاعی فعال میشه و رنگ مورد نظر کل ردیف رو میگیره. میتونین از این کد ایده بگیرید. بدلیل ای, ...ادامه مطلب

در این قسمت میخوام یک کد ( Select Option Interaction ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک منو Dropdown زیبا قرار داده شده و زمانی که بر روی اون کلیک میکنید، گزینه های اون با حالتی زیبا نمایش داده میشن و زمانی که گزینه مورد نظر رو انتخاب میکنید، با حالتی زیبا بصورت فعال در میاد. بدلیل ا, ...ادامه مطلب

در این قسمت میخوام یک کد ( Flat Login Form ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک استایل فلت و زیبا برای فرم قرار داده شده و میتونین از اون ایده بگیرید و استفاده کنید. با کلیک بر روی لینک Sign up، فرم مربوط به ثبت نام هم نمایش داده میشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای ه, ...ادامه مطلب

در این قسمت میخوام یک کد ( Phone styled IFrame ) جالب رو در اختیارتون بزارم.همونطور که دیدید یک Iframe به شکل و استایل موبایل قرار داده شده و میتونین عرض و ارتفاع اون رو مشخص کنید. همچنین میتونین آدرس سایت مورد نظرتون رو هم وارد کنید تا در اون نمایش , ...ادامه مطلب

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

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