در این قسمت میخوام یک کد ( Spinning circles animation ) جالب رو در اختیارتون بزارم. دموتوضیحات مربوط به کد Spinning circles animation همونطور که دیدید تعدادی دایره وجود دارند و به زیبایی در حال چرخش هستند و حالت جالبی رو به وجود آوردن. این کار با استفاده از CSS Grid و CSS Animation به وجود آمده است و میتونین از اون ایده بگیرید. برای مشاهده کدهای این نمونه میتونین وارد بخش View Source بشید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی لینک دانلود Source attractive beauty code CSS idea inspire Spinning circles animation , ...ادامه مطلب
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در محیط Photoshop با استفاده از 13 دایره کوچک و بزرگ و با تقاطع اونا، 13 حیوان مختلف رو به وجود آورده که میتونین از اون ایده بگیرید و هر حیوان یا چیز دیگه ای رو که بخواید طراحی کنید. این آموزش بصورت مرحله به مرحله این کار رو به شما آموزش میده. در آخر آموزش نیز 13 حیوان ساخته شده به این روش رو به علاوه دایره هایی که اون رو به وجود آوردن قرار داده و میت,آموزش,حیوانات,مختلف,استفاده,دایره ...ادامه مطلب
در این قسمت میخوام یک کد ( Crazy Pie Chart ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک نمودار دایره ای حرفه ای و زیبا بصورت انیمیشنی و جالب نمایش داده میشه و میتونین اون ایده بگیرید. این نمودار با استفاده از کتابخانه D3 ساخته شده است. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب, ...ادامه مطلب
;(function(window){'use strict';// Detect mobile. From: http://stackoverflow.com/a/11381730/989439functionmobilecheck(){varcheck=false;(function(a){if(/(android|ipad|playbook|silk|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fe, ...ادامه مطلب
در این قسمت میخوام یک کد ( Rotating Circle ) جالب رو در اختیارتون بزارم. همونطور که دیدید تعدادی دایره در یک مسیر دایره ای شکل میچرخن و همچنین بصورت زیبا لابلای هم قرار میگیرن و افکت جالبی رو به وجود میارن. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید,کدهای جذاب وبلاگ,کدهای جالب وبلاگ,کدهای جالب وبلاگ بلاگفا,کدهای جالب ویژوال بیسیک,کدهای جذاب برای وبلاگ,کدهای جالب وی چت,کدهای جالب وبلاگ نویسی,کدهای جالب وجدید برای وبلاگ ...ادامه مطلب
<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/modules/drilldown.js"></script> <script src="http://code.highcharts.com/modules/data.js"></script> </head> <body> <div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div> <script language="JavaScript"> $(document).ready(function() { Highcharts.data({ csv: document.getElementById('tsv').innerHTML, itemDelimiter: 't', parsed: function(columns) { var brands = {}, brandsData = [], versions = {}, drilldownSeries = []; // Parse percentage strings columns[1] = $.map(columns[1], function(value) { if (value.indexOf('%') === value.length - 1) { value = parseFloat(value); } retu value; }); $.each(columns[0], function(i, name) { var brand, version; if (i > 0) { // Remove special edition notes name = name.split(' -')[0]; // Split into brand and version version = name.match(/([0-9]+[.0-9x]*)/); if (version) { version = version[0]; } brand = name.replace(version, ''); // Create the main data if (!brands[brand]) { brands[brand] = columns[1][i]; } else { brands, ...ادامه مطلب
در این قسمت میخوام یک کد ( Foo Particles Four ) جالب رو در اختیارتون بزارم. همونطور که دیدین که در اون یک دایره رنگارنگ قرار داده شده که به طرفین حرکت میکنه و اثری رو از خودش میزاره و بعد از مدتی پاک میشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers., ...ادامه مطلب