در این مطلب میخوام سایتی رو بهتون معرفی کنم که با استفاده از اون میتونین انیمیشنهای جالبی رو به Checkbox های خودتون اعمال کنید و اونا رو معناگرا کنید. مثلا اگر بر روی Checkbox ای که label اون برابر با UP هست کلیک کنید، به سمت بالا حرکت میکنه و اگر بر روی Rotate کلیک کنید، Checkbox مرتبط به اون میچرخ...

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

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

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

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

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

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

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

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

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

*, *::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...

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

*, *::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...

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

<!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"> #outlook a { padding: 0; } .ReadMsgBody { width: 100%; } .Exte alClass { width: 100%; } .Exte alClass * { line-height:100%; }...

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

*, *::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...

<!DOCTYPE html> <html> <head> <title>table</title> <style type="text/css"> table { overflow: hidden; } td, th { padding: 10px; position: relative; outline: 0; } body:not(.nohover) tbody tr:hover { background-color: #ffa; } td:hover::after, thead th:not(:empty):hover::after, td:focus::after, thead th...

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

*, *::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...