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

767 7 1391732 فهرست مطالباکسپلور چیست (خلاصه مقاله در یک نگاه)اینستاگرام، چطور اکسپلورمان را می‌چیند؟چگونه پست خود را وارد اکسپلور کنیم؟1. مخاطب خود را بشناسید2. زمان مناسبی فعالیت کنید3. سبک خاص خودتان را داشته باشید4. هشتگ، تگ و لوکیشن فراموش نشود5. از محتوای انگیزشی استفاده کنید6. از پست‌های اکسپلور، ایده بگیرید7. ویدیوهای کوتاه در قالب ریلز را امتحان کنید8. تعامل، تعامل و تعامل!9. حواستان به CTA باشد10. از اینفلو...

به کمک آرایه ها میتوان مقادیر زیادی را در یک متغیر نگهداری کرد. کسب مهارت در کار با آرایهها در برنامه نویسی، توانایی و کیفیت ما را افزایش خواهد داد. با استفاده از آرایه در PHP خواهیم توانست کارها ...

در دنیای برنامه نویسی، هیچ برنامهای بدون خطا نیست! خطاهای برنامه نویسی به دلایل مختلفی ایجاد میشوند. اگر بتوانیم خطاها را کشف کرده و آنها را برطرف کنیم، هیچ گاه از خطاها و باگها نخواهیم ترسید! د...

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

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون 3 ترفند نرم افزار Adobe Illustrator بهتون آموزش داده میشه که ساخت انیمیشن ها با استفاده از SVG رو بهبود میبخشه.xa0برای شروع وارد سایتxa0Stroke Animationxa0بشین. توضیحات مربوط به کتابخانه Stroke Animation همونطور که میدونین با استفاده از نرم افزار Adobe Illustrator میتونیم فایلهای SVG رو به وجود بیاریم و از اونا خروجی یا Export بگیریم. در این آموزش تعدادی ترفند قرار داده شده که با استفاده از اونا میتونین انیمیشن های بهتری رو با استفاده از SVG ...

همونطور که اطلاع دارید درxa0جلسه قبلxa0تعدادی نکته کاربردی درباره Network در اختیارتون قرار دادم. در این جلسه میخوایم تعدادی نکته کاربردی در مورد انتخابگر زمینه اجرا یاxa0Execution context در Console رو بهتون آموزش بدیم. انتخاب کردن زمینه اجرا در Console ...

همونطور که اطلاع دارید درxa0جلسه قبلxa0در موردxa0نحوه تهیه تصاویر تمام صفحه از سایت مورد نظر،xa0توضیحاتی رو خدمتتون عرض کردیم و در این جلسه قصد داریم در موردxa0بررسی و کار با انیمیشنها با هم بحث کنیم. با استفاده از این امکان میتونینxa0به راحتیxa0Animation های خودتون رو بررسی کنید و کنترل کاملی بر روی اونا داشته باشید.برای این آموزش از این لینک به عنوان منبع استفاده میکنیم. هدف اصلی Animation Inspector رو میشه د...

همونطور که اطلاع دارید در جلسه قبل در مورد Request Blocking توضیحاتی رو خدمتتون عرض کردیم و در این جلسه قصد داریم در مورد Capture Screenshot با هم بحث کنیم. با استفاده از این امکان میتونین بدون نیاز به هیچ افزونه ای، از صفحات مورد نظر خودتون تصویر تمام صفحه تهیه کرده و از اون استفاده کنید. نحوه گرفتن تصویر تمام صفحه خب در اینجا باید ابتدا اون سایتی که قصد دارید از اون تصویر تمام صفحه تهیه کنید رو ...

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

همونطور که خاطرتون هست، در جلسه قبل در مورد تبدیل Inspector به یک ویرایشگر قدرتمند، اطلاعاتی رو در اختیارتون قرار دادیم و با مثالها و تصاویری که قرار دادیم، شما رو بصورت کامل با اون و ویژگی هاش آشنا کردیم. در این جلسه میخوایمxa0در مورد بلاک کردن درخواستهایی خاص صحبت کنیم و مبحث Block Request در Inspector رو بصورت کامل یاد بگیریم. همونطور که میدونین با استفاده از تب Network میتونیم همه درخواستها و Re...

همونطور که خاطرتون هست، در جلسه قبل در مورد Code coverage اطلاعاتی رو در اختیارتون قرار دادیم و با مثالها و تصاویری که قرار دادیم، شما رو بصورت کامل با اون و ویژگی هاش آشنا کردیم. در این جلسه میخوایم نحوه اضافه کردن پروژه های مورد نظرمون به Workspace رو توضیح بدیم و با این ویژگی میتونیم Inspector یا DevTools رو به یک ویرایشگر قدرتمند تبدیل کنیم. فرض کنید که شما روی یک پروژه کار میکنید. همونطور که ...

همونطور که اطلاع دارید در جلسات گذشته ترفندهای بسیار زیادی رو برای Inspector مرورگر Chrome قرار دادیم و شما رو با ویژگی ها و امکاناتی که در اختیارتون قرار میده رو آشنا کردیم. از این جلسه به بعد سعی میکنیم در مورد ویژگی هایی که جدید به Inspector اضافه میشه و یا ویژگی هایی که اصلا در موردشون بحث نشده، آموزش هایی رو قرار بدیم. در این جلسه میخوایم Code Coverage، امکانی که اخیرا توسط Chrome اضافه شده ...

همونطور که اطلاع دارید در جلسه گذشته نکات زیادی رو در مورد درست کردن استایل پرینت براتون قرار دادیم و شما رو با اونا آشنا کردیم. در این جلسه با ادامه نکات در خدمتتون هستیم. 11. استفاده از Media Query فرض کنید که شما یک Media query شبیه به مورد زیر دارید: @media screen and (min-width: 48em) { xa0xa0xa0xa0/* screen only */ } چون در query بالا از نوع screen استفاده کردیم، پس این کدها فقط در دستگ...

همونطور که اطلاع دارید در جلسه گذشته نکات زیادی رو در مورد درست کردن استایل پرینت براتون قرار دادیم و شما رو با اونا آشنا کردیم. در این جلسه با ادامه نکات در خدمتتون هستیم. 9. نمایش کاملxa0کلمات اختصارxa0در حالت پرینت همونطور که اطلاع دارید در HTML5 میتونیم با استفاده از تگ abbr عنوان کامل یک کلمه اختصار رو تعریف کنیم. مثلا کد زیر رو در نظر بگیرید: The <abbr title="World Health Organizatio...

0 11 ۲ آذر ۹۵ در این مطلبxa0با ادامه ترفندهای حرفه ای CSS ProTips در خدمتتون هستیم. وسط چین کردن المنتها از نظر عمودی این کار شاید بنظر سخت برسه ولی در عمل خیلی سخت هم نیس و این کار رو میتونین به آسونی انجام بدین و هر المنتی رو بصورت وسط چین در بیارید. کد زیر رو در نظر بگیرید: 1 2 3 4 5 6 7 8 9 10 11 12 html, body { xa0xa0height: 100%; xa0xa0margin: 0; } body { xa0xa0-webkit-align-items: center; xa0xa0-ms-flex-align: center; xa0xa0align-items: center; xa0xa0display: -webkit-flex; x...

0 30 ۲۲ مهر ۹۵ در جلسه قبل در مورد استایل دهی به Underline براتون توضیحاتی دادم و شما رو با مزایا و معایب border-bottom آشنا کردم. در این جلسه میخایم در مورد دیگر روشها با همدیگه بحث کنیم. استفاده از box-shadow همونطور که میدونین با استفاده از ویژگی box-shadow میتونیم سایه هایی رو برای المنتهای مورد نظرمون قرار بدیم. سایه ها بصورت پیش فرض خارج از المنت ها قرار میگیرن ولی شما میتونین با قرار دادن مقدار inset اونا رو درونی کنید و با اینکار اون سایه درون خود المنت قرار میگیره. برای اینکه با اس...

0 5 ۲۱ مهر ۹۵ در جلسه قبل در مورد استایل دهی به Underline براتون توضیحاتی دادم و شما رو با مزایا و معایب text-decoration آشنا کردم. در این جلسه میخایم در مورد دیگر روشها با همدیگه بحث کنیم. استفاده از border-bottom استفاده از ویژگی border-bottom یک راه سریع و قابل سفارشی شدن رو در اختیار ما قرار میده که میتونیم با استفاده از اون Underline برای متون خودمون قرار بدیم. چون که ما داریم از border درون css استفاده میکنیم، پس میتونیم استایل، رنگ و ضخامت اون رو به آسونی تغییر بدیم. حالا فرض کنید تع...

<!DOCTYPE html> <html> <head> <title>table</title> <style type="text/css"> table { xa0xa0overflow: hidden; } td, th { xa0xa0padding: 10px; xa0xa0position: relative; xa0xa0outline: 0; } body:not(.nohover) tbody tr:hover { xa0xa0background-color: #ffa; } td:hover::after, thead th:not(:empty):hover::after, td:focus::after, thead th:not(:empty):focus::after { xa0xa0content: '';xa0xa0 xa0xa0height: 10000px; xa0xa0left: 0; xa0xa0position: absolute;xa0xa0 xa0xa0to...

0 5 ۱۵ شهریور ۹۵ ترفند 19 : جابجا کردن و چیدن تب ها با سلیقه خودتون همونطور که میدونید درون Inspector تعدادی تب وجود داره و از ابتدا ترتیب اونا توسط خود مرورگر بصورت پیش فرض قرار گرفته. در نسخه های اخیر قابلیتهای زیادی به Inspector اضافه شده که خیلی در اون به رابط کاربری و تجربه کاربری اهمیت دادن و با اینکار رضایت کاربران رو جلب میکنن. یکی از اون کارا جابجا کردن تب ها و چیدن اونا متناسب با سلیقه خودتون هست. وقتی که تبها رو جابجا میکنید، جوری نیست که با بستن مرورگر باز به صورت اول برگرده و ت...

0 22 ۲۳ مرداد ۹۵ در این آموزش و قسمتهای بعدی قصد دارم تعدادی ترفند و راه پیشرفته برای کار کردن با Inspector مرورگر Chrome رو بهتون آموزش بدم و تا اینکه بتونیم از قدرت اون بیشتر از گذشته استفاده کنیم. همونطور که همیشه میگم سعی کنید که مرورگر Chrome خودتون رو Update و بروزرسانی کنید تا وقتی که خودتون میخاید موارد مختلف رو تست کنید به مشکلی برنخورید. ترفند 1 : ساختن Snippet و اجرا کردن آن در هر صفحه وب با استفاده از این روش شما میتونین درون صفحه ای که هستید، بدون اینکه ادیتور خودتون رو باز کنی...