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


معرفی یک پلاگین مفید برای استفاده از آیکون وکتور در محیط فتوشاپ
سارا سجادپور
پنجشنبه ۹ آبان ۱۳۹۲ - ۲۱:۲۹
یکی از مسایلی که اکثر گرافیست ها در مرحله طراحی قالب یک سایت با آن مواجه هستند، آیکون هایی است که لازم است در طراحی خود مورد استفاده قرار دهند. شاید یک روش معمول که بسیاری از آن بهره می برند، گشت و گذار و جستجو در وب برای یافتن آیکون های مطلوب باشد. پیش از این در نردبان با دو روش استفاده از آیکون های وکتور با وب فونت Font Awesome و افزودن آیکون های وکتور به فتوشاپ با نرم افزار BlendMe.in آشنا شده ایم. در این مطلب قصد داریم پلاگین مفید دیگری را برای استفاده از آیکون وکتورها در فتوشاپ به شما معرفی کنیم.

اگر به وب سایت Freepik.com سری زده باشید با مجموعه آیکون ها، وکتورها و عکسهای PSD ای که به رایگان در اختیار شما قرار می دهد آشنایی دارید. اخیراً بنیانگذار این وب سایت، سایت جدیدی به نام Flaticon.com راه اندازی کرده است. در سایت مذکور نیز بالغ بر 15000 آیکون وکتور رایگان در دسته بندی های جداگانه برای شما فراهم شده است. می توانید آیکون های مورد نظرتان را جستجو کرده و لیستی از آیکون های محبوبتان درست کنید و در کنار همه اینها می توانید آیکون مطلوبتان را بر اساس نیازتان در فرمتهای PNG. ، SVG. و یا وب فونت نیز دانلود کنید.

از دانلودهای متنوع و گوناگون این وب سایت که بگذریم، قابلیت کاربردی دیگر آن پلاگینی است که به رایگان می توانید آن را دانلود کنید و درهنگام کار با فتوشاپ، بدون اینکه نیازی به ترک محیط کاری خود داشته باشید به راحتی آیکون های مورد نیازتان را جستجو کرده و از آنها استفاده کنید. قابل ذکر است که این پلاگین برای فوتوشاپ های CC ورژن14، CS5.1، CS5 و CS6 در دسترس است.


نصب این پلاگین نیز بسیار ساده است. تنها کافی است پس از دانلود و unzip کردن فایل فشرده آن، Adobe Extension Manager را راه اندازی کنید (کاربران ویندوز بهتر است روی آیکون Adobe Extension Manager کلیک راست کرده و Run as Administrator را انتخاب کنند). سپس گزینه install را بزنید و فایل پلاگین Flaticon با پسوند zxp. را انتخاب کرده و ok را کلیک کنید.

اگر مراحل بالا را به درستی اجرا کرده باشید، پس از این در محیط فتوشاپ از طریق مسیر
 Windows > Extensions> Flaticon این پلاگین کاربردی در دسترس شماست.

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

تغییر چهره نقشه های گوگل به کمک جاوااسکریپت


تغییر چهره نقشه های گوگل به کمک جاوااسکریپت

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


گوگل مدتی است با ارائه جاوا اسکریپت API این امکان را فراهم کرده تا بتوانیم ظاهر نقشه ها را به دلخواه تغییر دهیم. به مرور زمان امکانات مفیدی به این API رایگان و مفید افزوده شده است.


اگر دوست دارید با یک مثال ساده جاوااسکریپت با نحوه استفاده از این API آشنا شوید، ادامه مطلب را از دست ندهید.

ادامه نوشته

تفاوت میان تست کننده و توسعه دهنده نرم افزار


تفاوت میان تست کننده و توسعه دهنده نرم افزار

تست نرم افزار بخش مهمی از جریان کاری ساخت را تشکیل می دهد که متاسفانه در موارد زیادی شاهد نادیده گرفتن یا کمرنگ بودن آن هستیم. اما آیا می دانستید که یک تست کننده خوب دارای مشخصات ویژه ای است؟ امروز می خواهیم به این موضوع بپردازیم. تا حالا بسیار از دولوپرها (developer = توسعه دهنده. مثلا برنامه نویس یک نرم افزار) شنیده ایم. اینکه چه مشخصه هایی دارند و چگونه اند. اما نیمی از ساخت نرم افزار به برنامه نویسی آن مربوط است و نیمه دیگر تست نرم افزار را تشکیل می دهد. همانند علامت یین و یانگ (عکس مطلب) دولوپرها و تست کننده ها نیمه های یک نرم افزار هستند. هر چند این دو کاملا با هم مخالفند و متفاوت (یکی سفید و دیگری سیاه)، هر چند ممکن است فکر کنید که عین کارد و پنیر به خون یکدیگر تشنه اند اما در نهایت این دو گروه مکمل یکدیگر هستند و با همکاری هم پروژه تکمیل می شود (یک دایره کامل ایجاد می شود).


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

ادامه نوشته

ترفندهایی کوتاه برای امنیت بیشتر در وردپرس

یادگیری خلبانی


ترفندهایی کوتاه برای امنیت بیشتر در وردپرس

پیشتر مطالبی درباره امنیت در نردبان مشاهده کرده بودیم. این بار می خواهیم ترفندهایی برای بالا بردن امنیت سیستم مدیریت محتوای محبوب - وردپرس - مرور کنیم. در زیر با برخی از مهمترین ها آشنا خواهیم شد.

ادامه نوشته

۲۰ ابزار مفید برای بهینه سازی تصاویر وب


۲۰ ابزار مفید برای بهینه سازی تصاویر وب

یکی از مهمترین نکاتی که در وب سایت ها باید رعایت کنیم، دریافت سریع اطلاعات و کاهش زمان نمایش سایت است. قضیه زمانی اهمیت بیشتری پیدا کرد که سه سال پیش گوگل رسما سرعت وب سایت را به فاکتورهای خود در محاسبه رنک (rank) سایت ها اضافه کرد.


طبق آمار حدود 60% حجم صفحات وب را تصاویر اشغال می کنند. اگر به خاطر داشته باشید در نردبان درباره WebP - فرمت جدید پیشنهادی گوگل - صحبت کردیم.


برای کاهش حجم تصاویری که امروزه در وب سایت ها استفاده می شوند، نرم افزارهای متعددی وجود دارند که امکان Save for web فتوشاپ از معروف ترین آن ها است. در ادامه مطلب با 20 ابزار مفید برای کاهش حجم تصاویر آشنا خواهیم شد که می توانید یکی از انها را انتخاب و استفاده کنید.

ادامه نوشته

۵۰ درصد صرفه جویی در مصرف پهنای باند ویدیو با کدک VP9


علی اصغر هنرمند
2013-05-17 13:20:50

در حال حاضر H.264 پراستفاده ترین کدک مورد استفاده در وب است و اکثر ویدیوها با این کدک فشرده سازی شده اند. احتمالا می دانید که کدک (Codec) در واقع یک الگورتیم فشرده سازی است که سبب می شود فایل های صوتی و تصویری را در حجم کمتر دانلود کنید. 

کدک کار فشرده سازی و بازکردن اطلاعات را انجام می دهد و احتمالا با انواع مشهور آن مانند MPEG-4 ، DivX و H.264 آشنا هستید. 

حالا گوگل در کنفرانس I/O تاکید کرده که می خواهد به سوی کدک جدید VP9 حرکت کند. 

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

به گفته گوگل VP9 تا ۵۰ درصد نسبت به کدک های فعلی در مصرف پهنای باند، هنگام استریم ویدیو صرفه جویی خواهد کرد و این یک تغییر بزرگ به حساب می آید. 

با این حساب ویدیوهای اینترنتی قادر خواهند بود با حجمی بسیار کمتر نسبت به گذشته منتقل شوند. 

البته در مسیر فراگیر شدن VP9 مشکلاتی هم وجود دارد. ممکن است مرورگرها به سرعت بتوانند از آن پشتیبانی کنند اما تلفن های هوشمند و تبلت ها با سرعت کمتری حرکت می کنند و احتمالا به برخی تغییرات سخت افزاری نیز نیاز خواهد بود. 

در طرف دیگر کدک H.265 هم در حال ورود به بازار است و یک رقیب جدی به حساب می آید. البته گوگل با رایگان کردن VP9 تلاش می کند هر چه سریع تر آن را فراگیر کند.

برنامه نویسی و پی اچ پی آموزش برنامه نویسی جاوا - قسمت هشتم: اپراتورها در زبان برنامه نویسی


آموزش برنامه نویسی جاوا - قسمت هشتم: اپراتورها در زبان برنامه نویسی

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

و حالا قسمت هشت: پس از آن که در دو جلسه گذشته با string ها در زبان برنامه نویسی جاوا آشنا شدیم، اکنون می توانیم با استفاده از Operator ها یا همان اعمال ریاضیاتی مثل جمع و تفریق و غیره مقادیر متغیر های متفاوتی را در تعامل با یکدیگر قرار دهیم. ادامه مطلب را از دست ندهید.

ادامه نوشته

ابزارهاسرور و میزبانیفریم‌ورک و سی‌ام‌اس وب سایت های مورد علاقه شما، و کشف نیروهای محرکه پنهانی آنها


وب سایت های مورد علاقه شما، و کشف نیروهای محرکه پنهانی آنها

تا کنون پیش آمده کنجکاو شوید سایت مورد علاقه تان با وردپرس یا جوملا کار می کند؟ یا وب اپلیکیشنی که از آن استفاده می کنید از Ruby on Rails بهره می برد یا از ASP.NET قدرت گرفته است؟ در اینجا قصد داریم به معرفی چند افزونه مرورگر گوگل کروم بپردازیم که دیگر در این زمینه ها جای سوالی برای تان باقی نگذارند. 

گیک ها و علاقه مندان برنامه نویسی معمولا دوست دارند که کاپوت هر محصولی را بالا بزنند و ببینند سایت ها و برنامه های مورد علاقه شان چگونه کار می کنند. اما امروزه دیگر تنها با باز کردن پنجره View Source نمی توان همه اطلاعات لازم و دوست داشتنی درباره یک وبسایت را پیدا کرد. علاوه بر این، حتی اگر بتوانید CMS یا سیستم مدیریت محتوای مورد استفاده را با این روش پیدا کنید، حتما بسیار خسته کننده و ملالت آور است که درون خطوط کدها به جستجو بپردازید تا آن را بیابید. همچنین، کدهای HTML هیچ گاه نمی توانند چیزی درباره وب سروری یا نسخه PHP مورد استفاده برای تان بازگو کنند. 

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

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

ادامه نوشته

برنامه نویسی و پی اچ پی آموزش برنامه نویسی جاوا: یکی از خصوصیات کلیدی محیط برنامه نویسی


آموزش برنامه نویسی جاوا: یکی از خصوصیات کلیدی محیط برنامه نویسی

در این جلسه پیش از تکمیل مبحث String ها در زبان برنامه نویسی جاوا می خواهیم یکی از خصوصیات کلیدی محیط برنامه نویسی اکلیپس را مورد بررسی قرار دهیم. این خصیصه نام های مختلفی همچون Auto Complete, Code Assist, Code Completion, Content Assist دارد. به طور خلاصه اگر بخواهیم در حین کدنویسی از خود محیط برنامه نویسی اکلیپس کمک بگیریم می توانیم از ترکیب کلید های Ctrl و Space استفاده کنیم. با این کار زمانیکه ما در حین نوشتن چیزی مثلاً نام یک متغییر که قبلاً ایجاد کرده ایم هستیم، با هم زمان زدن کلید هایی که در بالا گفته شد از محیط برنامه نویسی اکلیپس می خواهیم تا کد را برای ما تکیمل کند. برای روشن شدن مطلب به مثال ادامه مطلب توجه کنید:

ادامه نوشته

دروپال ۸ در مورد تلفن های هوشمند چه فکری کرده؟


دروپال ۸ در مورد تلفن های هوشمند چه فکری کرده؟

در افتتاحیه کنفرانس دروپال در سال ۲۰۱۱ در شیکاگو Dries Buytaert رهبر تیم دروپال گفت: 'اگر بخواهم از ابتدا دروپال را بازنویسی کنم، ابتدا آنرا برای تجربه تلفن های همراه طراحی خواهم کرد و سپس برای کامپیوترهای رومیزی (desktop)'. بعد از پایان کنفرانس JohnAlbin به عنوان رهبر بخش موبایل دروپال منصوب شد. از زمان رهبری وی تا کنون ۲ سال میگذرد و استراتژی دروپال در برابر تلفن های هوشمند تغییرات فراوانی کرده است. 

تیک تاک در این مقاله قصد دارد شما را با تمهیدات جدیدی که دروپال برای پشتیبانی تلفن های همراه در نظر گرفته است آشنا کند. پس ادامه مطلب را از دست ندهید.


ادامه نوشته

آموزش برنامه نویسی جاوا: آشنایی با یکی از معروف ترین انواع Reference Type ها


آموزش برنامه نویسی جاوا: آشنایی با یکی از معروف ترین انواع Reference Type ها

پس از آشنایی با انواع متغییر ها از جنس Primitive Type حال نوبت به آشنایی با یکی از معروف ترین انواع Reference Type ها تحت عنوان String می رسد.

اگر به خاطر داشته باشید در اولین برنامه جاوا که طراحی کردیم عبارت In the Name of God را در یک String ذخیره ساخته سپس آن را نمایش دادیم. 
عناصر تشکیل دهنده String ها کاراکترها، اعداد و علائم می باشند که با کنار یکدیگر قرار گرفتن یک جمله را تشکیل می دهند. چنانچه بخواهیم جمله ای را در برنامه خود داشته باشیم، یکی از دو گزینه ای که این کار را برای ما انجام خواهد داد کلاسی از جنس String است (توجه داشته باشید که این متغییر بر خلاف دیگر متغییر ها با حرف بزرگ شروع می شود). در حقیقت این Class در API زبان برنامه نویسی جاوا ایجاد شده است و ما فقط آن را فرا می خوانیم. از سوی دیگر کلاس String از جنس Reference Type است. به عبارت دیگر چنانچه ما متغییری داشته باشیم که جنس آن یک از هشت نوع Primitive Type نباشد، ما متغییری از جنس یک Class خواهیم داشت که نوع آن Reference Type می باشد. برای روشن تر شدن این مطلب می توانیم فرض کنیم که String یک Class است و نامی که ما برای آن در نظر می گیریم نام آن Class است. به مثال زیر در ادامه مطلب توجه فرمایید:

ادامه نوشته

نگاهی به خصوصیت Placeholder در HTML5


نگاهی به خصوصیت Placeholder در HTML5

یکی از امکانات جدیدی که در HTML5 اضافه شده است، خصوصیت Placeholder است؛ متن خاکستری رنگی که به صورت پیش فرض داخل کادرهای ورود اطلاعات نمایش داده شده و به محض ورود اطلاعات کاربر از بین می رود.


در گذشته (و حتی همچنان) از دستورات جاوا اسکریپت برای نمایش آن استفاده می کردیم. مانند مثال ساده زیر:




از زمان معرفی این خصوصیت HTML5، قرار دادن آن بسیار راحت تر از گذشته شده است:




html5-placeholder-cover.jpg

برای مشاهده جزئیات مربوط به Placeholder با ما در ادامه مطلب همراه باشید.

ادامه نوشته

آیکون های وکتور با وب فونت Font Awesome


آیکون های وکتور با وب فونت Font Awesome

همه ما از مزایای استفاده از آیکون ها در وب سایت مطلع هستیم. به صورت سنتی از روش های متفاوتی برای قرار دادن آیکون در سایت استفاده می کردیم. وجه مشترک همه آن ها استفاده از فرمت های مختلف تصویری مانند GIF، JPG یا PNG برای نمایش آیکون ها بود.


امروزه یکی از روش هایی که به لطف CSS3 جایگزین روش های سنتی شده است، استفاده از وب فونت ها است. استفاده از فونت هایی که در کنار کاراکترهای معمولی (اعداد، حروف و ...) از کاراکترهایی به شکل آیکون بهره می برند مزایای زیادی دارد. یکی از نقاط قوت فونت ها، وکتور بودن آن ها است. بنابراین می توانیم بدون افت کیفیت در هر سایزی از این آیکون ها استفاده کنیم.برتری دیگر فونت ها حجم پایین نسبت به محتویات آن است.

ادامه نوشته

طراحی و تجربه کار افزودن پخش کننده موسیقی در وب سایت


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

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


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


ادامه نوشته

آموزش برنامه نویسی جاوا: آشنایی با انواع متغییرها


آموزش برنامه نویسی جاوا: آشنایی با انواع متغییرها

حال که اولین برنامه جاوای خود را نوشتیم و جمله In the Name of God را روی صفحه مانیتور به نمایش در آوردیم نوبت به فراگیری Variable ها در زبان برنامه نویسی جاوا می رسد. در واقع Variable ها یا متغییر ها عناصری در زبان برنامه نویسی می باشند که می توانند داده را در خود ذخیره سازند. داده در یک Variable این قابلیت را دارا است که در هر زمانی توسط برنامه نویس یا کاربر تغییر یابد و از همین رو است که نام متغییر روی آن گذاشته شده است. برای درک بهتر متغییر ها می توانیم جایی در حافظه کامپیوترمان را متصور شویم که یک Value در آن ذخیره می شود. 

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

ادامه مطلب را از دست ندهید. 

ادامه نوشته

برنامه نویسی و پی اچ پی آموزش برنامه نویسی جاوا: پیام های خطا و کامنت ها


آموزش برنامه نویسی جاوا: پیام های خطا و کامنت ها

پس از آشنایی با مفاهیم شئی گرایی در برنامه نویسی، دو مسئله مهم دیگر را که می تواند برای برنامه نویسان مبتدی مفید واقع شود را مطرح خواهیم کرد. این دو مسئله عبارتند از error هایی که ما در برنامه نویسی با آن ها مواجه خواهیم شد و همچنین نحوه comment کردن یا مخفی کردن بخشی از اطلاعات. 

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

ادامه مطلب را از دست ندهید. 

ادامه نوشته

ایجکس (AJAX) در برابر SEO


AJAX
محمود فیض
2013-03-05 18:17:59

زمان زیادی از پیدایش ایجکس در دنیای وب سایت (نرم افزارهای مبتنی بر وب) نگذشته است. این تکنولوژی تحول عظیمی در نحوه پیاده سازی وب سایت ها به وجود آورد.


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


در برابر امکانات فراوانی که به وسیله ایجکس در اختیار برنامه نویسان قرار می گیرد، مشکلاتی هم به وجود آمده است. بدون شک بزرگترین آن ها، عدم سازگاری ایجکس با سئو (SEO) است.


اگر می خواهیم گوگل و سایر موتورهای جستجو سایت ما را بیشتر از سایت های مشابه دوست داشته باشند، دو انتخاب وجود دارد:


در ادامه با تیک تاک همراه باشید»

ادامه نوشته

ببینید: سخنرانی های کنفرانس ۲۰۱۳ کنسرسیوم جهانی وب

علی اصغر هنرمند
2013-03-04 20:30:22

چند روز پیش در نردبان خبر از کنفرانس سالانه کنسرسیوم جهانی وب و پخش زنده این برنامه دادیم. اما ممکن است فرصت نکرده باشید که سخنرانی های این مراسم را ببینید. نگران نباشید! حالا می توانید سخنرانی های این کنفرانس را در سایت یوتیوب ببینید. 

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

مدیریت و کار استفاده مناسب از نرم‌افزار = افزایش‌ بهره‌وری کسب‌وکار


استفاده مناسب از نرم‌افزار = افزایش‌ بهره‌وری کسب‌وکار

اغلب افراد قبول دارند که میزان بهره‌وری (productivity) کسب‌و‌کار‌ها، به میزان توانایی مدیران‌شان در اجرای موفق استراتژی‌های کلی‌‌شان بستگی دارد. اما چه عامل دیگری تضمین‌کننده موفقیت یک کسب و کار است؟ شرکت‌هایی موفقند که کارکنانی علاقه‌مند و کارآمد داشته باشند تا هدف‌هایی را که در راستای استراتژی‌های کلی آن سازمان است، عملی کنند. 

پس اگر "تحقق اهداف"، کلید اصلی ساختن یک کسب و کار موفق است، گام‌هایی که کارآیی کسب وکار شما را افزایش می‌دهد تا اهداف استراتژیک‌تان را بهتر عملی کنید، کدامند؟ چگونه می‌فهمید که اهداف کسب و کارتان همراستا با استراتژی‌های شرکت است و کارایی نیروی انسانی‌تان در بالا‌ترین حد است تا در نتیجه کسب و کارتان به بالا‌ترین سطح بهره وری دست یافته و بهترین نتایج را برایتان به ارمغان بیاورد؟ ادامه مطلب را از دست ندهید.

ادامه نوشته

چند ابزار مفید برای توسعه دهندگان وب در محیط کامند لاین


چند ابزار مفید برای توسعه دهندگان وب در محیط کامند لاین

به عنوان یک توسعه دهنده وب، زمانیکه مشکلی به وجود می‌آید، زندگی سخت می‌گردد. مشکل می تواند در هرجایی به وجود بیاید. آیا مشکل از درخواستی است که میفرستید؟ آیا مشکل از پاسخ سمت سرور است؟ آیا مشکل از بسته نرم افزاری دیگری است که استفاده می کنید و شاید هم API خارجی دچار مشکل شده است. اگر یک توسعه دهنده حرفه ای باشید یا مدیر سرور، برایتان زیاد پیش می آید که مجبورید از Command Line برای حل مشکل تان استفاده کنید.


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

ادامه نوشته

تاثیر ورود اینترنت اکسپلورر 10 به ویندوز 7

علی اصغر هنرمند
2013-03-01 12:41:45

سه روز است که نسخه نهایی اینترنت اکسپلورر نسخه 10 برای ویندوز 7 ارایه شده. و این یک تغییر مهم برای طراحان و توسعه دهندگان وب به حساب می آید. چرا که مرورگر جدید مایکروسافت به خاطر آپدیت اتوماتیک در ویندوز 7 به سرعت روی کامپیوتر کاربران نصب می شود و در واقع ۷۰۰ میلیون کاربر ویندوز 7 به زودی آن را دانلود خواهند کرد. 

اینترنت اکسپلورر 10 نسبت به نسخه 9 حدود ۲۰ درصد سریع تر است و این موضوع دلیل مهم دیگری است که سبب می شود کاربران تمایل زیادی برای نصب آن داشته باشند. ضمن اینکه از امنیت و رابط کاربر بهتری هم برخوردار است. 

اما در پشت صحنه می بینیم که پشتیبانی از بیش از ۳۰ استاندارد جدید در نسخه ۱۰ قرار گرفته و دست طراحان را نسبت به گذشته بازتر می کند. 

موضوع آپدیت در اینترنت اکسپلورر همیشه یک مشکل به حساب می آمده و سبب شده که طراحان مجبور باشند به این موضوع فکر کنند که کارشان را برای نسخه های مختلف این مرورگر بهینه کنند. در حالی که مایکروسافت باید امکان آپدیت خودکار را مانند کروم و فایرفاکس به مرورگرش اضافه می کرد. 

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

در حال حاضر اینترنت اکسپلورر 9 حدود 16.9 درصد بازار را در اختیار دارد و سهم بازار نسخه 10 حدود 1.2 درصد است. اما پیش بینی می شود که طی هفته های آینده به سرعت شاهد تغییر در این آمار باشیم و گفته می شود اینترنت اکسپلورر 9 به زودی خواهد مرد.


معرفی 5 ابزار آنلاین تولید فیوآیکون (favicon)


معرفی 5 ابزار آنلاین تولید فیوآیکون (favicon)

آیا تا به حال به آیکون کنار نام وب سایت در نوار آدرس یا لیست علاقه مندی های مرورگر خود (Favorites یا Bookmarks) دقت کرده اید؟! این نشان کوچک گرافیکی که معمولا نماد یا لوگو یک وب سایت است با نام فیوآیکون (favicon) شناخته می شود.


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


نرم افزارهای طراحی قابل نصب روی سیستم عامل ها (مانند فتوشاپ) یکی از راه کارهای ساختن فیوآیکون ها هستند. البته ممکن است برای پشتیبانی از فرمت ICO نیازمند نصب افزونه (Plugin) باشند.


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

ادامه نوشته

نگاهی متفاوت به فضای سفید در طراحی صفحات وب


نگاهی متفاوت به فضای سفید در طراحی صفحات وب

تکنیک ها و ریزه کاری هایی که در زمان طراحی وب سایت و یا یک کار چاپی باید به آنها توجه کنیم کم نیستند. در این مطلب به یک نکته ریز اما بسیار مهم به نام فضای سفید (White Space) می پردازیم و از تاثیرات مثبت توجه به این نکته می گوییم.


فضای سفید چیست؟

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

در ادامه با تیک تاک همراه باشید:

ادامه نوشته

مفاهیم کاربردی فناوری اطلاعات: BPM چیست؟

مفاهیم کاربردی فناوری اطلاعات: BPM چیست؟

آیا از گام‌های «گردش کار» [1] در سازمان خود آگاهی دارید؟ چگونه وقایعی را که در سراسر سازمان شما اتفاق می­افتد شناسایی کرده و به آن­ها پاسخ می­دهید؟ ناآشنایی با آیین­نامه­ها و مقررات مشترک در سازمان­ها چه هزینه­هایی را بر کسب­و­کار شما تحمیل می­کند؟ آیا می­دانید بهره­وری پایین، کاهش رضایت مشتریان و افت موقعیت کسب­و­کارتان درمیان رقیبان، هزینه­هایی هستند که برای عدم اتوماتیک کردن فرآیند­های خود از طریق «مدیریت فرآیندهای کسب­و­کار» (BPM) باید بپردازید؟ به این دلیل است که 56 درصد از شرکت­های موجود در لیست Fortune 500 ادعا کرده­اند که اتوماسیون فرآیندها از طریق BPM، یک اولویت اصلی برای آن­ها محسوب می­شود.


مفهوم BPM:

امروزه تعداد زیادی نیروی­کار و سیستم­های کسب­و­کار ناکارآمد وجود دارند که باعث ایجاد خدماتی کم­کیفیت و هزینه­های غیرضروری می­شود و مشکلاتی را در زمینه رضایت کارمندان و مشتریان ایجاد می­کند. این­ها و مشکلات دیگر معمولا ارتباط نزدیکی با اطلاع، سنجش و کنترل فعالیت­های کاری به­طور روزانه دارند. تا زمانیکه فرآیندهای کسب­و­کار، غیر رسمی و نامشخص هستند و کارمندان در مورد وظایف خود و رویه­های شرکت توجیه نشده­اند، شرکت با ناکارایی و تنگنا مواجه است. 
BPM یک راه­حل جامع برای درک و مدیریت روندهای موجود در سازمان شماست (از طریق تکنیک­هایی مانند نگاشت/مستند­سازی روندها و جریان کار) و به شرکت­ها کمک می­کند تا بتوانند روابط کاری پیچیده موجود بین کارکنان، سیستم­ها و فرآیندها را به­گونه­ای ساده­سازی کنند که کاملا قابل فهم شود و از این طریق بهره­وری سازمان و رضایت مشتریان افزایش یابد. 
BPM پیش از اینکه یک ابزار یا تکنولوژی باشد، نوعی اصول و قواعد است و نه صرفا یک نرم­افزار که خریداری کنید و بدون اطلاع از جزئیات دقیق برای اصلاح مسائل کسب­و­کار خود استفاده کنید؛ بلکه اشخاص نقشی اساسی در BPM ایفا می­کنند. 
می­توان BPM را به­شکل بنیادی اینگونه تعریف کرد: اصول مدل­سازی، اتوماتیک­سازی، اجرا، نظارت و بهینه­سازی کردن روندهای کسب­و­کار برای افزایش سودآوری. ادامه مطلب را از دست ندهید.


ادامه نوشته

انتشار اتوماتیک مطالب وبسایت شما در گوگل پلاس

انتشار اتوماتیک مطالب وبسایت شما در گوگل پلاس

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

در ادامه با تیک تاک همراه باشید:

ادامه نوشته

۴ اپلیکیشن رایگان برای انتشار فید در شبکه های اجتماعی


۴ اپلیکیشن رایگان برای انتشار فید در شبکه های اجتماعی

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


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

ادامه نوشته

۱۷ ابزار رایگان برای ارزیابی وبسایت شما


۱۷ ابزار رایگان برای ارزیابی وبسایت شما

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


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


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

ادامه نوشته

دروپال 7.20 ارایه شد


نسخه جدیدی از سری 7 دروپال ارایه شده است. این یک به روز رسانی امنیتی است و امکان جدیدی در دروپال اضافه نشده است. به روز رسانی تمام سایت هایی که از دروپال سری 7 استفاده می کنند، به نسخه جدید قویا توصیه شده. چرا که این به روز رسانی مشکلات امنیتی مهمی را برطرف می کند. دانلود کنید:
 دروپال 7.202013

آموزش محدود کردن سرعت دانلود فایل در سایت خود توسط PHP

فایل header.php پوسته وردپرس

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

در ادامه با تیک تاک همراه باشید :

ادامه نوشته

باید و نبایدهای فایل header.php یا سربرگ در وردپرس

فایل header.php که با آن در آناتومی پوسته وردپرس آشنا شدیم یکی از مهترین بخش های پوسته وردپرس است که در اکثر پوسته استاندارد طراحی شده برای این سیستم چنین فایلی را در میان فایل های موجود در شاخه پوسته وجود دارد. اما در این آموزش قصد داریم شما را با نکات پایه و ساده ای آشنا کنیم که با استفاده از آن ها در طراحی پوسته شخصی و یا حتی ویرایش پوسته فعلی سایت خود برای رسیدن به بهترین نتیجه ممکن کمک می کند. توجه داشته باشید تعدادی از این باید و نبایدها بر مبنای استاندارد طراحی وب و الباقی آن ها نیز بر اساس تکنیک استفاده شده در پوسته های محبوب و استاندارد طراحی شده برای وردپرس تهیه شده اند.

فایل header.php پوسته وردپرس

در ادامه با تیک تاک همراه باشید :

ادامه نوشته

آموزش سئو و طراحی وبلاگ اختصاصی در Quora برای سایت خود

آموزش ساخت Quora Blog جدید

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

در ادامه با تیک تاک همراه باشید :

ادامه نوشته

طراحی یک بازی ساده با استفاده از HTML5 - قسمت دوم و آخر


طراحی یک بازی ساده با استفاده از HTML5 - قسمت دوم و آخر

در قسمت قبل روند ساخت بازی را از کُدنویسی قالب اولیه HTML، تا ساخت آبجکت جاوااسکریپت Draw، برای ایجاد شکل های مورد نیاز در بازی پیش بردیم. در این مطلب کار را با به کارگیری رویدادهای لمسی (Touch Events) دنبال می کنیم. پس در ادامه مطلب با تیک تاک همراه باشید.


ادامه نوشته

طراحی یک بازی ساده با استفاده از HTML5 - قسمت اول


طراحی یک بازی ساده با استفاده از HTML5 - قسمت اول

ساختن یک بازی که تمام پلت فرم ها را پشتیبانی کند، درگیر نشدن با Java و Objective-c، رها شدن از مشکلات فروشگاه های نرم افزار (App stores) و استفاده از سایر مزایاهای یک وب اپلیکیشن، برای هر توسعه دهنده وب یک موفقیت و نقطه عطف محسوب می شود. 

در حال حاضر تعداد انگشت شماری از توسعه دهنگان بازی از HTML5 استفاده می کنند.Nutmeg و Lunch Bug نمونه هایی درخشان در این زمینه محسوب می شوند. 

ادامه نوشته

دش یا آندراسکور؟ بکار بردن کدامیک از آنها در آدرس های اینترنتی بهتر است؟

احسان پاک نژاد
2013-02-18 22:00:04

همه ما می دانیم که باید صفحات سایتمان را برای موتورهای جستجو (مانند گوگل) بهینه کنیم تا در نتایج جستجو رتبه بالاتری به دست بیاوریم. یکی از راه ها این است که تا آنجا که می توانیم از واژه های کلیدی در صفحاتمان استفاده کنیم. به عبارت دیگر اگر مطلبی راجع به «آجر» می نویسیم باید این کلمه و کلمات مربوطش در تیترها، تگ های meta (المت متا در اچ تی ام ال)، نکات بالا و پایین صفحه، پیام ها و تگ های alt (اتریبیوت alt در داخل المنت img) استفاده کنیم. همه این ها کمک کننده است، اما شاید از همه این ها مهم تر وجود کلمات کلیدی در آدرس اینترنتی صفحه باشد. (برای مثال به کلمات بکار رفته در آدرس صفحات نردبان توجه کنید.)


در آدرس های اینترنتی برای جدا کردن کلمات از یکدیگر از علامت های دش (dash = خط فاصله، علامت منها یا همان علامت -) و آندراسکور (underscore یا همان علامت _) استفاده می شود.


911130-www-nardebaan-ir-dash-underscore-seo_01.png

اما کدامیک از آنها بهتر است؟ در ادامه با ما باشید تا بهترین علامت را معرفی کنیم.


آدرس های صفحات تان را با کلیدواژه ها پر کنید

موتورهای جستجو اهمیت ویژه ای برای واژه های به کار رفته در آدرس صفحات قایل هستند. بنابراین برای بهبود جایگاه خود در آنها باید از واژه های کلیدی در آدرس های خود استفاده کنید.


حال سوال این است که وقتی می خواهید چند کلید واژه را در آدرس قرار دهید، چه می کنید؟ آنها را چگونه از یکدیگر جدا می کنید؟


شما نمی توانید از space (فاصله) در آدرس استفاده کنید (و اصلا کار جالبی نیست که از %20 برای ایجاد space در آدرس استفاده کنید). بنابراین وب مسترها برای جدا کردن کلمات، شروع به استفاده از علامت های آندراسکور یا دش کردند. مطمئنا تا به حال زیاد این دو علامت را در آدرس ها مشاهده کرده اید.


اما آیا این دو علامت با هم فرقی ندارند؟ و اگر چنین است بالاخره کدام بهتر است؟


از دش استفاده کنید.

بله درست است، برای داشتن آدرس هایی مناسب موتورهای جستجو، توصیه می کنیم از دش استفاده کنید. زیرا این علامت شایع ترین جدا کننده کلمات است. زمانی که یک موتور جستجو به آدرس red-rubber-duckies.html می رسد متوجه می شود که این آدرس از سه کلمه تشکیل شده است. (از این قاعده هنگام نام گذاری فایل ها نیز استفاده کنید. برای مثال فایل عکس را به این صورت (red-rubber-duckies.jpg) نام گذاری کنید.)


از طرف دیگر، اگر از آندراسکور استفاده کنید، اکثر موتورهای جستجو فقط یک کلمه را می بینند (عبارت را پیوسته می بینند و کلمات را از آندراسکور جدا نمی کنند). پس اگر می خواهید موتورهای جستجو کلمات شما را ببینند، به آنها کمک کنید و از دش استفاده کنید.


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

SSL راهنمايي براي امنيت وب سايت ها

همکاران سیستم
2013-02-18 11:00:26

پیش درآمد

امروزه با افزایش استفاده از اینترنت برای تبادل اطلاعات مهم و اساسی بحث امنیت در فضای مجازی از اهمیت بالایی برخوردار شده است. شركت های امنیتی برای پیشگیری از سرقت اطلاعات خدمات گوناگونی را ارائه می دهند كه از جمله ی این امكانات می توان به گواهی امنیتی SSL، فایروال، اسكنرهای سنجش امنیت و ارزیابی سالیانه امنیتی وب سایت ها اشاره كرد. 
همانطور كه می دانید بسیاری از مردم از طریق اینترنت خرید می كنند، ایمیل ارسال می كنند، به مدیریت حساب های بانكی شان و كارهایی از این دست می پردازند، اما اگر اندكی در خصوص تعداد كاربران اینترنت تأمل كنید، شگفت زده و البته كمی نگران خواهید شد. 15 سال پیش تنها 15 درصد از آمریكایی ها به اینترنت وصل می شدند، حالا این آمار حدود 80 درصد است. جالب است بدانید كه آمار جهانی كاربران اینترنت از این هم چشمگیر تر است. آمار به ما نشان می دهد كه در یك دهه ی قبل تنها حدود 350 میلیون نفر در سراسر جهان از اینترنت استفاده می كردند، حال آنكه در 10 سال گذشته این رقم به حدود 2 میلیارد نفر رسیده است. 
هر چقدر به تعداد كاربران اینترنت افزوده شود، به همان نسبت وب سایت ها بیشتر در معرض حملات سایبری از قبیل سرقت رمزهای عبور كاربران قرار خواهند گرفت. تهدید كاربران اینترنت روز به روز افزایش می یابد. بر طبق گزارش ها هر ساله بیش از 3.5 میلیون نفر در آمریكا مورد سرقت اطلاعات در فضای مجازی قرار می گیرند. 
بسیاری از كاربران فضای مجازی كه خود یا افراد نزدیك به آنها مانند دوستان و خانواده شان مورد سرقت اطلاعات قرار می گیرند و یا اینكه خبر مربوط به این سرقت ها را می شنوند، پس از آن به راحتی و با آسودگی اطلاعات شخصی مانند نام واقعی شان را در فضای اینترنت منتشر نخواهند كرد. نتایج یك گزارش تحقیقاتی كه به تازگی منتشر شده است، نشان می دهد كه بیش از 62 درصد از كاربران اینترنت در ایالت متحده بابت مسأله ی امنیت اطلاعاتشان در فضای مجازی نگرانی های جدی دارند. واضح است كه اگر كاربری در فضای مجازی برای دادن اطلاعات شخصی ساده مانند اسم واقعی اش احساس امنیت نكند، صحبت در خصوص استفاده ی این كاربر از كارت اعتباری برای خرید اینترنتی یك شوخی بی مورد بیشتر نخواهد بود! تحقیقات نشان می دهد كه اگر وب سایتی در سطح مطلوبی از امنیت قرار نداشته باشد، كاربران اینترنت به سادگی اطلاعات خود را در آن به اشتراك نخواهند گذاشت. 

برای ادامه با تیک تاک همراه باشید :

ادامه نوشته

۵ تغییر مهم در نسخه جدید سیستم مدیریت محتوای دروپال

احسان پاک نژاد
2013-02-17 22:00:46

به عنوان یک طراح سایت حتما با CMS ها (Content Managment System = سیستم مدیریت محتوا) مانند جوملا، وردپرس و … آشنایی دارید. یکی از این CMS ها، دروپال (Drupal) است که در سال های اخیر پیشرفت خوبی داشته است.


مدتی است که تیم توسعه دروپال کار خود را روی نسخه هشتم این سیستم شروع کرده. در ادامه مطلب نگاهی داریم به ۵ مورد از مهمترین تغییرات این نسخه. توجه کنید که این نسخه هنوز آماده استفاده نیست و آخرین نسخه پایدار، Drupal7 می باشد.


برای ادامه با تیک تاک همراه باشید :

ادامه نوشته

CSS Specificity: قسمت سوم، مثال های باز هم بیشتر


CSS Specificity: قسمت سوم، مثال های باز هم بیشتر

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


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

ادامه نوشته

CSS Specificity: قسمت دوم، بحث اصلی


CSS Specificity: قسمت دوم، بحث اصلی

همان طور که در ابتدای مطلب قبل گفتیم عکس بالا روش های مختلف استایل دادن را نمایش می دهد. بر اساس قانون specificity، هر یک از سلکتورها وزن های مختلفی دارند. برای مثال وزن و اختصاصی بودن «id» از «کلاس» بیشتر است و «کلاس» از «المنت» ها. طریقه معمول برای اندازه گیری میزان specificity یک دستور سی اس اس آسان است: برای هر یک از سکلتورهای آن، یک امتیاز در نظر می گیریم و با جمع آنها میزان specificity یک دستور محاسبه می شود. بر این اساس امتیاز Style attribute هزار، id صد، کلاس معادل ۱۰ و المنت ها مساوی ۱ است.


در ادامه ضمن مثال هایی، توضیح کامل این مبنا را آورده ایم.

ادامه نوشته

CSS Specificity: قسمت اول، آشنایی با مفاهیم مهم سی اس اس


CSS Specificity: قسمت اول، آشنایی با مفاهیم مهم سی اس اس

CSS Specificity یکی از مشکل ترین مباحث در CSS است. زمانی که به یک المنت خاص در HTML (مثلا

) دو دستور سی اس اس (CSS) متفاوت (مثلا دو background یکی آبی و یکی قرمز) می دهید، مرورگر با توجه به CSS Specificity تصمیم می گیرد که کدام دستور را اجرا کند.


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


در عکس بالا چهار روش کلی دادن دستورات سی اس اس را می بینید. در این مقاله قصد داریم، توضیحاتی راجع به مفاهیم اولیه سی اس اس بدهیم، در مقاله بعد (قسمت دوم) به توضیح مفصل specificity خواهیم پرداخت و قسمت سوم را نیز با مثال های تکمیلی به اتمام می رسانیم. در ضمن در صورتی که از قبل با مبحث specificity آشنایی دارید باز هم توصیه می کنیم که این مقاله و قسمت دوم را حتما مطالعه کنید. مطمئنا در آنها نکات مفید فراوانی خواهید یافت. پس در ادامه با ما باشید.


ادامه نوشته

۱۲ افزونه فایرفاکس برای وبمسترها و طراحان وب


۱۲ افزونه فایرفاکس برای وبمسترها و طراحان وب

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

پس ادامه مطلب را از دست ندهید.

ادامه نوشته

دردسرهای اینترنت اکسپلورر کمتر می شود: راه اندازی سایت Modern.IE

علی اصغر هنرمند
2013-02-01 13:20:08

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

در نتیجه باید همیشه چندین نسخه از اینترنت اکسپلورر را دم دست داشته باشید تا سایت تان را در نسخه های مختلف تست کنید. برخی ابزارها هم برای تست راحت تر ساخته شده اما آنها هم همه مشکلات را حل نمی کنند. 

حالا مایکروسافت ابزار آنلاین جدیدی برای طراحان وب ارایه کرده و بنابراین لازم است باModern.IE آشنا شوید. این ابزاری است که امکانات مختلفی در اختیار شما قرار میدهد تا سایت تان را در نسخه های مختلف اینترنت اکسپلورر تست کنید. 

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


modern-ie-nardebaan.jpg

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

تا به حال طراحان وبی که از لینوکس یا مک استفاده می کردند دردسرهای مختلفی برای تست سایت هایشان در اینترنت اکسپلورر داشتند اما Modern.IE ابزارهای در دسترس مهمی در اختیار آنها قرار میدهد تا نیاز کمتری به استفاده از سیستم عامل ویندوز داشته باشند.

کد نویسی استاندارد: آشنایی اولیه و ذکر مثال هایی در PHP و جاوااسکریپت (قسمت اول)


کد نویسی استاندارد: آشنایی اولیه و ذکر مثال هایی در PHP و جاوااسکریپت (قسمت اول)

«علامت استاندارد نشانه مرغوبیت کالاست» :)


در این مقاله قصد داریم راجع به «کدنویسی استاندارد» صحبت کنیم. به دو مثال زیر توجه کنید:


  1. if(){
  2. // some code
  3. }else{
  4. // some code
  5. }
  1. if () {
  2. // some code
  3. }
  4. else {
  5. // some code
  6. }

از نظر ماشین ها کدهای بالا هیچ فرقی با یکدیگر ندارند. اما برای ما انسان ها از نظر ظاهری متفاوت هستند. شما کدامیک را ترجیح می دهید؟ و به چه دلیل؟ در ادامه مطلب با ما باشید تا تصمیم بگیریم کدام بهتر است و چرا.

ادامه نوشته

وردپرس در نبرد با جوملا: کدام را انتخاب کنیم؟


وردپرس در نبرد با جوملا: کدام را انتخاب کنیم؟

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

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

اگر به این موضوع علاقمند هستید این اینفوگرافیک را در ادامه مطلب از دست ندهید.

ادامه نوشته

پشتیبانی از ویدیوهای H.264 به فایرفاکس دسکتاپ اضافه می شود

علی اصغر هنرمند
2013-01-24 16:09:25

پیش از ارایه نسخه های اصلی فایرفاکس، همیشه نسخه هایی به نام nightly ارایه می شود که جزو نسخه های آزمایشی به حساب می آید. حالا جدیدترین نسخه nightly فایرفاکس نشان می دهد که پشتیبانی از اجرای ویدیوهای H.264 و Mp3 Codecs به آن اضافه شده است. 

بنابراین زمانی که این نسخه به صورت پایدار در بیاید (حدود چند ماه دیگر) فایرفاکس جدید شما می تواند بدون نیاز به پلاگین فلش، ویدیوهای H.264 وب را اجرا کند. 

جالب است بدانید که در نسخه اندروید فایرفاکس همین الان هم از فایل های Mp3 و H.264 پشتیبانی می شود. اما برای نسخه دسکتاپ این امکانی جدید به حساب می آید. 

در صورت تمایل می توانید نسخه های شبانه فایرفاکس! را سایت موزیلا دانلود کنید . بعد از دانلود در آدرس بار about:config را بزنید و این گزینه را فعال کنید: media.windows-media-foundation.enabled 

بنیاد موزیلا تا مدت های طولانی مخالف پشتیبانی از Codec H.264 بود. چرا که این کدک به صورت پتنت ثبت داده شده و برای پشتیبانی از آن نیاز به پرداخت حق لیسانس بود. 

اما چه خوب و چه بد. این کدک در حال حاضر مشهورترین کدک برای ویدیوهای HTML5 روی وب است و سرانجام موزیلا مجبور شده پشتیبانی از آن را به فایرفاکس اضافه کند. البته فایرفاکس خود Codec را مستقیما به همراه ندارد و از امکانات سیستم عامل برای پخش آنها استفاده خواهد کرد. 

با این حساب باید بدانید که ویندوز ایکس پی به صورت پیش فرض این کدک را ندارد. و روی آن همچنان به پلاگین فلش برای اجرای این ویدیوها نیاز خواهد بود.


ffnightlydownloadswin_n.jpg

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

آپدیت کنید: وردپرس نسخه 3.5.1 ارایه شد


علی اصغر هنرمند
2013-01-25 09:42:47

ساعاتی قبل نخستین به روز رسانی برای وردپرس سری 3.5 ارایه شد. در نسخه 3.5.1 حدود ۳۷ باگ برطرف شده و البته این یک به روز رسانی امنیتی هم به حساب می آید و بنابراین نباید در نصب آن درنگ کنید. اگر بخواهید می توانید لیست تمام تغییرات را ببینید. 

ضمنا لازم است بدانید یک باگ سبب می شود وردپرس هایی که روی ویندوز و وب سرور IIS نصب شده اند، امکان آپدیت از نسخه 3.5 به 3.5.1 را نداشته باشند. اگر پیام خطای "Destination directory for file streaming does not exist or is not writable" را دریافت کردید باید سراغ این راهنما بروید تا بتوانید به روزرسانی را انجام دهید. 

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

۱۰ نکته مهم برای طراحی رابط کاربری وب اپلیکیشن (قسمت دوم)


۱۰ نکته مهم برای طراحی رابط کاربری وب اپلیکیشن (قسمت دوم)

در قسمت قبل با ۵ نکته مهم در طراحی رابط کاربری آشنا شدیم. حالا وقت اش رسیده که سراغ ۵ مورد بعدی برویم... پس ادامه مطلب را از دست ندهید.


ادامه نوشته

۱۰ نکته مهم برای طراحی رابط کاربری وب اپلیکیشن (قسمت اول)


۱۰ نکته مهم برای طراحی رابط کاربری وب اپلیکیشن (قسمت اول)

وقتی نخستین وب اپلیکیشن تان را می سازید و آن را در اختیار کاربران قرار می دهید، احتمالا از میزان بازخوردهایی که نشان می دهد به چه چیزهایی دقت نکرده اید، متعجب خواهید شد. 

بسیاری از آنها در ابتدا کاملا واضح به نظر می رسند اما وقتی کار طراحی و برنامه نویسی را شروع می کنید فراموش می شوند. این موارد مانند چاشنی غذا هستند: موقع غذا خوردن به سختی متوجه وجود آنها می شوید. اما وقتی فراموش شده باشند غذا مزه خوبی ندارد. در اینجا سراغ ۱۰ مورد مهم می رویم که اغلب در طراحی یک وب اپلیکیشن فراموش می شوند. در قسمت اول با ۵ مورد اول آشنا می شوید و در قسمت دوم سراغ بقیه موارد می رویم. پس ادامه مطلب را از دست ندهید.


ادامه نوشته