فشرده کردن فایلهای جاوااسکریپت

مرداد ۲۱, ۱۳۹۲ توسط : سعید

حتما هنگام استفاده ازکتابخانه های جاوا اسکریت دیدید که یک فایل با پسوند min.js وجود داره که توش کدها به هم ریخته ان. مثلا کتابخانه jQuery توی دو نسخه منتشر میشه.یکی نسخه اصلی یا همون نسخه ای که وقتی بازش میکنین کدهاش به هم ریخته نیستن و نسخه mini یا فایلی که برای اینکه حجمش رو کم کنن میان و فاصله ها و خطوط اضافی رو پاک میکنن.

به این کار minify یا کوچک کردن میگن. با minify کردن اسکریپت های نوشته شده با زبان جاوااسکریپت یک اتفاق دیگه هم میافته و اون اینه که نام متغیرهاتون هم عوض میشه.مثلا توی جی کوئری این کدها رو میبینید :
(function(a,b){function G(a){var b=F[a]={};return p.each(a.split(s)

همینطور که میبینید نام متغیرها به a , n , b  و کلا اسامی بدون معنی تغییر کرده .…

ادامه مطلب...

استفاده از transition بدون :hover

مرداد ۱۱, ۱۳۹۲ توسط : حمید تدینی

pseudo classes

ایجاد transition برای زمانی که ماوس روی یک شئ قرار میگیرد یک امر تقریبا عادی در طراحی وب ما طراحان و برنامه نویسان وب شده است که با استفاده از شبه کلاس hover: انجام می شود . اما باید توجه داشت که این کد را می توان در بسیاری از شبه کلاس های دیگر نیز استفاده کرد …
در این نمونه کد یک گذار معولی را برای تغییر رنگ یک لینک مشاهده می کنید :

a, a:link, a:visited {
color: lightblue;
-webkit-transition: color .4s linear;
-moz-transition: color .4s linear;
-o-transition: color .4s linear;
-ms-transition: color .4s linear;
transition: color .4s linear;
}

a:hover {
color: white;
}

این قطعه کد باعث خواهد شد تا وقتی روی لینک ها قرار میگیریم رنگ آنها به آرامی تغییر کند .…

ادامه مطلب...

CSS Reset چیست و چه کاربردی دارد؟

تیر ۵, ۱۳۹۲ توسط : سعید

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

به زبان ساده CSS Reset یک سری کدهای CSS هستن که میان تناقضاتی که بین مرورگرها هست رو برطرف میکنن.مثلا اگر یه صفحه HTML درست کنید و یک متن داخلش قرار بدید میبینید که این متن از کناره های صفحه فاصله داره.این فاصله ممکنه توی مرورگرهای مختلف فرق داشته باشه.

حالا کدهای مربوط به CSS Reset میان و این تناقضات رو رفع میکنن.یکی دونمونه از کدهاشون رو باهم بررسی میکنیم بعد لیستی از فایلهای CSS Reset براتون میذارم تا ازش استفاده کنید.…

ادامه مطلب...

فایل آماده دکمه های CSS3

خرداد ۱۸, ۱۳۹۲ توسط : سعید

سلام

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

دانلود  :

button.css

بازدید : ۲۲۹۷…

ادامه مطلب...

همکاری در گسترش سایت PHPro.ir

فروردین ۲۰, ۱۳۹۲ توسط : سعید

سلام خدمت دوستان عزیز

سال نو شما مبارک باشه ، امیدوارم که سال خوبی داشته باشید.

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

بازدید : ۶۷۸۶…

ادامه مطلب...

SELECTOR های کاربردی در CSS

بهمن ۱۷, ۱۳۹۱ توسط : سعید

ممکنه تا الان شما در CSS  فقط با سلکتورهای ID  و CLASS آشنا باشید یا شاید فکر کنید که همین دو نوع سلکتور ( یا به فارسی انتخابگر! ) در سی اس اس موجود باشه.اما در ادامه این مطلب با سلکتورهایی آشنا میشیم که میتونه انعطاف پذیری بیشتری در هنگام کار با سی اس اس به ما بده.

بازدید : ۷۲۷۵…

ادامه مطلب...

مقاله : ۱۰ اشتباه برنامه نویسان مبتدی

بهمن ۳, ۱۳۹۱ توسط : سعید

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

۱- ترس و عدم اعتماد به نفس

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

ادامه مطلب...

مقاله: خودآموز برنامه نویسی در ۱۰ سال

مهر ۱۸, ۱۳۹۱ توسط : سعید

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

——————————————————————

عنوان: خودآموز برنامه نویسی در ۱۰ سال

عنوان اصلی : Teach Yourself Programming in Ten Years

ترجمه: مهدی عسگری
نویسنده: Peter Norvig

خلاصه: در این مقاله Peter Norvig (نویسنده ی کتاب معروف هوش مصنوعی مورد استفاده در اکثر دانشگاه های جهان) در مورد پدیده و تب یادگیری سریع برنامه نویسی صحبت کرده و نشان می دهد که برای تخصص در برنامه نویسی بر خلاف کتاب های عامه پسند (آموزش در ۲۱ روز ، ۲۴ ساعت ، …) حداقل ۱۰ سال زمان و کار لازم است تا یک نفر به تخصص برسد (در هر رشته ای ، نه فقط یرنامه نویسی)

چرا همه این قدر عجله دارند ؟
تو هر کتاب فروشی که بروید ، کلی کتاب می بینید که می خواهند در چند ساعت یا چند روز به شما کامپیوتر یا برنامه نویسی یاد بدهند (از ویندوز و اینترنت گرفته تا ویژوال بیسیک و جاوا و …) من جستجوی زیر را در آمازون انجام دادم:

pubdate: after 1992 and title: days and
(title: learn or title: teach yourself)

یعنی کتاب هایی که از سال ۱۹۹۲ تا الان چاپ شده و در عنوانشان کلمات days و “یادگیری یا خودآموز” وجود دارد.…

ادامه مطلب...

آموزش پیوست فونت در CSS3

مهر ۱۴, ۱۳۹۱ توسط : رضا فرهادیان

در دنیای وب،مثل خیلی از جاهای دیگه به یکی از کمترین چیزایی که اهمیت داده شده،زبان فارسی هست!مثل GD(پیوست نوشته به عکس) که نمیتونه زبان فارسی رو پشتیبانی کنه(البته جدیدا عده ای از برنامه نویسان در حال برطرف کردن این مشکل هستند).در CSS3 هم متاسفانه فونت پیشفرض که زبان فارسی رو پشتیبانی کنه،فونت ARIAL هستش،البته فونت Tahoma هم هست که امروزه توسعه دهندگان وب فارسی از اون استفاده بیشتری میکنند اما باز هم احساس کمبود فونت فارسی با استانداردهای روز دنیا احساس میشه.همین مسئله باعث شده تا طراحان وب فارسی به شیوه های غیر استاندارد (استفاده نکردن از eot) روی بیارند که استانداردهای پیوست فونت به صفحه رو زیر پا میزاره.وقتی استفاده بیشتر از فونت در وب افزایش یافت،مرورگرها  تصمیم به پشتیبانی بیشتر از FONT-FACE گرفتند.فونت فیس یک ابزار CSS هست که به وسیله اون میشه فونت رو به جای دریافت از سیستم کاربر،از سرور دریافت کنه و دست طراحان رو برای استفاده از انواع فونت ها بازتر کنه.اما!اینجا بود که کابوس نسخه های پایین تر از ۹ اینترنت اکسپلورر ظاهر شدن!پیشنهاد میکنم مطلب دوست خوبم سعید راجب به CSS3 در IE رو بخونید.نسخه های پایینتر از ۹ مرورگر IE,تعداد بسیار زیادی از قابلیت های CSS3 رو پشتیبانی نمیکردند!این کابوس همچنان باقی مونده و طراحا هنوز براشون نوشتن کدها برای نسخه های پایینتر از ۹ مرورگر IE مشکله!برای نمایش صحیح فونت در مرورگر IE،شما احتیاج به تبدیل فونت TTF به EOT دارید که روی مرورگرهای زیر اجرا بشه:

البته ناگفته نماند که نسخه های جدید این مرورگر،از پشتیبانی بهتری نسبت به FF برخوردار هستند.وبسایت Kirsle سرویسی رو ارائه داده که به وسیله اون میشه فونت TTF رو به صورت آنلاین به EOT تبدیل کرد(لینک) که در اون صورت FONT FACE در +ie9 قابل اجرا میشه.برای استفاده از قابلیت فونت فیس،شما باید کد زیر رو در style.css قرار بدید،یا میتونید مستقیما در تگ style قرار بدید 🙂


@font-face
 {
 font-family: myFirstFont;
 src: url('Sansation_Bold.ttf'),
      url('Sansation_Bold.eot'); /* IE9+ */
 font-weight:bold;
 }

به جای myFirstFont میتوان از اسمی که برای فونت خود انتخاب کرده اید استفاده کرد.…

ادامه مطلب...

CSS3 در Internet Explorer

مرداد ۲۵, ۱۳۹۱ توسط : سعید

یکی از بزرگترین مشکلات طراحان سایت مروگر اینترنت اکسپلورر است. تا قبل از نسخه ۹ این مرورگر از CSS3 پشتیبانی نمیکند و به همین دلیل طراحان رو در طراحی سایتهایی با امکانات css 3 دچار مشکل میشوند.

در این مقاله سعی میکنم به معرفی ابزاری بپردازم که بتونیم از امکانات css3 مثل border-radius یا box-shadow در اینترنت اکسپلورر استفاده کنیم.

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

ابتدا کتابخانه CSS3Pie رو از لینک زیر دانلود کنید.

دانلود CSS3Pie

حالا یک فایل html بسازید :

<div class="main">

آموزش حرفه ای PHP

</div>

 

کد css مربوط به کلاس main رو هم مینویسیم:

.main
{
    border: 1px solid #999; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;  
    border-radius: 10px;
}

 

خب در بالا میبینید که از border-radius استفاده کردیم اما همینطور که میدونید این قابلیت در مرورگر IE شناسایی نمیشه.…

ادامه مطلب...

Tags