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 پدیدار شد.
31
08
به نام اهورامزدای پاک سه سال از سال ۲۰۱۲ که Alexis Sellier تیم توسعه دهندگان LessCss را ایجاد کرد میگذرد و هنوز هیچ مرجع کاملی برای این فریم ورک قدرتمند به زبان پارسی منتشر نشده است از همان روز های اول انتشار این فریم ورک یعنی سال ۲۰۰۹ اخبار و تحولات اش را پیگیری میکردم…
نوشته دانلود کتاب آموزش فریم ورک LessCss + تا فصل۲ و توابع تا فصل ۴ اولین بار در گشتاسب مظفریان – GMozafarian پدیدار شد.
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 عه.
30
09
جلسه دوم در این جلسه با Synatx در CSS آشنا می شویم در هر جلسه نکاتی رو میگم چون معتقدم اگر زیاد نکته های مربوط به یک جلسه رو همون جلسه بگم خیلی ها فراموش میشه برای همین سعی میکنم جوری بگم که یادتون بمونه خب یک دستور CSS دو بخش اصلی داره Selector و […]![\"\"](\"http://stats.wordpress.com/b.gif?host=itutplus.wordpress.com&blog=34073625&post=218&subd=itutplus&ref=&feed=1\")
ادامه مطلب
30
09
جلسه اول در این قسمت پایه ای در باره اینکه چطوری به اینجا (دنیای طراحی وب فعلی) رسیده ایم می نویسیم چرا HTML 5 و CSS 3 برای طراحی وب امروزی لازم و چطوری در تکنولوژی وب سایت های حرفه ای استفاده می شود. شما همیشه میتونید این بخش یا فصل 1 رو رد کنید […]![\"\"](\"http://stats.wordpress.com/b.gif?host=itutplus.wordpress.com&blog=34073625&post=215&subd=itutplus&ref=&feed=1\")
ادامه مطلب
09
06
سوال خیلی از مبتدی ها اینه که طراحی وب رو از کجا شروع کنم؟ و چگونه شروع به یادگیری کنم. از آنجایی که کسانی که میخوان یه طراح وب بشن کم نیستن و … ادامه مطلب
20
05
در CSS شما میتوانید سایز فونت‌ها را با استفاده از ۴ واحد مختلف px، pt، em و % تعیین کنید.هرکدام از این واحد‌ها ویژگی منحصر بفرد خود را دارد که آن را برای شرایط خاص و ویژه مناسب و ایده‌آل میکند. در زیر نقشه ذهنی آمده است که تفاوت بین این چهار واحد را به […]
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
اگر این مطلب را دوست داشتید میتوانید مشترک خوراک‌خوان رایت‌وب شوید تا از این پس همه مطالب بعدی رایت‌وب را در خبرخوانتان،بخوانید…
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ