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

  • بوسیله: محسن شفیعی
  • در 1392/06/31 - 18:38
  • نظرات (4)
CSS3 - سی اس اس 3

CSS3 – سی اس اس 3

CSS3 درهای جدیدی را به روی طراحان وب باز کرده است. یکی از خصوصیت های پرطرفدار و مهم اضافه شده در CSS3 خاصیت transform است. ممکن است شما با این خاصیت کار کرده باشید. برای مثال از توابعی مانند rotate، scale، translate  و … استفاده کرده باشید. اما ما در این سلسله از جلسات سراغ بخش سه بعدی transform میرویم.

منبع

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

(بیشتر…)

آموزش مقدماتی LESS

  • بوسیله: محسن شفیعی
  • در 1392/06/24 - 16:04
  • نظرات (4)
LESS

LESS

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

برای مثال در مطلب قبلی به نام “متغیرها در CSS“، شما میتوانید از متغیرها در زبان CSS استفاده کنید اما هنوز هیچ مرورگری به صورت کامل از آن پشتیبانی نمیکند و چند سالی طول خواهد کشید تا بتوان از آن استفاده کرد.

اما توسط پیش پردازنده هایی که برای زبان CSS توسعه داده شده، شما میتوانید با زبان CSS مانند یک زبان برنامه نویسی کار کنید که دارای متغیرها، توابع، عملیات ریاضی و … است. پیش پردازنده ها به این صورت کار میکنند که قبل از اینکه فایل CSS لود شود یا پس از لود شدن، کدهای نوشته شده شما را به زبان اصلی CSS تبدیل میکنند و سپس به مرورگر تحویل میدهند.

تا کنون پیش پردازنده هایی مانند SASS, Stylus و LESS ساخته شده اند که ما در این مطلب به آموزش مقدماتی LESS میپردازیم.

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

(بیشتر…)

متغیرها در CSS

  • بوسیله: محسن شفیعی
  • در 1392/06/23 - 20:15
  • نظرات (2)
CSS3 - سی اس اس 3

CSS3 – سی اس اس 3

اگر با پیش پردازنده های ساخته شده برای زبان CSS کار کرده باشید، حتما با یکی از مهمترین مزیت های استفاده از آنها یعنی متغیرها آشنا هستید. برای مثال کد یک رنگ را درون متغیر نگهداری میکنید و پس از آن هر کجا که خواستید از آن رنگ استفاده کنید، از متغیر استفاده میکنید. به این ترتیب اگر برای مثال نظرتان در مورد رنگ عوض شد و خواستید رنگ را عوض کنید کافیست مقدار متغیر را تعویض کنید تا بر روی کل سایت اعمال شود.

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

(بیشتر…)

راهنمایی مقدماتی در استفاده از three.js

  • بوسیله: محسن شفیعی
  • در 1392/06/19 - 20:59
  • نظرات (2)
threeJs Demo

threeJs Demo

اگر مطالب آپارنت را دنبال کرده باشید در مطلب “مروری سریع بر WebGL” با WebGL و کتابخانه threejs اندکی آشنا شدیم. در این مطلب با استفاده از کتابخانه three.js میخواهیم مدلهای سه بعدی که میسازیم را روی مرورگر نشان دهیم.

مشاهده دمو

منبع: teamtreehouse.com

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

(بیشتر…)

ورود کاربران بوسیله اکانت گوگل – بخش دوم

  • بوسیله: محسن شفیعی
  • در 1392/06/11 - 13:46
  • نظرات (3)
PHP – پی اچ پی

PHP – پی اچ پی

در مطلب گذشته نحوه گرفتن اطلاعات لازم برای فراهم کردن ورود کاربران با استفاده از اکانت گوگل را یاد گرفتیم. حال در این مطلب بوسیله کتابخانه های گوگل، اطلاعات کاربر را از سایت گوگل میگیریم.

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

(بیشتر…)

ورود کاربر بوسیله اکانت گوگل – بخش اول

  • بوسیله: محسن شفیعی
  • در 1392/06/09 - 13:23
  • نظرات (7)
PHP – پی اچ پی

PHP – پی اچ پی

حتما در بعضی از سایت ها دیده اید که میگذارند با استفاده از اکانت سایت های معروفی مانند گوگل، یاهو، فیسبوک و غیره وارد سایت (Login) آنها شده و از امکانات آنها استفاده کنید. این شیوه برای بسیاری از کاربران بسیار خوب است. اول اینکه به هر سایتی که می روند مجبور نیستند فرم های خسته کننده ثبت نام را پر کنند و دوم هم اینکه با استفاده از یک نام کاربری و رمز عبور میتوانند از تمام سایتهایشان استفاده کنند.

در این مطلب که در دو بخش ارائه خواهد شد، نحوه لاگین کاربران با استفاده از اکانت گوگل را فرا خواهیم گرفت. در ادامه همراه ما باشید…

(بیشتر…)

مروری سریع بر WebGL

  • بوسیله: محسن شفیعی
  • در 1392/06/05 - 0:14
  • نظرات (5)
WebGL

WebGL

با رفتن به سایت (http://chrysaora.com) شبیه سازی زیبایی از عروس های دریایی را میبینید که میتوانید با ماوس جهت نمایش را عوض کنید. همچنین میتوانید تعداد و سرعت و انواع مختلفی از تنظیمات را روی عروس های دریایی انجام دهید.

اما ممکن است تعداد زیادی از کاربران این فکر را بکنند که این شبیه سازی با برنامه هایی مانند Flash و Silverlight درست شده اند، اما در این مورد و شاید موردهای آینده این یک حدس اشتباه است؛ بلکه حدس درست استفاده از تکنولوژی WebGL است.

در ادامه همراه ما باشید تا اطلاعات مقدماتی در مورد WebGL کسب کنیم.

(بیشتر…)

LiveStyle بوسیله Emmet

  • بوسیله: محسن شفیعی
  • در 1392/05/27 - 17:57
  • نظرات (10)
Emmet

Emmet

شاید Emmet را به خاطر داشته باشید. در مطلب “کدنویسی سریع، سلام Emmet” این پلاگین را معرفی کردیم. اما تیم توسعه دهنده Emmet قصد گسترش کار خودشان را دارند. این تیم کاری کرده است که از این به بعد میتوان بدون بارگذاری مجدد صفحه، تغییرات را در استایل صفحه اعمال کنیم و همانجا هم به صورت لحظه ای نتیجه را ببینیم.

اما فعلا دو محدودیت وجود دارد. اول اینکه شما باید حتما از ادیتور Sublime Text استفاده کنید، بعدی هم اینکه مرورگر شما باید Google Chrome باشد. البته با استفاده راه هایی هم میتوان از مروگر Safari هم استفاده کرد، که به دلیل استاندارد نبودن از ذکر آن خودداری میکنیم.

تیم Emmet این قول را داده است که در آینده از ادیتورهای بیشتری پشتیبانی کند.

ابتدا Sublime Text 2 یا 3 و مروگر Google Chrome را آماده داشته باشد سپس به ادامه مطلب بروید تا ادامه کار را با همدیگر انجام دهیم.

(بیشتر…)

وردپرس 3.6 فارسی، آماده دانلود

  • بوسیله: محسن شفیعی
  • در 1392/05/26 - 19:18
  • نظرات (2)
Wordpress 3.6

WordPress 3.6

پس از چند روز از انتشار رسمی WordPress 3.6، نسخه فارسی شده آن توسط سایت ورپرس فارسی ارائه شده است. این سایت در وبلاگ خود مطلب زیر را آورده است:

وردپرس فارسی ۳٫۶ با شعار «امیدِ هیچ معجزی ز مُرده نیست، زنده باش!» منتشر شد.

این نگارش از وردپرس فارسی با افتخار مزیّن به نام استاد گرانقدر موسیقی ایران، «عثمان محمدپرست» است.

از جمله تغییرات مهم اعمال شده در این نگارش می‌توان به موارد زیر اشاره کرد:

  • پوسته‌ی تازه ۲۰۱۳ با پشتیبانی از همه نوع ساختار نوشته و کاملاً واکنشگرا
  • بهبود گسترده‌ی مدیریت رونوشت‌ها
  • قفل کردن ویرایش نوشته‌ها برای بهبود کارایی در سایت‌هایی با چند نویسنده
  • پخش‌کننده‌ی رسانه HTML5
  • مدیریت روان‌تر و بهتر فهرست‌ها

می‌توانید نگارش جدید وردپرس فارسی را از این بخش دریافت٬ یا به‌صورت خودکار از بخش مدیریت سایت خود٬ به‌روز نمایید.

توجه داشته باشید که پیغام به‌روزرسانی در بخش مدیریت سایت شما باید مربوط به وردپرس فارسی (fa_IR) باشد.

عناوین شغلی در صنعت وب

  • بوسیله: محسن شفیعی
  • در 1392/05/24 - 18:25
  • نظرات (9)
وب - WEB

وب – WEB

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

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

ممکن است یک نفر چندین مهارت از عناوین ذکر شده را داشته باشد، اما تمرکز این عناوین شغلی برای شرکت های بزرگی است که میخواهند به صورت سازمان یافته شده تری کار کنند.

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

(بیشتر…)