Coder Conf نام همایش برنامه نویسی است که قرار است در تاریخ ۲۸ مرداد ۱۳۹۵ در تهران برگزار گردد.این همایش شامل دو بورد Server-side و Client-side می باشد که قسمت … ادامه
مطالب مرتبط :
24
05
Coder Conf نام همایش برنامه نویسی است که قرار است در تاریخ ۲۸ مرداد ۱۳۹۵ در تهران برگزار گردد.این همایش شامل دو بورد Server-side و Client-side می باشد که قسمت … ادامه
مطالب مرتبط :
04
03
در این جلسه وجیهه در مورد impress.js صحبت کرد و به صورت عملی مباحثی را توضیح داد. impress.js یک کتابخانه متن باز جاوااسکریپتی است که برای ساخت اسلاید به کار می رود. برای ساخت اسلاید با این کتابخانه، باید تا حدودی به html آشنایی داشته باشیم. با تسلط بیشتر به html و نیز CSS می […] ادامه مطلب
12
10
به نام یزدان پاک در آوریل ۱۹۹۵ با تشکر از ارتباطی که یکی از اساتید دانشگاه هاوارد برقرار کرد، شرکت نروژی Metis قراردادی با آنها پیرامون ساختن برنامهای با Qt بست. در این زمان Trolltech جناب Arnt Gulbrandsen را استخدام کرد که در همکاری ۶ سالهی خود با ترولتک یک سیستم زیرکانه و زیبا برای…
نوشته فیلم آموزش فریم ورک QT به زبان فارسی-قسمت چهارم اولین بار در گشتاسب مظفریان – GMozafarian پدیدار شد.
06
04
اینم یه تجربه پراکنده دیگه! اکثر دوستان جادی رو میشناسند و میدونن که یک یا دوتا کتاب رو ترجمه کردن و بصورت مجانی در وب پخش کردن. این کار باعث شد که من به فکر بیفتم که اگه واقعا آدم با کمترین هزینه بخواد کتاب بنویسه یا ترجمه کنه و نتیجش هم یک سایت کتاب […] ادامه مطلب
05
11
اغلب کاربرانی که دستی در کد نویسی و طراحی وب سایت دارند پس از مهاجرت به دنیای گنو/لینوکس سعی می کنند بهترین برنامه ها را در رابطه با زمینه کاری خود پیدا نمایند. در این راه انتخاب های فراوانی پیش روی این دسته از کاربران قرار دارد ، شاید برنامه ای که امروز قصد معرفی […] ادامه مطلب
13
09
سلام امروز میخوام یه ابزارو معرفی کنم که حتما بعضیها میشناسنش و باهاش کار می کنن و مطمئنن بعد از یه مدت کار با اون می فهمن که بدون اون کار کردن سخت میشه. اون ابزار چیزی نیست جز Emmet یا Zen Coding. این دو تا اسم جفتشون یکیه و فکر کنم الان اسم رسمیش […] ادامه مطلب
13
09
سلام
امروز میخوام یه ابزارو معرفی کنم که حتما بعضیها میشناسنش و باهاش کار می کنن و مطمئنن بعد از یه مدت کار با اون می فهمن که بدون اون کار کردن سخت میشه. اون ابزار چیزی نیست جز Emmet یا Zen Coding. این دو تا اسم جفتشون یکیه و فکر کنم الان اسم رسمیش همون Emmetه.
خب بیایید ببینیم این ابزار به چه دردی میخوره؟ تو یه جمله باید بگم که نوشتن کد Html, CSS, Xsl رو خیلی آسون می کنه. بزارید با یه مثال توضیحش بدم. فرض کنیم ما میخواهیم یه جدول بسازیم با 5 تا ردیف و 5 تا ستون. خب حجم کد نسبتن بالایی داره:
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
خب حالا با zen coding تو سه سوت کد بالا رو مینویسیم، اینطوری:
table>tr*5>td*5
بعدش دکمه Tab رو می زنیم و به صورت خودکار کد بالا تولید میشه. پس همونطور که متوجه شدید، Emmet کارش تسریع کار و خلاصهنویسی کد هستش.
حالا بیایین یه چند تا مثال دیگه بزنیم:
h$[title=item$]{Header $}*3
که خروجیش میشه:
<h1 title="item1">Header 1</h1>
<h2 title="item2">Header 2</h2>
<h3 title="item3">Header 3</h3>
مثال زیر فکر می کنم بهترین و قشنگترین مثال Emmetعه. فرض کنیم میخواهید یه صفحه HTML از صفر درست کنید. خب نیاز دارید تا یه سری تگ مثل نوع سند و یا متاتگها را تعریف کنید ولی با Emmet اینطوری عمل میکنیم:
!
بله، فقط ! و بعدش Tab رو میزنیم، اینم خروجیش:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
خب تا اینجا مثالهایی از HTML زدیم، حالا میخوام چند تا مثالم از کاربردش توی CSS بزنم:
فرض کنیم می خواهیم یک وبفونت جدید با فرمتهای مختلف به فایل CSSمون اضافه کنیم:
@f+
که خروجیش میشه این:
@font-face {
font-family: 'FontName';
src: url('FileName.eot');
src: url('FileName.eot?#iefix') format('embedded-opentype'),
url('FileName.woff') format('woff'),
url('FileName.ttf') format('truetype'),
url('FileName.svg#FontName') format('svg');
font-style: normal;
font-weight: normal;
}
خب فکر میکنم تا همینجا بسه، چون مثالهای بسیار زیاد و پایانناپیذیری میشه زد که نه تو حوصله منه و نه حوصله شما خواننده گرامی.
خب حالا می خواهید بدونید که از کجا این ابزارو دانلود کنیدو چهجوری نصبش کنید. خب این ابزار به صورت یک پلاگین برای IDE های مختلف موجوده و تقریبا طرز نصبش توی هر IDE فرق میکنه ولی اگر برای IDE که دارید استفاده میکنید تا حالا پلاگین نصب کردید، باید بدونید که اینم مثل بقیهست.
بعضی جاها اسمش Emmet و بعضی جاها Zen Coning عه.
07
08
یک ماه بعد از عرضه گوشیهای فایرفاکس او اس در اسپانیا و لهستان اکنون این تلفنهای هوشمند وارد بازارهای کلمبیا و ونزویلا هم شدند تا موزیلا را یک قدم دیگر به اهدافش نزدیکتر کند. این گوشیها یکی محصول Alcatel و دیگری از شرکت ZTE است. به نقل از تلفونیکا در فصل پایانی سال هم دستگاه هایی با سیستم عامل موزیلا وارد بزریل میشوند. به گفته مدیر ارشد عملیاتی موزیلا : «فایرفاکس او اس اولین سیستمعاملی […] ادامه مطلب
10
02
زبان نشانهگذاری ابرمتنی یا زنگام یا اچتیامال، در کنار سیاساس هستهٔ فناوری ساخت صفحههای وب هستند. اچتیامال زبان توصیف ساختار صفحههای وب است. زبانیاست برای نشانهگذاری ابرمتن که برای تدوین قالب و طراحیصفحههای وب به کار میبرند. دستورعملهای این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آنها، نشانهگذاری شده و بدینترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف میشود. این زبان […] ادامه مطلب
10
02
زبان نشانهگذاری ابرمتنی یا زنگام یا اچتیامال، در کنار سیاساس هستهٔ فناوری ساخت صفحههای وب هستند. اچتیامال زبان توصیف ساختار صفحههای وب است. زبانیاست برای نشانهگذاری ابرمتن که برای تدوین قالب و طراحیصفحههای وب به کار میبرند. دستورعملهای این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آنها، نشانهگذاری شده و بدینترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف میشود. این زبان […] ادامه مطلب