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

کوله‌پشتی

دوشنبه ۲۶ اسفند ۱۳۹۲

چند روز پیش امیر مهرانی عزیز بهم ایمیل داد و دعوت کرد ازم که تو بازی وبلاگی «کوله‌پشتی» شرکت کنم. اون ازم پرسیده بود که آیا چه چیزهایی رو از امسال با خودم می‌برم تو سال نو و در کل چی یاد گرفتم؟

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

سال ۹۲ رو من می‌تونم تقسیم کنم به دو بخش: شکست‌های بزرگ کاری، پیروزی‌های بزرگ شخصی.

بیشتر بخوانید

استارتاپ‌ویکند آخر

یکشنبه ۱۱ اسفند ۱۳۹۲

حدود ۲ سال هست که رویدادهای Startup Weekend در ایران برگزار می‌شن، گاهی همزمان با دنیا (رویداد Global Startup Battle) و این اتفاق خوبی هست. ایران بعد از آمریکا و انگلستان، سومین کشور از لحاظ پیشرفت تعداد رویدادهای استارتاپ‌ویکند در دنیا هست الان.

Startup Weekend Tehran

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

بیشتر بخوانید

#بازی‌وبلاگی: هفته کپی‌رایت

سه شنبه ۲۴ دی ۱۳۹۲

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

برای همین من هم تصمیم گرفتم چند تا مطلب دیگه در مورد کپی‌رایت اینجا بنویسم. امیدوارم شما هم اینکارو توی وبلاگ‌هاتون بکنید و لینک مطلب رو در این صفحه برای من بفرستید یا اینکه توی مطلب جادی کامنت بذارید.

بیشتر بخوانید

قانون کپی‌رایت و فرهنگ رعایت آن

پنجشنبه ۱۹ دی ۱۳۹۲

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

قانون کپی‌رایت

اما کپی‌رایت چیه؟ توی مدخل ویکی‌پدیا مربوط به کپی‌رایت (حق تکثیر) این چند خط نوشته شده:

حق نشر، حقّ تکثیر یا کپی رایت (به انگلیسی: Copyright)، مجموعه ای از حقوق انحصاری است که به ناشر یا پدیدآورنده یک اثر اصل و منحصربه فرد تعلق می گیرد و حقوقی از قبیل نشر، تکثیر و الگوبرداری از اثر را شامل می شود. در بیشتر حوزه های قضایی، حق نشر از آغاز پدیدآمدن یک اثر به آن تعلق می گیرد و نیازی به ثبت اثر نیست.

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

بیشتر بخوانید

متون را در وب Justify نکنید

جمعه ۶ دی ۱۳۹۲

گاهی دوستان به من می‌گن که چرا متون توی وبلاگم و بقیه کارهام هم‌تراز (Justify) نیستن. من هربار سعی کردم که توضیح بدم دلایم رو برای این‌کار ولی تصمیم گرفتم این‌بار اینجا در موردش به صورت کامل‌تر توضیح بدم.

متون هم‌تراز (Justified Text)

متون هم‌تراز به پاراگراف‌هایی گفته می‌شه که از از سمت راست و چپ حاشیه مشخصی دارن و درواقع طول هرخط در پاراگراف طوری تنظیم می‌شه که انتهای هر خط، با انتهای خطوط دیگه در یک راستا باشن. ازین روش در تایپوگرافی متون چاپی استفاده زیادی می‌شه. مثلا اگر به روزنامه‌ها و کتاب‌های چاپ شده دقت کنید، می‌بینید که تقریبا همه متناشون به این شکل تنظیم شدن. هم‌ترازی متن به خواننده کمک می‌کنه که راحت‌تر متون رو مطالعه کنن و چشمشون خسته نشه و یه حس تقارنی هم القا بشه. متن زیر یک پاراگراف از کتاب The Great Gatsby هست:

The Great Gatsby

 

بیشتر بخوانید

آکوپیو، همایش طراحی واکنش‌گرا و چیزهای دیگر

جمعه ۲۹ آذر ۱۳۹۲

همایش طراحی واکنش‌گرا

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

البته من تو این همایش یه ارائه در مورد تایپوگرافی در وب داشتم که می‌تونید اسلایدهای ارائه رو به صورت آنلاین ببینید یا با فرمت PDF دریافت کنید.

بیشتر بخوانید

بررسی وب‌سایت‌های سازمانی در ایران / شماره ۴: سایت نماد اعتماد الکترونیکی

یکشنبه ۲۴ آذر ۱۳۹۲

رفع ادعا: این یادداشت من، در هفته‌نامه عصرارتباط روز شنبه ۲۳ آذر ۱۳۹۲، در صفحه ۱۰ منتشر شده است. دریافت نسخه PDF این مقاله.

نماد اعتماد الکترونیکی که از طرف وزارت صنعت، معدن و تجارت به درگاه‌های الکترونیکی اهدا می‌شود تا هویت و مشخصات آنها را تایید کند، تقریبا معادل شبنم در دنیای مجازی است. این نماد اعتماد، راه خوبی برای متوقف کردن سوءاستفاده‌کنندگان از فضای اینترنتی است، اما آیا وب‌سایتی که متولی ارایه نماد «اعتماد» الکترونیکی است، خود نباید قابل اعتماد باشد؟

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

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

شیوه انتخاب عکس‌ها و گرافیک‌های مورد استفاده در وب‌سایت بسیار قدیمی است و سایت‌های ۱۰ سال پیش را تداعی می‌کنند. برای مثال در صفحه اصلی پورتال (/Main.aspx) چهار بخش اصلی وجود دارد که برای معرفی هر کدام از آنها یک عکس روی زمینه آبی قرار داده شده است. عکس‌ها آن‌قدر کم‌کیفیت هستند که حتی عرض بخش والد خود را پر نکرده‌اند. رنگ متن بخش‌های معرفی هم سورمه‌ای انتخاب شده که کنتراست لازم را روی پس‌زمینه آبی تیره ندارد و به هیچ‌وجه خوانا نیست.

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

گواهینامه SSL: در راهنمای دریافت نماد آمده است که کاربر خودش باید یک زنجیره گواهی (Certificate) را روی مرورگرش نصب کند تا گواهی SSL وب‌سایت به‌درستی کار کند. این روش ناقض تمام استانداردهای امنیتی در وب است و وب‌سایتی که خودش سنگ «اعتماد» الکترونیکی را به سینه می‌زند، نباید کاربر را وادار به انجام چنین کارهای پرخطری بکند. کاربر غیرمطلع ممکن است فکر کند این یک روش استاندارد است و به وب‌سایت‌های خطرناک هم به همین روش اعتماد کند.

بررسی وب‌سایت‌های سازمانی در ایران / شماره ۱: مشخصات یک وب‌سایت زیبا و کاربردپذیر

چهارشنبه ۶ آذر ۱۳۹۲

رفع ادعا: این یادداشت من، در هفته‌نامه عصرارتباط روز شنبه ۲ آذر ۱۳۹۲، در صفحه ۱۰ منتشر شده است.

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

بیشتر بخوانید

اولین همایش تخصصی طراحی واکنش‌گرا

چهارشنبه ۲۲ آبان ۱۳۹۲

در طی چند سال اخیر، طراحی واکنش‌گرا (Responsive Web Design) به یکی از بحث‌های داغ و مهم بین طراح‌ها و توسعه‌دهنده‌های وب تبدیل شده  و با توجه به رشد مرورگرها و گستردگی پشتیبانی از Media Query ها، این روزها خیلی مهم هست که یه طراح بتونه وب‌سایتی طراحی کنه که در بیشتر دستگاه‌ها و صفحه نمایش‌های موجود، به درستی نمایش داده بشه.

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

RWDConf

این همایش ۱۴ آذر ۹۲ از طرف «مدرسه استانداردهای وب» در تهران برگزار می‌شه و من هم دبیر علمی این همایش هستم. «مدرسه استدانداردهای وب» قرار هست یه مجموعه باشه که در در زمینه آموزش استانداردهای وب و طراحی اون فعالیت کنه و این همایش اولین قدم در این راهه. این مجموعه، با حمایت آکادمی مجید آنلاین و مجید علوی‌زاده عزیز شکل گرفته و من خوشحالم که می‌تونم در آینده قدم‌های بهتری در زمینه آموزش وب بردارم با کمک این دوستان.

بیشتر بخوانید

فایل‌های ارائه SVG و کارگاه‌ Phonegap

جمعه ۱۰ آبان ۱۳۹۲

توی همایش استانداردهای وب که ۱۸ مهرماه در تهران برگزار شد من یه ارائه در مورد «تصاویر SVG و کاربردهای آن‌ها در وب» داشتم. همچنین بعد ازظهر این همایش، یه کارگاه کوچیک برگزار شد و من در مورد ساخت اپلیکیشن‌های هایبریدی برای تلفن‌های هوشمند با Phonegap توضیحاتی دادم.

همچنین همونطور که قبلا خبر داده بودم، ۲ و ۳ آبان‌ماه من یه کارگاه با همکاری آکادمی مجیدآنلاین در مورد HTML5/CSS3 داشتم که اون هم در طی ۲ روز ۷ ساعته برگزار شد. توی این کارگاه در مورد تغییرات جدید HTML5 و CSS3 و کاربردهای اون‌ها در طراحی و توسعه وب صحبت کردیم و تمرین‌هایی رو انجام دادیم.

اول از همه می‌خوام تشکر کنم از تمام دوستانی که لطف کردند و تشریف آوردن به این کارگاه‌ها و همچنین همایش استانداردهای وب، حضورشون واقعا دلگرم‌کننده و ارزشمند بود، هم برای من و هم برای دوستان دیگه‌ای که تو همایش ارائه داشتن. دوم اینکه من به دوستان قول داده بودم که فایل ارائه SVG و فایل‌های کارگاه‌های PhoneGap رو توی وبلاگ قرار می‌دم که بتونن استفاده کنن از اون‌ها. فایل‌های مربوط به کارگاه HTML5/CSS3 رو بخاطر ماهیت و محتواشون نمی‌تونم فعلا آنلاین منتشر کنم. عذر هم می‌خوام بابت تاخیری که در انتشار این مطلب پیش اومد.

دوستانی که تو کارگاه مجیدآنلاین شرکت کرده بودن می‌تونن با من به آدرس ایمیل sallar.kaboli روی جی‌میل تماس بگیرن تا کارهایی که انجام دادیم رو براشون ارسال کنم.

فیلم از ارائه اس‌وی‌جی: دریافت (۱۲ مگابایت)
فایل‌های اپلیکیشن نمونه در کارگاه Phonegap: دریافت (۱۰ مگابایت)

ممنون و موفق باشید.