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

سالارکست، اپیزود ۱، زمان

پنجشنبه ۳۰ مرداد ۱۳۹۳

SallarCastE01

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

اسم سری پادکست رو گذاشتم سالارکست (SallarCast)، نمیدونم چرا ولی هربار دنبال اسم می‌گردم این اسم میاد تو فکرم! در کل قراره توی سالارکست در مورد طراحی، برنامه‌نویسی و تکنولوژی حرف بزنم چون این‌ها چیزهایی هستن که به شدت برام اهمیت دارن و بیشتر زمانم رو صرف فکر کردن بهشون می‌کنم.

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

قبل از همه چیز، از لحن یکنواختم و کیفیت پایین میکروفون عذرخواهی می‌کنم و سعی می‌کنم از شماره‌های بعد اولا کیفیت رو بالاتر ببرم که زحمات سامان رو هم جبران کرده باشم، و دوما در مورد موضوعات هیجان‌انگیزتر مثل «طراحی» حرف بزنم و «زمان» شما رو هم هدر ندم (-:

اپیزود اول سالارکست رو می‌تونید از طریق ساندکلاد گوش بدید یا فایل MP3 رو دانلود کنید.
سعی می‌کنم به زودی امکانات بهتری برای گوش دادن (از طریق نرم‌افزارهای Podcast و iTunes) فراهم کنم و یه صفحه جدا برای سالارکست در وب‌سایتم اختصاص بدم. ممنون که پیشرفت کند رو تحمل می‌کنید.

درباره فونت‌های WOFF

سه شنبه ۱۳ خرداد ۱۳۹۳

اگر توسعه‌دهنده/طراح وب باشید، به احتمال خیلی زیاد از وب‌فونت‌ها استفاده کردید. مثلا نمونه زیر:

@font-face {
  font-family: 'Yekan';
  src: url('yekan.eot'); /* IE9 Compat Modes */
  src: url('yekan.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('yekan.woff') format('woff'), /* Modern Browsers */
       url('yekan.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('yekan.svg#svgFontName') format('svg'); /* Legacy iOS */
}

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

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

ترندهای طراحی در وب

شنبه ۱۳ اردیبهشت ۱۳۹۳

این مطلب رو مدتهاست می‌خوام بنویسم، ولی کلمات مناسب رو براش پیدا نمی‌کنم. حالا هم تلاشم رو می‌کنم که منظورم رو با کلماتی که می‌تونم منتقل کنم. پیشاپیش عذر میخوام اگر مطلب گنگ هست.

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

الان اواخر عمر مد طراحی تخت (Flat Design) هست که شامل چیزهایی مثل استفاده از رنگ‌های مات، سایه‌های بلند (Long Shadow)، عدم وجود گوشه‌های گرد و … هست. قبل از طراحی تخت، دوران طراحی پارالاکس بود و بعد با مد شدن طراحی تخت، طراح‌ها شروع کردن به نکوهش کسایی که از پارالاکس در طرح‌هاشون استفاده می‌کنن. ترندها تا یه جایی خوب و مفیدن. باعث میشن که طراح‌ها هر روز خلاقیت‌های جدید به خرج بدن و سعی کنن که با بقیه متفاوت باشن، و اینکه کلا رنگ و روی وب رو عوض می‌کنن. اما سبک‌ها و ترندها می‌تونن بیشتر از اینکه مفید باشن، به شدت مخرب باشن:

تمام وب‌سایت‌ها شبیه همدیگه شدن!

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

کوله‌پشتی

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

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

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

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

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

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

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

حدود ۲ سال هست که رویدادهای 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 وب‌سایت به‌درستی کار کند. این روش ناقض تمام استانداردهای امنیتی در وب است و وب‌سایتی که خودش سنگ «اعتماد» الکترونیکی را به سینه می‌زند، نباید کاربر را وادار به انجام چنین کارهای پرخطری بکند. کاربر غیرمطلع ممکن است فکر کند این یک روش استاندارد است و به وب‌سایت‌های خطرناک هم به همین روش اعتماد کند.