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

استایل زیبا برای دکمه های دو حالتی - CSS3 Toggle Buttons ( نمونه 1) - تاریخ: 1395/3/17 ساعت: 11:48

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

آموزش رسم نمودار با Highcharts (جلسه 25) - نمودارهای دایره ای - قسمت 3 - تاریخ: 1395/3/17 ساعت: 11:48

<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/modules/dr...

استایل زیبا برای هاور دکمه - Button Hover Effect (نمونه 5) : افکت پخش موج - تاریخ: 1395/3/15 ساعت: 14:58

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,900); * { xa0xa0box-sizing: inherit; xa0xa0-webkit-transition-property: all; xa0xa0transition-property: all; xa0xa0-webkit-transition-duration: .6s; xa0xa0xa0xa0xa0xa0xa0xa0xa0xa0transition-duration: .6s; xa0xa0-webkit-transition-timi...

Icons : دانلود رایگان 72 آیکون 24 در 24 زیبا - تاریخ: 1395/3/15 ساعت: 14:58

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون 72 آیکون زیبا در سایز 24 در 24 قرار داده شده و میتونین اونا رو بصورت رایگان دانلود کرده و استفاده کنید. این آیکونها در فرمتهای AI برای Adobe illustrator و PSD برای Photoshop و Sketch و SVG قرار داده شده و میتونین با استفاده از لینکی که قرار داده ...

دوره مجازی فاندیشن (جلسه 26) - پروژه نهایی - بخش پنجم - تاریخ: 1395/3/15 ساعت: 14:58

0 3 ۱۵ خرداد ۹۵ در جلسه بیست و ششم دوره آموزش فریم ورک فاندیشن می پرداریمxa0به پیاده سازی بخش پنجمxa0پروژه نهایی این دوره و آنچه را که آموختیم رو در قالب یک پروژه کاملا کاربردی پیاده سازی خواهیم کرد در این جلسه می پردازیم بهxa0: تکمیل بخش اسلایدر توسط پلاگین animate.css معرفی و نحوه استفاده از پلاگی...

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

استایل زیبا برای منو - Responsive Navigation Ideas (نمونه 6) : چرخش حول محور z - تاریخ: 1395/3/13 ساعت: 11:05

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

es6-cheatsheet : برگه راهنما برای Ecmascript 6 - تاریخ: 1395/3/13 ساعت: 11:05

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

دوره مجازی فاندیشن (جلسه 25) - پروژه نهایی - بخش چهارم - تاریخ: 1395/3/12 ساعت: 7:19

0 21 ۱۱ خرداد ۹۵ در جلسه بیست و پنجمxa0دوره آموزش فریم ورک فاندیشن می پرداریمxa0به پیاده سازی بخش چهارمxa0پروژه نهایی این دوره و آنچه را که آموختیم رو در قالب یک پروژه کاملا کاربردی پیاده سازی خواهیم کرد در این جلسه می پردازیم بهxa0: پیاذه سازی بخش جستجو قالب پیاده سازی بخش slider قالب معرفی و بررسی...

کدهای جذاب و دیدنی ( SVG Low PolyLion ) : ساخت شیر با polygon در SVG - تاریخ: 1395/3/11 ساعت: 11:23

در این قسمت میخوام یک کد ( SVG Low PolyLionxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید شکل شیر رو با استفاده از polygon ساخته شده و افکت انیمیشنی برای اون قرار داده شده. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذ...

the-spirit : آزمایشی زیبا برای WebGL - تاریخ: 1395/3/11 ساعت: 11:23

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

استایل زیبا برای هاور دکمه - Button Hover Effect (نمونه 2) : باز شدن border از وسط - تاریخ: 1395/3/11 ساعت: 11:23

کدهای جذاب و دیدنی ( Vertical Layout with Navigation ) : استایل زیبا برای Navigation - تاریخ: 1395/3/10 ساعت: 6:33

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

johos : سایتی با طراحی زیبا و دیدنی - تاریخ: 1395/3/10 ساعت: 6:33

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

آموزش رسم نمودار با Highcharts (جلسه 19) - نمودارهای ستونی عمودی - قسمت 3 - تاریخ: 1395/3/10 ساعت: 6:33

<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 (نمونه 5) : باز شدن از گوشه بالا - تاریخ: 1395/3/9 ساعت: 4:17

cssfilters : تست فیلترهای محتلف با استفاده از CSS - تاریخ: 1395/3/9 ساعت: 4:17

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

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

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

yearinreview : بررسی سایتای مختلف در سال 2015 - تاریخ: 1395/3/8 ساعت: 11:24

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

svgnest : ابزاری برای قرار دادن المنتهای SVG در یکدیگر - تاریخ: 1395/3/8 ساعت: 11:24

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

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