آموزش مقدماتی و گام به گام Arduino آردوینو

آردوینو (به انگلیسی: Arduino) یک پلتفرم اوپن سورس الکترونیک است. بدین معنی که نرم‌افزار و طرح سخت‌افزار آن به صورت آزاد در اختیار تمام افراد قرار گرفته و افراد می‌توانند به وسیلهٔ آن پروژه‌های الکترونیکی خود را به سادگی انجام دهند. متن‌باز و آزاد بودن پلتفرم آردوینو باعث شده تا میلیون‌ها نفر در سراسر جهان از این پلتفرم استفاده نمایند و روز به روز بیشتر آن را توسعه دهند. مزیتی که به دلیل آزاد بودن پلتفرم آردوینو به وجود آمده‌است این است که معمولاً هر کسی در هر کجای جهان یک مدار مکمل به نام شیلد برای انجام یک کار خاص توسط آردوینو طراحی می‌نماید و معمولاً کتابخانه‌ای برای این شیلد می‌نویسد و اغلب اوقات این کتابخانه‌ها به صورت رایگان با سایر افراد به اشتراک گذاشته می‌شود

سلام. اگر دوست دارید آردوینو رو به صورت گام به گام همراه با فیلم های آموزشی و کاملا عملی یاد بگیریداین آموزش رو دنبال کنید. تو این آموزش بیشتر روی کار با ماژول های پراستفاده متمرکز شدیم. میتونید از لینک پایین این آموزش رو دنبال کنید. درصورتی که سوالی هم دارید میتونید بپرسید.

برای مشاهده سری آموزش اینجا کلیک کنید

آموزش آسان ساخت ربات تلگرام با PHP

سلام دوستان

این روزها یکی از پر جست و جو ترین واژه‌های کاربرهای ایرانی “تلگرام” هست.  با توجه به محبوبیت چشمگیر این نرم افزار پیام رسان نیاز به نوشتن ربات برای تلگرام هم بیشتر میشه و بازار کار خوبی رو هم فراهم کرده. خوب در این مقاله من میخوام نحوه نوشتن یه ربات ساده رو برای شما توضیح بدم که با نحوه کلی کار ربات ها آشنا بشید و شروع کنید به نوشتن ربات ها.

خوب آماده اید؟

ادامه

کدها رو درست و خوانا بنویسید!

سلام خدمت همه دوستان عزیز
چند مدت پیش یه مقاله بسیار مفید رو با عنوان “+15 تکنیک برای نوشتن کد خوانا” رو ترجمه کردم که خوندن این کتاب به همه برنامه نویسان خصوصا برنامه نویسان وب شدیدا پیشنهاد میشه. خوندنش کمتر از ۱۰ دقیقه طول میکشه از دست ندید.

ادامه

تغییر اندازه اتوماتیک متن در کادر متنی

این کد متن داخل کادر متن را بصورت خودکار تغییر اندازه میده ا تو کادر متن جا بگیره.

HTML

<input type='text' id='resizer' placeholder='Fill me with text.'>

CSS

/* 
  CSS 
  -  None of this is required for resizer to work.
*/

body {
    background-image: url(http://i.imgur.com/iWUM6.jpg);
    width: 100%;
    background-size: fit;
}

input[type='text']{

    color: #333;
    width: 280px;
    height: 38px;
    margin-left: -150px;
    margin-top: -19px;
    position: fixed;
    left: 50%;
    top: 50%;
    padding-left: 10px;
    padding-right: 10px;

    transition: box-shadow 320ms;

    box-shadow: 0px 0px 8px 10px rgba(0,0,0,0.1);

    border-radius: 3px;
    font-size: 18px;
    border: 0px;
}

input[type='text']:focus {

    outline: 0px;
    outline-offset: 0px;
    box-shadow: 0px 0px 1px 5px rgba(0,0,0,0.12);
}

input:-moz-placeholder {
    color: #cccccc;
}

  ادامه

آموزش ساخت CMS

کتاب آموزش ساخت CMS با PHP و MySQL

در کتاب آماده شده چگونگی ساخت یک CMS یا سیستم مدیریت محتوا از PHP و MySQL شرح داده می شود. این سیستم امکان استفاده از پایگاه داده های دیگر مانند sql server و postgre sql را نیز فراهم میکند. دانش اولیه برای طراحی یک CMS ساده آشنایی با زبان برنامه نویسی PHP است و همچنین نیاز به یک سرور php و یک سیستم پایگاه داده است تا بتوان نتیجه را امتحان کرد. کتاب آماده شده بصورت مختصر و مفید و قدم به قدم شما را با طراحی یک Cms ساده آشنا می سازد.

عنوان کتاب: کتاب ایجاد یک CMS با استفاده از PHP به زبان فارسی

نویسنده: Peter Zeidman

مترجم: امیر حسین استخریان

زبان کتاب: فارسی

تعداد صفحه: ۳۸

حجم فایل: ۷۰۰ کیلوبایت

دانلود کنید!

 

Muscular Hydrostats با جاوا اسکریپت و CSS

Muscular Hydrostats

HTML

<header class="info">
  <hgroup class="about">
    <h1>Muscular Hydrostats</h1>
    <h2>Tentacle simulation using inverse kinematics</h2>
    <h3>Click creature to control</h3>
  </hgroup>
  <nav class="more">
    <a href="https://github.com/soulwire/Muscular-Hydrostats/zipball/master" target="_blank">Download</a>
    <a href="https://github.com/soulwire/Muscular-Hydrostats" target="_blank">View on Github</a>
  </nav></header>
<div id="container"></div>

ادامه

دکمه سویچی زیبا در CSS

CSS toggle btn

HTML

<div class="container">
  <input type="checkbox" id="switch"/>
  <label for="switch" class="switch">
    <div>
      <ul class="top">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <ul class="bottom">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <span class="button"></span>
    </div>
    <span class="on"></span>			
    <span class="off"></span>
  </label>
</div>

ادامه