در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک سری آموزش ویدئویی قرار داده شده که با استفاده از اون میتونید یاد بگیرید که چطور در یک پروژه Github سهیم و شریک بشید و قطعه کدی رو ویرایش و ثبت کنید. میبینید که از چند قسمت تشکیل شده و با کلیک بر روی هر کدوم باز میشه و میتونین ببینید. برای شروع...

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

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

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

@import url(http://fonts.googleapis.com/css?family=Martel+Sans:200,300,400,800,900); *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Martel Sans', sans-serif; background-color: #000; } section { height: 350px; width: ...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کامل و جزء به جزء در مورد فیلتر fecolormatrix در SVG توضیح داده و با مثالها و تصاویری که قرار داده شما رو کاملا با این قضیه آشنا میکنه. با استفاده از این فیلتر پیشرفته و قابلیتهای اون میشه بر روی رنگ تک تک پیکسلهای یک تصویر تغییراتی رو اعما...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون فایل JS قرار داده شده که میتونین با استفاده از اون و تنظیماتی که داره تصاویری رو هر ده دقیقه یکبار از سطح کره زمین دریافت و دانلود کنید. این فایل تصاویرشو از ماهواره Himawari-8 دریافت میکنه و به شما نشون میده. میتونین ویژگی های Zoom و ... رو هم م...

12 191 ۳ تیر ۹۵ عرض سلام و احترام داریم خدمت همه شما عزیزان، مخصوصا دانشجویان دوره آموزش اندروید که میدونیم مشتاقانه منتظر شروع این دوره بودند. طبق اطلاع قبلی امروز اولین جلسه دوره منتشر میشه و به امید خدا میریم که یه دوره ویژه و کامل رو داشته باشیم. در جلسه اول به معرفی دوره و مدرس اون خواهیم پرداخ...

@import url(http://fonts.googleapis.com/css?family=Martel+Sans:200,300,400,800,900); *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Martel Sans', sans-serif; background-color: #000; } section { height: 350px; width: ...

در این مطلب نمونه 7 برای هاور بر تصاویر با عنوان CSS Image Hover رو در اختیارتون قرار میدم. امیدوارم که بتونین از اون ایده بگیرید و یا اینکه از اون در سایتتون استفاده کنید. کد HTML : 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <h2 id="demo07">7. Blur</h2> <div class="hover07 column"> <div> <figure><img src=...

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

*, *: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 70 ۱ تیر ۹۵ به نام خدا و سلام. اگه یه پلاگین رو با موفقیت کدنویسی کردین حالا وقته بتونید این پلاگین رو سیستم کاربر نهایی تست کنید و برای این منظور باید کاربر نهایی بتونه به صورت کامل پلاگین شما رو روی سیستم خودش نصب کنه. در نظر بگیرید برای نصب پلاگین که کاربر نهایی بخواد خودش دیتابیس رو نصب کنه و ...

@import url(http://fonts.googleapis.com/css?family=Martel+Sans:200,300,400,800,900); *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Martel Sans', sans-serif; background-color: #000; } section { height: 350px; width: ...

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

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کامل و جامع در مورد کار با Service worker توضیح داده و میتونین از اون استفاده کنید و چیزایی زیادی رو یاد بگیرید. در این آموزش با Service Worker Api و قابلیتها اون آشنا میشید و مثالهایی برای شما زده میشه. با استفاده از Service Worker میتونین...

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

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

@import url(http://fonts.googleapis.com/css?family=Martel+Sans:200,300,400,800,900); *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: sans-serif; background-color: #000; } section { height: 350px; width: 94%; box-shadow...

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