آموزش استفاده از CSS3 PIE

  • بوسیله: محسن شفیعی
  • در 1392/10/13 - 22:15
  • نظرات (2)
CSS3 PIE

CSS3 PIE

یکی از دغدغه های اصلی طراحان وب و Front End Developerها مخصوصاً در ایران، نمایش درست سایت در مرورگرهای قدیمی به‌ خصوص IE6 تا 9 است. حالا که با آمدن CSS3 قابلیت‌های خیلی زیادی به CSS اضافه شده است، نمیتوان از همه آن‌ها در طراحی سایت دست کشید، آن هم فقط به خاطر اینکه در مرورگرهای پایین جواب نمیدهد.

حال با استفاده از کتابخانه CSS3 PIE میتوانیم بعضی از قابلیت‌های CSS3 را در مرورگر های IE6 تا 9 هم استفاده کنیم.

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

(بیشتر…)

معرفی API تمام صفحه (full screen) در HTML5

  • بوسیله: محسن شفیعی
  • در 1392/10/08 - 18:32
  • یک نظر
Full screen api

Full screen api

با استفاده از API تمام صفحه یا Full screen در HTML5 میتوانید سایت یا حتی عنصری مشخص را به صورت تمام صفحه به کاربر نمایش دهید. اینکار مخصوصاً در موبایل ها برای ایجاد تمرکز بیشتر کاربر، بر روی سایت، یا عنصر مربوطه، بسیار خوب است.

در این مطلب قرار است با این API و نحوه کار آن آشنا شویم.

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

(بیشتر…)

معرفی تگ template در HTML5

  • بوسیله: محسن شفیعی
  • در 1392/10/05 - 10:11
  • نظرات (6)
اچ تی ام ال 5 - HTML5

اچ تی ام ال 5 – HTML5

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

1- با استفاده از جاوا اسکریپت تگ های DOM را درون رشته ساخته و سپس به صفحه اضافه میکنند. اینکار آسان به نظر میرسد، اما این روش مشکل امنیتی دارد و اجرای حملات XSS بیشتر میشود. بعضی از توسعه دهندگان هم برای اینکه کار ساده‌تر شود کل HTML را با Ajax می‌فرستند که باعث می‌شود حجم داده‌ها خیلی زیادتر از قبل شود.

2- راه حل دیگر ایجاد یک سطر خالی درون HTML است که به عنوان یک Template مورد استفاده قرار بگیرد. که البته باید آن را از دید کاربر خارج کنید. در این روش با اینکه همه چیز از دید کاربر مخفی است اما باز هم درخواست های HTTP که ممکن است درون آن وجود داشته باشد، انجام میشوند.

هیچ کدام از دو راه حل روش استانداردی نبودند، تا زمانیکه HTML5 تگ جدیدی به نام template را معرفی کرد. با استفاده از تگ template شما میتوانید یک تمپلیت یا prototype برای ساختار DOM خود ایجاد کنید.

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

(بیشتر…)

آموزش ساخت ایمیل ریسپانسیو

  • بوسیله: محسن شفیعی
  • در 1392/10/02 - 17:32
  • نظرات (8)
ایمیل ریسپانسیو

ایمیل ریسپانسیو

در این پست آموزش ساخت ایمیل به صورت ریسپانسیو داده خواهد شد به صورتی که در تمام سرویس های ایمیل، شامل گوشی های هوشمند و اپلیکیشن های ایمیل درست نمایش داده شود. در این روش میخواهیم تا حد امکان از مدیا کوئری ها کمتر استفاده کنیم و قالب را به صورت شناور (fluid) طراحی کنیم.

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

(بیشتر…)

نحوه استفاده از API ویبره در HTML5

  • بوسیله: محسن شفیعی
  • در 1392/09/28 - 22:33
  • نظرات (2)
HTML5

HTML5

کاربران وبی که از موبایل و تبلت استفاده میکنند خیلی بیشتر از قبل شده اند و این آمار روز به روز در حال گسترش است. در آماری که در دسامبر 2013 بدست آمده است از هر 5 دستگاهی که صفحات وب را باز میکنند یکی از آن‌ها موبایل بوده است.

بخش عمده‌ای از اهداف HTML5 هم دربرگیرنده ویژگی‌هایی است که بیشتر آن‌ها در موبایل ها و تبلت ها بیشترین بازدهی را دارند. حالا API جدیدی به نام Vibrate در HTML5 رونمایی شده است که قابلیت این را دارد که ما بتوانیم حالت ویبره را برای گوشی ایجاد کنیم.

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

(بیشتر…)

ویژگی‌های جدید وردپرس 3.8

  • بوسیله: محسن شفیعی
  • در 1392/09/27 - 19:31
  • دیدگاه‌ها برای ویژگی‌های جدید وردپرس 3.8 بسته هستند
Wordpress 3.8

WordPress 3.8

 

اگر هنوز مانند آپارنت به نسخه وردپرس 3.7 آپگرید نکردید، نسخه 3.8 آن آماده دانلود می‌باشد.

نسخه 3.8 در رابط کاربری تغییرات قابل ملاحظه ای داشته است. بعضی از تغییرات شامل موارد زیر است:

طراحی مدرن و فلت

طراحی واکنش گرا یا همان ریسپانسیو

استفاده از ایکون فونت‌ها و سرعت لود بالاتر

دارای هشت تم با رنگ‌های متفاوت

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

(بیشتر…)

نکته سریع: خطایابی بهتر جاوا اسکریپت با console.table

  • بوسیله: محسن شفیعی
  • در 1392/09/14 - 10:08
  • نظرات (2)
جاوا اسکریپت - JavaScript

جاوا اسکریپت – JavaScript

قبلاً در آپارنت در مطلب بررسی کارایی کدهای جاوا اسکرپت یکی از متدهای console به نام time را بررسی کردیم. اما در این مطلب میخواهیم متد دیگری به نام table را معرفی کنیم.

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

(بیشتر…)

روزتون مبارک!!

  • بوسیله: محسن شفیعی
  • در 1392/09/10 - 17:45
  • نظرات (3)
Programmer Day

Programmer Day

روز ۲۵۶ام هر سال (معادل عدد ۱۰۰در مبنای شانزده) به عنوان روز برنامه نویس نام گرفته است. عدد ۲۵۶بالاترین عدد دودویی در بین ۳۶۵ روز سال است که از یک رقم 1 و بقیه 0 تشکیل شده است. این عدد ارزش ویژه ای بین برنامه نویسان دارد.

برای اولین بار در سال ۲۰۰۲، کارمندان یک شرکت کامپیوتری در روسیه بودند که امضاهایی را جهت به رسمیت شناختن روزی با عنوان روز برنامه‌نویس جمع‌آوری کردند. در۱۱ سپتامبر ۲۰۰۹رئیس جمهور وقت روسیه، این روز را به عنوان روز برنامه‌نویس نام‌گذاری کرد و پس از آن کشورهای دیگر از جمله بریتانیا و ایالات متحده آمریکا این روز را به عنوان روز برنامه‌نویس پاس میدارند.

ممکن است ما عضو تیم یا شرکتی باشیم که به توسعه نرم‌افزار می پردازد، یک آزادکار و یا یک دانشجو باشیم، اینروز متعلق به همه ماست. ما به کمک هم ۱۰آذرماه -یعنی ۲۵۶امین روز سال شمسی- را به عنوان روز برنامه نویس جشن میگیریم و آن را در تقویم ملی کشورمان ثبت می‌کنیم.

جملات بالا از سایت روز برنامه نویس است. اما امروز 10 آذر است و روز شماست. همین الان امروز رو به دوستان و آشنایان برنامه نویسی که دارید تبریک بگید.

آپارنت هم این روز رو به همه برنامه نویسان ایرانی و مخصوصا کاربران آپارنت تبریک میگه.