آموزش کار با ajax

  • بوسیله: محسن شفیعی
  • در 1391/11/02 - 15:44
  • نظرات (3)
آموزش کار با ajax

آموزش کار با ajax

این مطلب در دسته بندی مطالب جی کوئری است. جی کوئری را در اینجا دنبال کنید.

حتما شما با ajax آشنایی دارید. با استفاده از ajax شما میتوانید در یک صفحه که لود آن تمام شده است اطلاعات جدید را از سرور بگیرید و به کاربر نمایش بدهید بدون اینکه صفحه دوباره بارگذاری شود.

اینکار باعث کارایی صفحه شما میشود که دیگر نیازی نیست برای نمایش یک پیغام دوباره صفحه را بارگذاری کنید.

برای استفاده از ajax ما از jquery کمک میگیریم. خوب ابتدا کد صفحه اصلی را با نام page1.html را مینویسیم(کد زیر را در صفحه page1.html قرار بدهید).

(بیشتر…)

آموزش کار با Canvas

  • بوسیله: محسن شفیعی
  • در 1391/10/30 - 16:00
  • نظرات (7)
آموزش کار با Canvas

آموزش کار با Canvas

 

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

 


عنصر Canvas

عصنر Canvas دارای خاصیت های id و height و width میباشد. خب اولین Canvas خود را میتوانید به صورت زیر بنویسید.

<canvas id="myCanvas" width="400" height="300" >
    Your web browser deos not support canvas!
</canvas>

(بیشتر…)

ایجاد تصاویر ریسپانسیو با Jquery و PHP

  • بوسیله: محسن شفیعی
  • در 1391/10/23 - 21:04
  • نظرات (4)
طراحی ریسپانسیو

طراحی ریسپانسیو

این مطلب در دسته بندی مطالب طراحی ریسپانسیو است. طراحی ریسپانسیو را در اینجا دنبال کنید.

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

خب اگر شما قرار باشد همان عکس هایی را که در صفحه دکستاپ نمایش میدهید در موبایل هم نمایش بدهید سه مشکل پیش روی شماست.

در ادامه با ما همراه باشید…

(بیشتر…)

استایل دادن به عناصر فرم – بخش دوم

  • بوسیله: محسن شفیعی
  • در 1391/10/17 - 11:44
  • یک نظر
استایل دادن به عناصر فرم

استایل دادن به عناصر فرم

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

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

 


عنصر file

ابتدا عنصر را در صفحه میگذاریم.

<label>ارسال مدارک:</label>
<div class="refile">انتخاب کنید<div></div></div>
<input class="file" type="file" />

در ادامه با ما همراه باشید…

(بیشتر…)

استایل دادن به عناصر فرم – بخش اول

  • بوسیله: محسن شفیعی
  • در 1391/10/16 - 6:58
  • نظرات (5)
استایل دادن به عناصر فرم

استایل دادن به عناصر فرم

استایل دادن به عناصر فرم تقریبا کار ساده ای است البته فقط نوع Text و Submit !!

در این بخش به نحوه استایل دادن CheckBox و Radio میپردازیم و در بخش دوم در آینده به نحوه استایل دادن به List و File خواهیم پرداخت.

طرز کار این تکنیک به این صورت است که ابتدا ما از نمایش دادن عنصر اصلی مورد نظر خودمان در فرم به کاربر جلوگیری میکنیم. در قدم بعد با استفاده از HTML و CSS استایل مورد نظر خودمان را میسازیم و در قدم آخر با Jquery هر بار که مقدار(Value) عنصر مورد نظر توسط کاربر تغییر کرد ما هم مقدار عنصر اصلی را تغییر میدهیم.

در ادامه با ما همراه باشید…

(بیشتر…)