استایل زیبا برای لایت باکس - Modal Animation (نمونه 5) : باز شدن سریع از چپ به راست - تاریخ: 1395/3/25 ساعت: 2:45
* { xa0xa0box-sizing: border-box; xa0xa0padding: 0; xa0xa0margin: 0; } html, body { xa0xa0min-height: 100%; xa0xa0height: 100%; xa0xa0background-image: url(http://theartmad.com/wp-content/uploads/Dark-Grey-Texture-Wallpaper-5.jpg); xa0xa0background-size: cover; xa0xa0background-position: top center;...
دوره مجازی فاندیشن (جلسه 29) - پروژه نهایی - بخش هشتم - تاریخ: 1395/3/24 ساعت: 17:16
0 2 ۲۴ خرداد ۹۵ در جلسه بیستxa0و نهمxa0دوره آموزش فریم ورک فاندیشن می پرداریمxa0به پیاده سازی بخش هشتمxa0پروژه نهایی این دوره و آنچه را که آموختیم رو در قالب یک پروژه کاملا کاربردی پیاده سازی خواهیم کرد در این جلسه می پردازیم بهxa0: طراحی و سفارشی سازی بخش صفحه بندی طراحی و سفارشی سازی و نحوه استفاد...
استایل زیبا برای دکمه های دو حالتی - CSS3 Toggle Buttons ( نمونه 5) - تاریخ: 1395/3/24 ساعت: 3:01
@import url(http://fonts.googleapis.com/css?family=Francois+One); @import url(http://fonts.googleapis.com/css?family=PT+Sans); @font-face { xa0xa0font-family: 'Audiowide'; xa0xa0font-style: normal; xa0xa0font-weight: 400; xa0xa0src: local("Audiowide"), local("Audiowide-Regular"), url(http://themes.g...
activetheory : سایتی زیبا با طراحی فوق العاده - تاریخ: 1395/3/24 ساعت: 3:01
در این مطلب میخوام سایتی رو بهتون معرفی کنم که از نظر طراحی بسیار زیبا هست و میتونین از اون ایده های زیادی بگیرید. وقتی که ماوس جابجا میشه حالت زیبایی رو به وجود میاره و همچنین با جابجا شدن بین صفحه ها انیمیشنهای دیدنی نمایش داده میشه. هر کدوم از قسمتهای این سایت نکات زیادی داره و میتونین تک تک اونا...
آموزش رسم نمودار با Highcharts (جلسه 31) - نمودار ترکیبی - قسمت 1 - تاریخ: 1395/3/23 ساعت: 23:09
<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...
دوره مجازی پلاگین نویسی وردپرس (جلسه 21) : پلاگین آمار بازدید کاربران - wp_mail - تاریخ: 1395/3/23 ساعت: 5:23
0 51 ۲۲ خرداد ۹۵ به نام خدا و سلام . یکی از مسائل اصلی پلاگین های وردپرس ارسال ایمیل هایی با فرمت html هستش که در بسیاری از افزونه های حرفه ای این ویژگی وجود داره. در این جلسه از دوره مجازی پلاگین نویسی قصد داریم تا در بخش اطلاع رسانی پلاگین آمار بازدید کاربران این مورد رو با استفاده از wp_mail کامل...
sampulator : ساخت موزیک با استفاده از کیبورد - تاریخ: 1395/3/23 ساعت: 5:23
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون میتونین با استفاده از محیط ساده ای که براتون قرار داده شده، آهنگهای مورد نظر خودتون رو بسازید. با کلیک بر روی هر کدوم یک صدا ایجاد میشه و اصلش اینه که با استفاده از کیبورد این صداها رو بوجود بیارید. با کلیک بر روی هر دکمه کیبورد، صدای متناظر با ا...
استایل زیبا برای لایت باکس - Modal Animation (نمونه 4) : باز شدن شبیه به انفجار - تاریخ: 1395/3/23 ساعت: 5:23
* { xa0xa0box-sizing: border-box; xa0xa0padding: 0; xa0xa0margin: 0; } html, body { xa0xa0min-height: 100%; xa0xa0height: 100%; xa0xa0background-image: url(http://theartmad.com/wp-content/uploads/Dark-Grey-Texture-Wallpaper-5.jpg); xa0xa0background-size: cover; xa0xa0background-position: top center;...
streams : آموزش مقدماتی برای Web Streams API - تاریخ: 1395/3/22 ساعت: 8:54
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش مقدماتی و خوبی برای Web Streams API قرار داده شده و میتونین از اون بهره ببرید و از مزیتاش استفاده کنید. همونطور که در تصویر پایین میبینید دو حالت وجود داره. اولی Without Streaming هست و همون حالت عادی خودمون هست. در این حالت ابتدا باید کل ا...
fibon-sans : دانلود فونتی زیبا بصورت رایگان - تاریخ: 1395/3/22 ساعت: 8:54
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک فونت زیبا و حرفه ای قرار داده شده و میتونین اون رو دانلود کرده و در طراحیای خودتون ازش استفاده کنید. این فونت در 6 وزن یا weight قرار داده شده و میتونین با کلیک بر روی دکمه سبز رنگ Download در پایین صفحه، فونت مورد نظر رو دانلود کنید. این فونت...
استایل زیبا برای دکمه های دو حالتی - CSS3 Toggle Buttons ( نمونه 4) - تاریخ: 1395/3/22 ساعت: 8:54
@import url(http://fonts.googleapis.com/css?family=Francois+One); @import url(http://fonts.googleapis.com/css?family=PT+Sans); @font-face { xa0xa0font-family: 'Audiowide'; xa0xa0font-style: normal; xa0xa0font-weight: 400; xa0xa0src: local("Audiowide"), local("Audiowide-Regular"), url(http://themes.g...
loading : آموزش ساخت لودینگ زیبا با استفاده از SVG و Segment - تاریخ: 1395/3/20 ساعت: 14:44
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت مرحله به مرحله آموزش داده شده که چطور لودینگهای زیبایی رو با استفاده از SVG و Segment درست کنیم و با استفاده از مسیرهای مختلف، رفتار اونا رو تعریف کرده و حالت زیبایی رو به وجود بیاریم. لودینگها در استایلهای مختلفی قرار داده شدن و به دو شکل ...
استایل زیبا برای دکمه های دو حالتی - CSS3 Toggle Buttons ( نمونه 3) - تاریخ: 1395/3/20 ساعت: 14:44
@import url(http://fonts.googleapis.com/css?family=Francois+One); @import url(http://fonts.googleapis.com/css?family=PT+Sans); @font-face { xa0xa0font-family: 'Audiowide'; xa0xa0font-style: normal; xa0xa0font-weight: 400; xa0xa0src: local("Audiowide"), local("Audiowide-Regular"), url(http://themes.g...
css-protips : تکنیکهای پیشرفته در CSS - تاریخ: 1395/3/20 ساعت: 14:44
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون تعدادی ترفند و تکنیک پیشرفته در CSS رو گفته و میتونین با انجام اونا با کدی کمتر، کارای بهینه تر و پیشرفته تری رو انجام بدین. بعضی از مواردی که بیان شده مربوط به CSS4 هست و هنوز خیلی در مرورگرها پشتیبانی نمیشه، ولی در آینده ای نزدیک جای کدای قدیمی...
دوره مجازی پلاگین نویسی وردپرس (جلسه 20) : پلاگین آمار بازدید کاربران -wp_schedule_event و ارسال پیامک و ایمیل - تاریخ: 1395/3/20 ساعت: 7:29
0 59 ۱۹ خرداد ۹۵ به نام خدا و سلام. با بیستمین جلسه از دوره مجازی پلاگین نویسی در خدمت شما هستیم. در این جلس قصد داریم نحوه ایجاد کارهای زمان بندی شده را خدمت شما آموزش دهیم و با استفاده از آن گزارش های روزانه پلاگین آمار بازدید را برای کاربران مورد نظر ارسال کنیم. در ابتدا تابع wp_schedule_event را...
viewerjs : گالری تصاویر زیبا و پیشرفته به وسیله Javascript - تاریخ: 1395/3/19 ساعت: 22:20
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون ابزار Javascript قرار داده شده که میتونین با استفاده از اون گالری تصویر پیشرفته ای رو بسازید و بر روی اون کنترل کامل داشته باشید. امکاناتی که در این ابزار قرار داده شده بصورت زیر هست: قابلیت زوم شدن قابلیت چرخاندن قابلیت بر عکس کردن تصویر استفاده...
استایل زیبا برای دکمه های دو حالتی - CSS3 Toggle Buttons ( نمونه 2) - تاریخ: 1395/3/19 ساعت: 1:26
@import url(http://fonts.googleapis.com/css?family=Francois+One); @import url(http://fonts.googleapis.com/css?family=PT+Sans); @font-face { xa0xa0font-family: 'Audiowide'; xa0xa0font-style: normal; xa0xa0font-weight: 400; xa0xa0src: local("Audiowide"), local("Audiowide-Regular"), url(http://themes.g...
استایل زیبا برای لایت باکس - Modal Animation (نمونه 2) : باز شدن از پایین - تاریخ: 1395/3/19 ساعت: 1:26
* { xa0xa0box-sizing: border-box; xa0xa0padding: 0; xa0xa0margin: 0; } html, body { xa0xa0min-height: 100%; xa0xa0height: 100%; xa0xa0background-image: url(http://theartmad.com/wp-content/uploads/Dark-Grey-Texture-Wallpaper-5.jpg); xa0xa0background-size: cover; xa0xa0background-position: top center;...
کدهای جذاب و دیدنی ( Stats animation ) : نمودارهای زیبا و انیمیشنی - تاریخ: 1395/3/18 ساعت: 3:48
در این قسمت میخوام یک کد ( Stats animationxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید نمودارهای انیمیشنی زیبایی قرار داده شده و میتونین از اونا ایده بگیرید و در سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید...
استایل زیبا برای لایت باکس - Modal Animation (نمونه 1) : باز شدن از وسط - تاریخ: 1395/3/17 ساعت: 11:48
* { xa0xa0box-sizing: border-box; xa0xa0padding: 0; xa0xa0margin: 0; } html, body { xa0xa0min-height: 100%; xa0xa0height: 100%; xa0xa0background-image: url(http://theartmad.com/wp-content/uploads/Dark-Grey-Texture-Wallpaper-5.jpg); xa0xa0background-size: cover; xa0xa0background-position: top center;...