در این قسمت میخوام یک کد ( Reimagined Profile ) جالب رو در اختیارتون بزارم. همونطور که دیدین یک استایل زیبا برای پروفایل قرار داده شده و زمانی که بر روی عکس کاربر مورد نظر هاور میکنید حالت اون به زیبایی عوض میشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دا...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون تعدادی آیکون زیبا قرار داده شده که میتونین اونا رو بصورت رایگان دانلود کرده و استفاده کنید. برای شروع وارد سایت icon-font بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is your conte...

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,800); * { box-sizing: border-box; } html, body { overflow-x: hidden; font-family: "Open Sans", sans-serif; font-weight: 300; color: #fff; background: #134A46; text-align: center; } span { position: relative; display: inline...

*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { text-align: center; padding-top: 50px; } @font-face { font-weight: normal; font-style: normal; font-family: 'icomoon'; src:url('fonts/icomoon.eot'); src:url('fonts/icomoon.eot?#iefix...

در این قسمت میخوام یک کد ( Responsive movie app UI ) جالب رو در اختیارتون بزارم. همونطور که دیدین رابط کاربری زیبا برای سایت فیلم قرار داده شده و میتونین از اون استفاده کرده و ایده بگیرید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که تصویر مورد نظر شما رو به بلاکهای 1 در 1 Lego تبدیل میکنه و اونو مثل وسایل بازی بچه ها میکنه. برای شروع وارد سایت Legofy بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is your content and yo...

6 بازدید ۲۷ دی ۹۴ در این مطلب با ادامه مطالب مربوط با کدهای جایگزین برای jQuery در خدمتتون هستم و امیدوارم که بدردتون بخوره. موضوع 3 : المنتها و کار با DOM مورد 12 : پیدا کردن المنتها اگر بخوایم در jQuery المنتهای خاصی رو پیدا و انتخاب کنیم، بصورت زیر عمل میکنیم: $('.my #awesome selector'); میبینید ...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون ابزاری برای ساخت مسیرهای SVG قرار داده شده و میتونین با استفاده از اون مسیرهای مورد نظرتون رو بسازید و خروجی بگیرید. برای شروع وارد سایت svg-path-builder بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS...

در این قسمت میخوام یک کد ( Shade ) جالب رو در اختیارتون بزارم. همونطور که دیدین سایه های زیبایی برای متون و ... قرار داده شده و میتونین از اونا در سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده ...

53 بازدید ۲۶ دی ۹۴ به نام خدا و سلام. در خدمت شما هستیم با 51 ام جلسه از دوره مجازی آموزش طراحی قالب حرفه ای وردپرس هستیم. در این جلسه با هم میریم سراغ پیاده سازی قسمت ادمین وردپرس قالب. برای شروع کار میریم سراغ بررسی نحوه اجرای درخواست های ودرپرس در سمت admin و اینکه چطوری کدها رو به طور مجزا در بخ...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که ابزاری رو در اختیارتون میزاره که میتونین به راحتی فیلترهای Instagram رو بر روی تصاویر مورد نظرتون قرار بدین. برای شروع وارد سایت CSSgram بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is yo...

* { margin: 0; padding: 0; } .grid { padding: 20px 20px 100px 20px; max-width: 1300px; margin: 0 auto; list-style: none; text-align: center; } .grid li { display: inline-block; width: 400px; margin: 0; padding: 20px; text-align: left; position: relative; } .grid figure { margin: 0; position: relativ...

در این قسمت میخوام یک کد ( Responsive Animated Infographic ) جالب رو در اختیارتون بزارم. همونطور که دیدین یک اینفوگرافیک انیمیشنی واکنشگرا قرار داده شده و با چرخش المنتهای مختلف رو بررسی میکنه و توضیح میده. شما میتونین از این مدل ایده بگیرید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطل...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون افکتهای زیبای انیمیشنی برای نمایش قسمتی از صفحه بکار رفته شده و میتونین از اون برای سایت خودتون استفاده کنید. برای شروع وارد سایت animated-intro بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service ...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که ابزاری رو در اختیارتون میذاره که با استفاده از اون میتونید مسیرهای SVG رو با حالتهای مختلف انیمیشنی کنید. برای شروع وارد سایت segment بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is your ...

*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { text-align: center; padding-top: 50px; } @font-face { font-weight: normal; font-style: normal; font-family: 'icomoon'; src:url('fonts/icomoon.eot'); src:url('fonts/icomoon.eot?#iefix...