فریم‌ورک Materialize

Materialize - Material Design Framework
پیش‌نمایشی از فریم‌ورک Materialize
فریم‌ورک Materialize، یک فریم‌ورک واکنش‌پذیر مدرن است که بر مبنای طراحی Material گوگل، طراحی و توسعه داده شده است. این فریم‌ورک شامل ابزارهای مفید برای طراحی پروژه‌های وب کامل و پیچیده است.
:: مشاهده و دانلود ( سایت سازنده ) : http://goo.gl/4HHZf0
:: دانلود ( سایت گیت‌هاب ) : http://goo.gl/G9M4Cp

فریم‌ورک Simple Grid

Simple Grid - CSS Framework
کاتالوگ و راهنمای استفاده از فریم‌ورک شبکه‌ای

فریم‌ورک شبکه ساده (Simple Grid) یک فریم‌ورک واکنش‌گرای شبکه‌ای است که می‌توانید در تمامی پروژه‌های خود از آن استفاده کنید. اساس این شبکه شامل یک جعبه با عرض ۸۰ درصد عرض صفحه برای مانیتورهای روی میز (desktop) و ۹۶ درصد عرض صفحه برای تلفن همراه (mobile) می‌باشد و این جعبه به ۱۲ ستون تقسیم شده است. بنابراین بدون توجه به دستگاه، همیشه وب‌گاه شما به صورت ۸۰% یا ۹۶% عرض صفحه بارگذاری خواهد شد.

اعتبارسنج کارت اعتباری خارجی

اعتبارسنج کارت اعتباری / Credit Card Validator
Credit Card Validator | PHP Class | 1.91 KB | By Corban Works
همه‌ی کارت‌های معتبر خارجی همواره با اعداد خاصی شروع می‌شوند . یکی از مهترین بخش‌های درگاه پرداخت، بررسی معتبر بودن شماره‌ی کارت‌ها می‌باشد. Corban Works، کلاسی را به زبان PHP نوشته است که با استفاده از آن می‌توان معتبر بودن یا نبودن کارت‌های اعتباری را تشخیص داد.

نمایش نوشته‌های زمان‌بندی شده در وردپرس

نوشته‌های آینده / Future Posts
آیا شما جزء آن دسته از افرادی هستید که تمایل دارند لیست نوشته‌هایی را که قرار است در آینده منتشر شود به کاربران نمایش دهند؟ اگر پاسخ مثبت است شما را به کد زیر ارجاع می‌دهیم. این کد لیست نوشته‌های زمان‌بندی شده را به کاربران نمایش می‌دهد.
توجه : با تغییر دادن مقادیر ارسال شده به WP_Query می‌توان این کد را سفارشی سازی نمود .

لیست کارها ( HTML & CSS )

لیست کارها ( HTML & CSS )
اسکریپت آماده لیست کارهای روزانه
Task List | HTML & CSS | 10.5 KB | By CSSFlow
اسکریپت آماده لیست کارها را به صورت HTML و CSS برای شما ، عزیزان آماده کردم . شما می‌توانید این کد را ویرایش کرده و در سایت‌هایی که طراحی می‌کنید از آن استفاده نمایید . امیدوارم این کد مورد پسند شما قرار گیرد …
:: سازگاری مرورگرها : فایرفاکس +۴ ، سافاری +۵٫۱ ، گوگل کروم +۱۴ ، اپرا +۱۰ ، اینترنت اکسپلورر +۹
:: پیش نمایش : http://goo.gl/6qGLAa

نمایش محتوای مختلف برای کاربران ویندوز و مکینتاش در وردپرس

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

طرح لایه باز تایمر

تایمر / Mini Timer
طرح لایه باز تایمر ( زمان‌سنج )
Mini Timer | 1 PSD : 28.35 dpi | 545 KB | By Dan Edwards
طرح زیبای « تایمر » را برای شما ، عزیزان آماده کردم . شما می‌توانید در نرم‌افزار فتوشاپ به ویرایش آن پرداخته و در سایت‌ها یا نرم‌افزارهای تحت ویندوز که طراحی می‌کنید از این طرح زیبا استفاده نمایید .
:: فایل پیاده‌سازی شده در HTML و CSS ( طراح : Tom Hickey ) : دانلود / پیش نمایش
:: منبع : Dribbble

جستجو براساس موضوعات در وردپرس

جستجو براساس موضوعات در وردپرس / Search By Category In WordPress
آیا از آن دسته از افرادی هستید که تمایل دارند به کاربران سایت خود امکان جستجوی موضوعی را بدهند ؟!!!
آموزش زیر به شما کمک خواهد کرد تا جستجویی پیشرفته و براساس موضوع در سایت وردپرسی خود بنا کنید . در واقع با آموزش زیر به کاربران خود این امکان را خواهید داد تا بین تمام موضوعات یا موضوعی خاص کلمه‌ی مورد نظرشان را جستجو کنند .

کد نمایش لیست کشویی دسته‌ها ( برای نمایش این لیست کافی است کد زیر را در فرم جستجوی سایت وارد نمایید ) :

<?php wp_dropdown_categories( 'show_option_all=همه‌ی موضوعات' ); ?>
کد جستجوی پیشرفته‌ی وردپرس ( کد کامل ) :
<form id="searchform" action="<?php bloginfo('siteurl'); ?>" method="get">
<input id="s" type="text" name="s" value="کلمه‌ی مورد نظر خود را اینجا وارد نمایید" onfocus="if (this.value == 'کلمه‌ی مورد نظر خود را اینجا وارد نمایید') {this.value = '';}" onblur="if (this.value == '') {this.value = 'کلمه‌ی مورد نظر خود را اینجا وارد نمایید';}" />
<?php wp_dropdown_categories( 'show_option_all=همه‌ی موضوعات' ); ?>
<input id="searchsubmit" type="submit" value="جستجو" />
</form>
:: منبع : تک طرح