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

استایل زیبا برای منو - Responsive Navigation Ideas (نمونه 4) : از بالا به پایین - تاریخ: 1395/3/8 ساعت: 11:24

body { xa0xa0background: #1BBC9B; xa0xa0font-family: 'Montserrat', sans-serif; } .container { xa0xa0text-align: center; } h1 { xa0xa0color: #117964; xa0xa0font-weight: 400; xa0xa0font-size: 2em; xa0xa0margin: 1em 0; } /** * iPhone * Credits: Flat, Scaleable CSS iPhone Illustration by Tom Hergenreter...

آموزش رسم نمودار با Highcharts (جلسه 16) - نمودارهای ستونی افقی - قسمت 2 - تاریخ: 1395/3/8 ساعت: 2:58

<html> <head> xa0xa0xa0xa0<title>Highcharts Tutorial</title> xa0xa0xa0xa0<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> xa0xa0xa0xa0<script src="http://code.highcharts.com/highcharts.js"></script> </head> <body> xa0xa0xa0xa0<div id="container" style="width: 5...

استایل زیبا برای منو - Responsive Navigation Ideas (نمونه 3) : جمع شدن صفحه به چپ - تاریخ: 1395/3/8 ساعت: 2:58

دوره مجازی پلاگین نویسی وردپرس (جلسه 16) : پلاگین آمار بازدید کاربران - رسم نمودار با chart.js - تاریخ: 1395/3/8 ساعت: 2:58

0 90 ۷ خرداد ۹۵ به نام خدا و سلام. در خدمت شما هستیم با جلسه شانزدهم از دوره مجازی پلاگین نویسی وردپرس. در این جلسه قصد داریم داده های موجود در دیتابیس رو با استفاده از پلاگین chart.js به صورت نمودار در بخش پنل ادمین نمایش دهیم. برای این مورد باید ابتدا کدهای این کتابخانه را به درستی به وردپرس اضافه...

آموزش رسم نمودار با Highcharts (جلسه 14) - نمودارهای سطحی - قسمت 5 - تاریخ: 1395/3/6 ساعت: 7:07

<html> <head> xa0xa0xa0xa0<title>Highcharts Tutorial</title> xa0xa0xa0xa0<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> xa0xa0xa0xa0<script src="http://code.highcharts.com/highcharts.js"></script> xa0xa0xa0xa0<script src="http://code.highcharts.com/highcharts...

استایل زیبا برای منو - Responsive Navigation Ideas (نمونه 2) : چرخش حول محور عمودی - تاریخ: 1395/3/6 ساعت: 7:07

codepad : سایتی برای اشتراک قطعه کدهای برنامه نویسی - تاریخ: 1395/3/6 ساعت: 7:07

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون توسعه دهندگان مختلف قطعه کدهای بدردبخور در زبانهای مختلف قرار میدن و شما میتونین از اونا استفاده کنید و برنامتون رو سریعتر پیش ببرید. علاوه بر اون شما میتونین کدهایی که دارید و فکر میکنید که بدرد میخوره رو قرار بدین تا دیگران از اونا استفاده کنن....

qanelas : دانلود 2 فونت رایگان و زیبا - تاریخ: 1395/3/5 ساعت: 7:34

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون تعدادی فونت زیبا قرار داده شده و میتونین دموی اونا رو ببینید و اگه خواستید اونا رو بخرید و استفاده کنید. در بالای سایت یک لینک قرار داده شده که میتونین 2 مورد از فونتها رو بصورت رایگان دانلود کرده و استفاده کنید. برای شروع وارد سایتxa0qanelasxa0ب...

استایل زیبا برای منو - Responsive Navigation Ideas (نمونه 1) : از چپ به راست - تاریخ: 1395/3/5 ساعت: 7:34

دوره مجازی فاندیشن (جلسه 23) - پروژه نهایی - بخش دوم - تاریخ: 1395/3/5 ساعت: 3:03

0 23 ۴ خرداد ۹۵ در جلسه بیست و سومxa0دوره آموزش فریم ورک فاندیشن می پرداریمxa0به پیاده سازی بخش دومxa0پروژه نهایی این دوره و آنچه را که آموختیم رو در قالب یک پروژه کاملا کاربردی پیاده سازی خواهیم کرد در این جلسه می پردازیم بهxa0: طراحی بخش خبرنامه در قالب مدال طراحی بخش منوی اصلی سایت طراحی زیر منوی...

آموزش رسم نمودار با Highcharts (جلسه 13) - مقدمه - تاریخ: 1395/3/4 ساعت: 12:55

کدهای جذاب و دیدنی ( UI Statistic Pop Out ) : استایل Pop out برای هاور شدن - تاریخ: 1395/3/4 ساعت: 2:44

در این قسمت میخوام یک کد ( UI Statistic Pop Outxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید افکت زیبایی برای هاور قرار داده شده و زمانی که بر روی المنتها هاور میکنید، اون آیتم بصورت Pop Out بالا میاد و حالت زیبایی رو به وجود میاره. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار...

gradient : تولیدکننده گرادینت blur از تصاویر - تاریخ: 1395/3/4 ساعت: 2:44

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

labelling : آموزش قرار دادن Label برای فرمها - تاریخ: 1395/3/3 ساعت: 5:34

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

آموزش رسم نمودار با Highcharts (جلسه 12) - نمودارهای سطحی - قسمت 3 - تاریخ: 1395/3/3 ساعت: 5:34

کدهای جذاب و دیدنی ( svg goo effect demonstration ) : نمایش افکت Goo در SVG - تاریخ: 1395/3/3 ساعت: 5:34

در این قسمت میخوام یک کد ( svg goo effect demonstrationxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید با استفاده از 4 دایره افکت Goo یا چسبنده رو براتون به نمایش گذاشته و میتونین اون رو بفهمید و ازش استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو...

curved-path-animations : حرکت در مسیری خمیده با CSS - تاریخ: 1395/3/1 ساعت: 4:42

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کلی آموزش داده شده که چطور انیمیشنی بر روی مسیر خمیده بسازیم و المنت مورد نظر رو در امتداد اون و با تابع زمانی خاص حرکت بدیم. برای شروع وارد سایتxa0curved-path-animationsxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! (...

کدهای جذاب و دیدنی ( Triangular Sidebar Menu ) : سایدبار مثلثی زیبا - تاریخ: 1395/3/1 ساعت: 4:42

در این قسمت میخوام یک کد ( Triangular Sidebar Menuxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک افکت مثلثی برای تمام اجزا قرار داده شده و زمانی که بر روی آیکون همبرگر یا سه خط کلیک میکنید، تمام اسلایدها میان و با کلیک بر روی هر کدوم، محتوای اون نمایش داده میشه. بدلیل اینکه حجم کدها زیاد بود ،...

واکنشگرا کردن تصاویر (جلسه آخر) : تعاریف - نتیجه گیری و جمع بندی - تاریخ: 1395/3/1 ساعت: 4:42

0 3 ۳۱ اردیبهشت ۹۵ در اینxa0مطلب با ادامه آموزش واکنشگرا کردن تصاویر در خدمتتون هستم. در این قسمت با آخرین جلسه از واکنشگرا کردن تصاویر در خدمتتون هستم. در این جلسه میخایم تعدادی راه و روش و منبع و نکات پایانی رو خدمتتون عرض کنیم. بازرسی تصاویر واکنشگرا اولین قدمی که میخایم یک سایت رو ببینیم و تصاوی...

واکنشگرا کردن تصاویر (جلسه 16) : تعاریف - Image Breakpoint - قسمت چهارم - تاریخ: 1395/2/31 ساعت: 0:53

0 5 ۲۹ اردیبهشت ۹۵ در اینxa0مطلب با ادامه آموزش واکنشگرا کردن تصاویر در خدمتتون هستم. انتخاب Breakpoint بر اساس بودجه Performance و کارایی چی میشه اگه ما ایده بودجه Performance رو در واکنشگرا کردن تصاویر مورد استفاده قرار بدیم؟ چطوری میشه اون رو تفسیر کرد؟ ما با تعریف کردن یک بودجه برای مقدار بایت ا...

قبلی 148 149 150 151 152 بعدی