0 18 ۲۸ خرداد ۹۵ در جلسه سی و یکم دوره آموزش فریم ورک فاندیشن می پرداریم به پیاده سازی بخش پایانی پروژه نهایی این دوره و آنچه را که آموختیم رو در قالب یک پروژه کاملا کاربردی پیاده سازی خواهیم کرد نکته : با سلام خدمت تمامی دانشجویان دوره آموزشی فریم ورک فاندیشن, سرانجام به جلسه پایانی این دوره رسیدیم...

<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-3d.js"></script> </head> <body> <div id="contai...

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

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section { font-family: 'Open Sans', sans-serif; height: 350px; position: relative; background-clip: fixed; background-repeat: no-repeat; background-size: cover; background-position: center c...

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

0 10 ۲۶ خرداد ۹۵ در جلسه سی ام دوره آموزش فریم ورک فاندیشن می پرداریم به پیاده سازی بخش نهم پروژه نهایی این دوره و آنچه را که آموختیم رو در قالب یک پروژه کاملا کاربردی پیاده سازی خواهیم کرد در این جلسه می پردازیم به : طراحی بخش فوتر معرفی و نحوه استفاده از پلاگین news ticker ... توضیحات : امروزه با ...

@import url(http://fonts.googleapis.com/css?family=Francois+One); @import url(http://fonts.googleapis.com/css?family=PT+Sans); @font-face { font-family: 'Audiowide'; font-style: normal; font-weight: 400; src: local("Audiowide"), local("Audiowide-Regular"), url(http://themes.googleusercontent.com/sta...

<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-3d.js"></script> </head> <body> <div id="contai...

0 74 ۲۶ خرداد ۹۵ به نام خدا. همیشه پیش میاد که بیخوایم یکسری از اطلاعات اضافه از کاربران سایت وردپرسی رو به صورت دائمی در سایتمون ذخیره کنیم. اما خوب نمی تونیم برای هر مورد یک جدول دیتابیس ایجاد کنیم. وردپرس برای حل این مشکل user meta رو ایجاد کرده. ما می تونیم به راحتی با استفاده از توابع موجود تما...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون لیستی از ویدئوهای مفید برای css قرار داده شده و میتونین اونا رو ببینید و با موارد مختلفی که در این زمینه وجود داره آشنا بشید. برای شروع وارد سایت must-watch-css بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! (Why?)

* { box-sizing: border-box; padding: 0; margin: 0; } html, body { min-height: 100%; height: 100%; background-image: url(http://theartmad.com/wp-content/uploads/Dark-Grey-Texture-Wallpaper-5.jpg); background-size: cover; background-position: top center; font-family: helvetica neue, helvetica, arial, ...

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

@import url(http://fonts.googleapis.com/css?family=Francois+One); @import url(http://fonts.googleapis.com/css?family=PT+Sans); @font-face { font-family: 'Audiowide'; font-style: normal; font-weight: 400; src: local("Audiowide"), local("Audiowide-Regular"), url(http://themes.googleusercontent.com/sta...

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

<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...

0 51 ۲۲ خرداد ۹۵ به نام خدا و سلام . یکی از مسائل اصلی پلاگین های وردپرس ارسال ایمیل هایی با فرمت html هستش که در بسیاری از افزونه های حرفه ای این ویژگی وجود داره. در این جلسه از دوره مجازی پلاگین نویسی قصد داریم تا در بخش اطلاع رسانی پلاگین آمار بازدید کاربران این مورد رو با استفاده از wp_mail کامل...

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

* { box-sizing: border-box; padding: 0; margin: 0; } html, body { min-height: 100%; height: 100%; background-image: url(http://theartmad.com/wp-content/uploads/Dark-Grey-Texture-Wallpaper-5.jpg); background-size: cover; background-position: top center; font-family: helvetica neue, helvetica, arial, ...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش مقدماتی و خوبی برای Web Streams API قرار داده شده و میتونین از اون بهره ببرید و از مزیتاش استفاده کنید. همونطور که در تصویر پایین میبینید دو حالت وجود داره. اولی Without Streaming هست و همون حالت عادی خودمون هست. در این حالت ابتدا باید کل ا...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک فونت زیبا و حرفه ای قرار داده شده و میتونین اون رو دانلود کرده و در طراحیای خودتون ازش استفاده کنید. این فونت در 6 وزن یا weight قرار داده شده و میتونین با کلیک بر روی دکمه سبز رنگ Download در پایین صفحه، فونت مورد نظر رو دانلود کنید. این فونت...