با توجه به رشد فزاینده استفاده از کتابخانه های جاوا اسکریپت شاید برای شما این سئوال پیش آمده باشده که واقعا استفاده از کدام کتابخانه بهتر و کارآمد تر است. کتابخانه هایی مانند :jQuery، Mootools، Prototype و . . . در شکل زیر میتوانید مشخصات عمومی مانند حجم هر کتابخانه، سرعت؛ نحوه نصب و فراخوانی و  . . . را مشاهده نمایید و برای خودتان آنها را مقایسه کنید. البته استفاده از jQuery  در بین طراحان سایت بسیار جا افتاده تر از بقیه کتابخانه ها میباشد اما چه بسا شما بتوانید با توجه به جدول زیر و دیگر مواردی که در این صفحه آمده است به نکات ریز و مفیدی دست پییدا نمایید. مابفی این مقایسه ها در مواردی مانند : Classes, Ajax, Events, Transitions, Effects, DOM Filtering , DOM Readyو DOM Basics میباشد.

هسته مرکزی وردپرس به تنهایی گویای بسیاری از نیازهای شما نخواهد بود و شما برای اینکه انعطاف این CMS را بالاتر ببرید و از امکانات بیشتری بتوانید استفاده نمایید باید چند پلاگین مختلف را بر روی آن نصب نمایید. این پلاگین ها (افزونه ها) شاید اثر معنوی بر روی سایت شما داشته باشند. بدین معنی که شاید اثر آنها دیداری نباشد و بر روی SEO و امنیت سایت شما تاثی بگذارند اما به هر حال شما باید اکثر آنها را( با توجه به نیاز و نوع بلاگ خود) نصب داشته باشید.

All In One SEO PACK

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

لینک دانلود

Aksimet

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

لینک دانلود

(ادامه…)

تفاوت کشورهای ثروتمند و فقیر، تفاوت قدمت آنها نیست. برای مثال کشور مصر بیش از ۳۰۰۰ سال تاریخ مکتوب دارد و فقیر است! اما کشورهای جدیدی مانند کانادا، نیوزیلند، استرالیا که ۱۵۰ سال پیش وضعیت قابل توجهی نداشتند، اکنون کشورهایی توسعه‌یافته و ثروتمند هستند.

تفاوت کشورهای فقیر و ثروتمند در میزان منابع طبیعی قابل استحصال آنها هم نیست. ژاپن کشوری است که سرزمین بسیار محدودی دارد که ۸۰ درصد آن کوه‌هایی است که مناسب کشاورزی و دامداری نیست اما دومین اقتصاد قدرتمند جهان پس از آمریکا را دارد. این کشور مانند یک کارخانه پهناور و شناوری می‌باشد که مواد خام را از همه جهان وارد کرده و به صورت محصولات پیشرفته صادر می‌کند.

مثال بعدی سوئیس است. کشوری که اصلاً کاکائو در آن به عمل نمی‌آید اما بهترین شکلات‌های جهان را تولید و صادر می‌کند. در سرزمین کوچک و سرد سوئیس که تنها در چهار ماه سال می‌توان کشاورزی و دامداری انجام داد، بهترین لبنیات (پنیر) دنیا تولید می‌شود. سوئیس کشوری است که به امنیت، نظم و سختکوشی مشهور است و به همین خاطر به گاوصندوق دنیا مشهور شده‌است (بانک‌های سوئیس).

افراد تحصیل‌کرده‌ای که از کشورهای ثروتمند با همتایان خود در کشورهای فقیر برخورد دارند برای ما مشخص می‌کنند که سطح هوش و فهم نیز تفاوت قابل توجهی در این میان ندارد. نژاد و رنگ پوست نیز مهم نیستند. زیرا مهاجرانی که در کشور خود برچسب تنبلی می‌گیرند، در کشورهای اروپایی به نیروهای مولد و فعال تبدیل می‌شوند. پس تفاوت در چیست؟ تفاوت در رفتارهای است که در طول سال‌ها فرهنگ و دانش نام گرفته است. وقتی که رفتارهای مردم کشورهای پیشرفته و ثروتمند را تحلیل می‌کنیم، متوجه می‌شویم که اکثریت غالب آنها از اصول زیر در زندگی خود پیروی می‌کنند:

۱-اخلاق به عنوان اصل پایه

۲-وحدت

۳-مسئولیت پذیری

۴-احترام به قانون و مقررات

۵-احترام به حقوق شهروندان دیگر

۶-عشق به کار

۷-تحمل سختی‌ها به منظور سرمایه‌گذاری روی آینده

۸-میل به ارائه کارهای برتر و فوق‌العاده

۹-نظم‌پذیری

اما در کشورهای فقیر تنها عده قلیلی از مردم از این اصول پیروی می‌کنند. در کشور ما کسی که زیاد کار کند تراکتور نامیده می شود کسی که به قوانین احترام بگذارد بچه مثبت است کسی که اخلاقیات را رعایت کند برچسب پاستوریزه خواهد گرفت کسانی که حقوق دیگران را زیر پا می گذارند و افراد قالتاق، آدمهای زرنگخوانده می شوند انسانهای منظم افراد خشک وبیحال هستند همه به دنبال یک شبه رفتن ره صد ساله و……… بیایید از خودمان شروع کنیم و از همین لحظه ما ایرانیان فقیر هستیم نه به این خاطر که منابع طبیعی نداریم یا اینکه طبیعت نسبت به ما بیرحم بوده‌است. ما فقیر هستیم برای اینکه رفتارمان چنین سبب شده‌است. ما برای آموختن و رعایت اصول فوق که (توسط کشورهای پیشرفته شناسایی شده است) فاقد اهتمام لازم هستیم.

در جلسه قبل ساخت یک انیمیشن توسط CSS3  را یاد گرفتیم حال در این جلسه می خواهیم انیمیشن خود را کنترل کنیم.

animation-play-state

ویژگی بالا این امکان را به ما دهد که انیمیشن خود را متوقف یا اجرا کنیم.

animation-play-state: paused|running;

اگر مقدار دستور بالا را برابر با paused قرار دهیم انیمیشن خود را متوقف کرده و اگر مقدار آن را running قرار دهیم انیمشن ما اجرا می شود.

یک صفحه درست کردم که بهتر مفهوم و کارایی animation و animation-play-state را متوجه بشوید.

یک مثال دیگر برای یادگیری بهتر:

خوب می خواهیم یک انیمیشن ایجاد کنیم که وقتی که نشانه گر موس را روی تصویر مورد نظر برده تصویر چند دور بچرخد و رنگ پس زمینه و رنگ متن تغییر کند.

div{
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
position:relative;
background:red;
width:100px;
height:70px;
margin:200px auto;
text-align:center;
font-family:Tahoma;
text-align:center;
padding-top:30px;
}
div:hover {
background-color: #03F;
color: #fff;
transform: rotate(360deg) scale(1.5);
-moz-transform: rotate(360deg) scale(1.5);
-webkit-transform: rotate(360deg) scale(1.5);
}

سلام دوستان از امروز می خوام در این جا آموزش CSS3 به زبان ساده و دوستانه برای شما علاقه مندان ارائه کنم.امیدوارم مفید واقع شود.

در هر جلسه یک ویژگی معرفی می شود.

مقدمه :

برخی خواص CSS3:

CSS3 خواصی دارد که کار طراحی وب سایت رو خیلی ساده میکنه و خروجی کار خیلی تمیزتر در میاد. مثلا خواص border-radius برای گرد کردن گوشه های باکس‌ها باعث میشه تا دیگه نیازی به استفاده از عکس برای گوشه های گرد باکس‌ها و منوها نباشد. یا استفاده از شیب رنگ که طراحی سایت را بسار زیبا و آسان می کند. و استفاده از انیمیشن بدون نیاز به استفاده از کتابخانه های Jquey که باعث می شود سایت طراحی شده سبک تر و در عین حال زیبا باشد. و…

(ادامه…)

پیش نمایش

کدهای HTML زیر را کپی کنید :

</pre>
<ul>
	<li><a>صفحه اصلی</a></li>
	<li><a>گالری</a></li>
	<li><a>درباره ما</a></li>
	<li><a>تماس با ما</a></li>
</ul>
<pre>

کدهای CSS زیر را کپی کنید :

body{
background:#333;
}
nav {
display: block;
width: 100%;
overflow: hidden;
}

nav ul {
margin: 80px 0 20px 0;
padding: .7em;
float: right;
list-style: none;
background: #444;
background: rgba(0,0,0,.2);
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
}

nav li {
float:right;
}

nav a {
float:right;
padding: .8em 1.5em;
text-decoration: none;
color: #555;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
font: 11px Tahoma, Geneva, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
border-width: 1px;
border-style: solid;
border-color: #fff #ccc #999 #eee;
background: #c1c1c1;
background: -moz-linear-gradient(#f5f5f5, #c1c1c1);
background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
background: -o-linear-gradient(#f5f5f5, #c1c1c1);
background: -ms-linear-gradient(#f5f5f5, #c1c1c1);
background: linear-gradient(#f5f5f5, #c1c1c1);
}

nav a:hover, nav a:focus {
outline: 0;
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,.2);
background: #fac754;
background: -moz-linear-gradient(#fac754, #f8ac00);
background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));
background: -webkit-linear-gradient(#fac754, #f8ac00);
background: -o-linear-gradient(#fac754, #f8ac00);
background: -ms-linear-gradient(#fac754, #f8ac00);
background: linear-gradient(#fac754, #f8ac00);
}

nav a:active {
-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}