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

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,900); * { box-sizing: inherit; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-timing-function: ease; transition-timing-function: ease; margin:...

در این قسمت میخوام یک کد ( Vertical Layout with Navigation ) جالب رو در اختیارتون بزارم. همونطور که دیدید با کلیک بر روی آیکون همبرگر یا سه خط در بالا و سمت چپ، یک منو باز میشه و با کلیک بر روی هر کدام از اونا، محتوای مربوط به اون نمایش داده میشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همی...

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

<html> <head> <title>Highcharts Tutorial</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> </head> <body> <div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div> <scr...

body { background: #1BBC9B; font-family: 'Montserrat', sans-serif; } .container { text-align: center; } h1 { color: #117964; font-weight: 400; font-size: 2em; margin: 1em 0; } /** * iPhone * Credits: Flat, Scaleable CSS iPhone Illustration by Tom Hergenreter * http://codepen.io/TomHergenreter/detail...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که میتونین با استفاده از اون فیلترهای مختلف ساخته شده با CSS رو بر روی تصاویر مورد نظرتون تست کنید و تنظیمات اون رو متناسب با نیازتون عوض کنید و در نهایت با کلیک بر روی CSS Code در سمت راست، کدهای CSS اون رو برداشته و استفاده کنید. همچنین در بالا هم تعدادی...

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

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون لیستی از سایتایی که در مورد سال 2015 بررسی و مرور کرده اند رو قرار داده و میتونین هر کدوم که خواستید رو ببینید و اطلاعات اون رو مشاهده کنید. سایتای معروف همشون در این لیست هستند و میشه در میان اونا به Behance و Twitter و Tumbler و Youtube و ... ن...

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

body { background: #1BBC9B; font-family: 'Montserrat', sans-serif; } .container { text-align: center; } h1 { color: #117964; font-weight: 400; font-size: 2em; margin: 1em 0; } /** * iPhone * Credits: Flat, Scaleable CSS iPhone Illustration by Tom Hergenreter * http://codepen.io/TomHergenreter/detail...

<html> <head> <title>Highcharts Tutorial</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> </head> <body> <div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div> <scr...

body { background: #1BBC9B; font-family: 'Montserrat', sans-serif; } .container { text-align: center; } h1 { color: #117964; font-weight: 400; font-size: 2em; margin: 1em 0; } /** * iPhone * Credits: Flat, Scaleable CSS iPhone Illustration by Tom Hergenreter * http://codepen.io/TomHergenreter/detail...

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

<html> <head> <title>Highcharts Tutorial</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> <script src="http://code.highcharts.com/highcharts-more.js"></script> </head> <body> <div id="cont...

body { background: #1BBC9B; font-family: 'Montserrat', sans-serif; } .container { text-align: center; } h1 { color: #117964; font-weight: 400; font-size: 2em; margin: 1em 0; } /** * iPhone * Credits: Flat, Scaleable CSS iPhone Illustration by Tom Hergenreter * http://codepen.io/TomHergenreter/detail...

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

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

body { background: #1BBC9B; font-family: 'Montserrat', sans-serif; } .container { text-align: center; } h1 { color: #117964; font-weight: 400; font-size: 2em; margin: 1em 0; } /** * iPhone * Credits: Flat, Scaleable CSS iPhone Illustration by Tom Hergenreter * http://codepen.io/TomHergenreter/detail...

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