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

آموزش استفاده از mjml برای ساخت ایمیلهای واکنشگرا (جلسه 2) - نصب و آماده سازی ادیتورها - تاریخ: 1395/7/25 ساعت: 9:01

0 19 ۲۴ مهر ۹۵ در این جلسه با ادامه آموزش mjml در خدمت شما هستیم. در جلسه پیش مقدماتی در مورد mjml در اختیارتون قرار دادیم. در این جلسه قصد داریم که این ابزار رو بر روی سیستم خودمون نصب کنیم و پلاگینهای اون رو برای ادیتورهای Sublime Text و Atom قرار بدیم تا بتونیم با فایلهای اون بخوبی و زیبایی کار ک...

کدهای جذاب و دیدنی ( Kinetic Mark ) : ساخت لودر زیبا با استفاده از CSS - تاریخ: 1395/7/23 ساعت: 8:26

در این قسمت میخوام یک کد ( Kinetic Markxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک لودر زیبا ساخته شده و با حالتی خاص دچار چرخش قرار میگیره. شما میتونین از این نمونه درون سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و...

ترفندهای حرفه ای و پیشرفته Front End (جلسه 5) : استایل دهی به underline - قسمت 3 - تاریخ: 1395/7/23 ساعت: 8:25

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

fluid-typography : تایپوگرافی شناور با استفاده از واحدهای vh و vw - تاریخ: 1395/7/22 ساعت: 2:19

در این مطلب میخوام سایتی رو بهتون معرفی کنم که که درون اون بصورت کامل در مورد واحدهای vw و vh توضیح داده و شما با استفاده از اون میتونین تایپوگرافیتون رو انعطاف پذیر تر کنید و روی هر دستگاهی به خوبی نمایش بدین. همونطور که میدونید vw و vh به ترتیب مخفف vertical width و vertical height هستن. برای شروع...

ترفندهای حرفه ای و پیشرفته Front End (جلسه 4) : استایل دهی به underline - قسمت 2 - تاریخ: 1395/7/22 ساعت: 2:19

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

کلاس های خصوصی آیلتس و وربال جی مت - تاریخ: 1395/7/22 ساعت: 2:19

0 29 ۲۲ مهر ۹۵ در طی سالهای اخیر به دیلی سیل خروج از کشور زبان انگلیسی به یکی از اصلی ترین نیازهای افراد تبدیل گشته است. در مجموع یادگیری زبان بسیار برای مقاصد شغلی و تحصیلی مفید می باشد. برای این دسته از افراد دوره های آموزشی استاد پورامیری در حال حاضر از بهترین دوره های خصوصی آیلتس و زبان در سراسر...

کدهای جذاب و دیدنی ( Animated Camera Icon ) : ساخت دوربین بصورت انیمیشنی - تاریخ: 1395/7/20 ساعت: 5:07

در این قسمت میخوام یک کد ( Animated Camera Iconxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک آیکون دوربین بصورت انیمیشنی ساخته شده و عکس بصورت زیبا از اون خارج میشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت ب...

کدهای جذاب و دیدنی ( BoldMedia Logo Variation ) : حالت انیمیشنی زیبا برای یک لوگو - تاریخ: 1395/7/20 ساعت: 5:06

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

دوره مجازی پلاگین نویسی وردپرس (جلسه 50) : پلاگین اعلانات وردپرس - publish post hook - تاریخ: 1395/7/20 ساعت: 5:06

0 50 ۱۹ مهر ۹۵ به نام خدا و سلام. در جلسه پنجاهم xa0از دوره مجازی پلاگین نویسی وردپرس در خدمت شما هستیم با پیاده سازی امکان ارسال اعلانات سفارشی و عملیات های سفارشی در زمان انتشار یک مطلب در وب سایت وردپرسی شما. در ابتدا و در ادامه ای جلسه قبل توابع ارسال پیامک و ایمیل رو برای زمان ثبت نام کاربر پیا...

استایل زیبا برای نشان دهنده اسلایدرها - Navigation Indicators ( نمونه 17) - تاریخ: 1395/7/17 ساعت: 15:37

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

آموزش استفاده از Markdown برای نوشتن محتوا (جلسه 11) - مرور جلسات گذشته بصورت ویدیویی - تاریخ: 1395/7/17 ساعت: 15:37

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

استایل زیبا برای نشان دهنده اسلایدرها - Navigation Indicators ( نمونه 16) - تاریخ: 1395/7/16 ساعت: 22:34

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

tomerlerner : سایت زیبا و دیدنی برای ایده گرفتن - تاریخ: 1395/7/16 ساعت: 22:34

در این مطلب میخوام سایتی رو بهتون معرفی کنم که طراحی حرفه ای و زیبایی داره و المنتها با حالتی انیمیشنی و زیبا جابجا میشن. اگه کمی با سایت کار کنید و بر روی دکمه های مختلف کلیک کنید، میبینید که اطلاعات کاملتر با استایلی زیبا و دیدنی نمایش داده میشن. برای شروع وارد سایتxa0tomerle erxa0بشین. امیدوارم ب...

آموزش استفاده از mjml برای ساخت ایمیلهای واکنشگرا (جلسه 1) - مقدمه - تاریخ: 1395/7/16 ساعت: 22:33

<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <style type="text/css"> xa0xa0#outlook a { padding: 0; } xa0xa0.ReadMsgBody { width: 100%; } xa0xa0.Exte alClass { width: 100%; } xa0xa0.Exte alClass...

annabel : دانلود فونت زیبا بصورت رایگان - تاریخ: 1395/7/15 ساعت: 0:47

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

استایل زیبا برای نشان دهنده اسلایدرها - Navigation Indicators ( نمونه 15) - تاریخ: 1395/7/15 ساعت: 0:47

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

ترفندهای حرفه ای و پیشرفته Front End (جلسه 2) : Highlight کردن ردیف و ستون جدول - قسمت 2 - تاریخ: 1395/7/15 ساعت: 0:47

<!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::af...

google-maps : بررسی تغییرات صورت گرفته در Google Maps - تاریخ: 1395/7/13 ساعت: 1:26

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

استایل زیبا برای نشان دهنده اسلایدرها - Navigation Indicators ( نمونه 13) - تاریخ: 1395/7/13 ساعت: 1:26

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

دوره مجازی ایلوستریتور - فصل دوم (جلسه اول) - تاریخ: 1395/7/11 ساعت: 9:12

0 202 ۱۰ مهر ۹۵ در جلسه اولxa0ازxa0فصل دومxa0دوره آموزشی ایلوستریتور می پردازیم به بررسی تکنیک bird logo در این جلسه می پرداریم به: بررسی استفاده از اشکال تو در تو و احجام هندسی برای رسیدن به طرح دلخواه نحوه جداسازی بخش هاس مختلف و بسته چندین شی توسط ابزار Shape Builder توضیحاتی در مورد ابزار Multip...

قبلی 132 133 134 135 136 بعدی