درباره قالب جدید

سه شنبه، ۲۶ مهر ۱۳۹۰

از امروز قالب جدید وبلاگ رو فعال کردم.
داستان از این قرار هست که من در این وبلاگ که قبلا اسمش «ماورای وب» بود و تحت دامنه‌ی دیگری فعالیت می‌کرد، از سایت ۱۳۸۴ تا کنون فعالیت می‌کنم. البته نه به صورت منظم و مداوم، در طول این سال‌ها بارها بوده که چیزی برای نوشتن نداشته‌ام. تا یکی دو سال اخیر هم بیشتر از اینکه جنبه‌ی علمی داشته باشد، بیشتر در مورد زندگی شخصی‌ام که گاه بی ربط بود مطالبی می‌نوشتم.

قالب قبلی این وبلاگ، حدود ۴سال پیش انتخاب شد و از آن زمان تغییراتی زیادی رویش اعمال شده بود. ولی داستان همان کوزه‌گر و کوزه‌ی شکسته‌اش است. من هیچوقت فرصت طراحی قالب اختصاصی نداشته‌ام، یا بهتر بگویم، خیلی وقت‌ها فرصتش بوده و حالش را نداشته‌ام! بهرحال، اتفاقاتی که در ماه اخیر روی داد، باعث شد تا چند ساعتی وقت بگذرام و این قالب را طراحی کنم. بعد از اتمام طراحی، دوست خوبم آرمان طاهریان زحمت تبدیلش به قالب وردپرس را برایم کشید. شاید به نظر بسیاری از شما این طرح -زیادی ساده- باشد، ولی حقیقت این است که نیازی نیست بیشتر از شلوغ باشد. سعی کرده‌ام (و می‌کنم، قالب هنوز کامل نیست) فقط مواردی را که خوانندگان وبلاگ نیاز به دسترسی به آن‌ها دارند را فعال کنم و از باقی موراد چشم‌پوشی کنم.

نکاتی در مورد این طرح:

  • این طرح استاندارد نیست. نیازی به استاندارد بودنش هم نیست. از نظر W3C
  • این طرح HTML5 است، ولی نه به معنای واقعی. فقط از بعضی از تگ‌های آن استفاده شده.
  • برای طراحی این قالب از Twitter Bootstrap و شخصی سازی آن استفاده شده است.
  • قلم مورد استفاده «میترا» است که حقوق آن برای برنا رایانه (۲۰۰۱) محفوظ است.
  • قالب کامل نیست!‌ به مرور زمان جزئیات بیشتری طراحی خواهد شد.
موفق باشید،
سالار.

روز جهانی کاربردپذیری ۱۳۹۰

دوشنبه، ۲۵ مهر ۱۳۹۰

روز جهانی کاربردپذیری (World Usability Day) روز پنجشنبه ۱۹هم آبان ۱۳۹۰ در دانشگاه علم و فرهنگ تهران برگزار خواهد شد. در این همایش، شیوه‌های طراحی و اجرای تجربه کاربری (UX) و رابط کاربری (UI) به بحث گذاشته خواهد شد.

همچنین من به عنوان موسس گروه ققنوس، در این همایش ارائه‌ای کوتاهی خواهم داشت در مورد محصولات ققنوس و نحوه‌ی اجرای تجربه‌ی کاربری در این محصولات. این شیوه‌ها به صورت عملی روی پروژه‌های اخیر ما، به خصوص ۳۱شب نمایش داده خواهند شد. علاوه بر این، گروه ققنوس (Phoenix Alternative) یکی از حامیان برگزاری این همایش است.

طراحی مجدد و بهینه‌سازی وب‌سایت روز جهانی کاربردپذیری ۱۳۹۰ در ایران بر عهده من بوده.
می‌توانید از طریق وب‌سایت همایش برای شرکت در روز جهانی کاربردپذیری ثبت نام کنید.

توضیح: روز جهانی کاربردپذیری برگزار شد و می‌تونید پادکست و اسلایدهارو از این پست دریافت کنید.

بدرود، سالار

صفحه یادبود استیو جابز به فارسی

دوشنبه، ۱۸ مهر ۱۳۹۰

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

دو روز پیش دوست و همکار عزیزم اشکان روشنایی، پیشنهاد کرد که صفحه‌ی یادبودی رو برای استیو جابز طراحی کنیم که یاد این مرد بزرگ رو از طرف ایرانیان زنده نگه داریم. طبیعتا من از این پیشنهاد استقبال کرده و به سرعت صفحه مورد نظر رو طراحی کردم. میتونید از طریق آدرس http://stevejobsmemorial.ir به این صفحه دسترسی داشته باشید و اگر دوست دارید یادبودی بنویسید.

به روز رسانی: آدرس دیوار یادبود استیو جابز تغییر کرده.

 

صفحه یادبود استیو جابز

بدرود، سالار


بدون دیدگاه ذخیره شده در دسته: نمونه کارها

نمونه کارها: نت گراند

چهارشنبه، ۱۲ مرداد ۱۳۹۰

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

آدرس وب سایت: net-ground.com

تکنولوژی‌های بکار برده شده:
اینترفیس: HTML4, CSS3 (Graceful Fallback), CSS Spriting, jQuery
برنامه نویسی و دیستابیس: PHP5, MySQL5
مرورگرهای تست شده: Chrome 12+ (Mac, Win), Safari 5+ (Mac), Firefox 4+ (Mac, Win), Internet Explorer 8+ (Win), iOS Safari
تاریخ طراحی: تیرماه ۱۳۹۰
مدت زمان طراحی: دو هفته

بدرود، سالار


۴ دیدگاه ذخیره شده در دسته: نمونه کارها

کلاس تاریخ جلالی برای php

چهارشنبه، ۱۴ اردیبهشت ۱۳۹۰

سالها بود برای تبدیل تاریخ میلادی به جلالی در پروژه‌ها از تابع تاریخ شمسی که توسط دوست خوبم میلاد راستیان نوشته شده بود استفاده می‌کردم و این تابع با وجود قدیمی بودنش به خوبی از پس همه کارها بر می‌آمد. تا شب پیش که درحال کار کردن روی سیستمی بودم که نیاز به محاسبی زمانی برای سالهای بسیار دور داشت (مثلا ۱۰۰ سال آینده). با کمی تست متوجه شدم که تابع date که تابع پیشفرض پی‌اچ‌پی برای تاریخ و زمان است، حداکثر تا سال ۲۰۳۸ میلادی قادر به محاسبه است. به همین دلیل تابع تاریخ شمسی قبلی که از آن استفاده می‌کردم، بخاطر اینکه بر اساس تابع date نوشته شده بود، قادر به محاسبه سال‌های بیشتر از ۱۴۱۵ شمسی نبود. بعد از اینکه مطمئن شدم این تابع قابل تصحیح نیست، تصمیم گرفتم بر اساس امکان جدیدی که در PHP5 معرفی شده بود به نام DateTime، یک کلاس تاریخ جلالی بنویسم که امکاناتی که برای پروژه خودم مد نظر بود را داشته باشد. گفتنی است که کلاس DateTime در پی‌اچ‌پی قادر است تا سال ۹۹۹۹ میلادی را محاسبه کند.

امکانات کلاس تاریخ جلالی (نسخه ۱)

  • قالب بندی زمان بر اساس تمام پارامتر های موجود در تابع date پی‌اچ‌پی
  • امکان فعال/غیرفعال کردن تبدیل تاریخ به جلالی
  • امکان فعال/غیرفعال کردن تبدیل اعداد به فارسی
  • امکان استفاده از مناطق زمانی تعریف شده در پی‌اچ‌پی، برای مثال: Asia/Tehran
  • امکان ساخت زمان از نوع Unix Timestamp یا Epoch Time
  • نوشته شده به صورت شی‌گرا.

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


بدون دیدگاه ذخیره شده در دسته: توسعه وب

۳۱ شب

دوشنبه، ۲۲ فروردین ۱۳۹۰

سه شنبه هفته پیش طراحی مرحله آزمایشی سایت ۳۱ شب که ایده‌اش اوایل اسفند ۸۹ کلید خورده بود به پایان رسید و به صورت رسمی روی دامنه ۳۱shab.com آغاز به کار کرد و در کمتر از ۲۴ ساعت تعداد کاربرانش چهار رقمی شد! این اولین بار بود بعد از ۵ سال و موفقیت پروژه فارسی نیوز (خدابیامرز!)، چنین چیزی رو توی پروژه‌هام می‌دیدم و طبیعتا از این بابت بسیار مسرور شدم.

ایده پروژه ۳۱ شب رو دوست بسیار خوبم فرزاد نجاریان مطرح کرد و قرار شد باهم پروژه رو شروع کنیم، من طراح و برنامه نویسی و کارهای فنیش رو به عهده گرفتم و باهم ایده اولیه رو ارتقا دادیم به چیزی که در نهایت اسمش شد ۳۱ شب! ۳۱ شب سایتی برای جمع بندی خاطرات روزانه در ۳۰۰ حرفه که ما سعی کردیم این سرویس رو به بهترین شیوه ممکن به کاربران پارسی زبان ارائه کنیم. و مهمتر از همه چیز اینکه تمام نوشته‌های کاربران در ۳۱ شب فقط برای نویسنده‌های اون مطالب قابل رویت هست و هیچ کاربر دیگه‌ای و حتی من که برنامه نویس ۳۱ شب هستم قادر به خوندن این مطالب و نوشته‌ها نیست. این پروسه رو من با استفاده از الگوریتم رمزنگاری با کلیدهای خصوصی و عمومی توی کد پیاده کردم و فکر میکنم فعلا امنیت لازم رو برای کاربران فراهم کنه. و قرار شده توی اردیبهشت ماه سرویس SSL رو فعال کنیم. در حال حاضر سرویس پیام کوتاه هم برای ۳۱ شب فعال شده که کاربران تونن از طریق پیامک مطالبشون رو به روز کنن. (درباره ۳۱ شب / حریم شخصی کاربران / وبلاگ ۳۱ شب)

جزییات فنی ۳۱ شب رو تا زمانی که این سایت از مرحله آزمایشی (بتا) خارج نشه منتشر نمی‌کنم.

اگر هنوز توی ۳۱ شب ثبت نام نکردید، همین الان اینکارو بکنید.
بدرود، سالار کابلی
طراح و برنامه نویس ۳۱ شب، مدیر تیم ققنوس

سال نود.

پنجشنبه، ۱۱ فروردین ۱۳۹۰

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

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

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

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

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


۲ دیدگاه ذخیره شده در دسته: یاد‌داشت‌ها

کوتاه کردن نشانی‌های اینترنتی: ققنوس

سه شنبه، ۲۶ بهمن ۱۳۸۹

سلام

آپدیت: چند قابلیت جدید به سیستم اضافه شد:

  • امکان تغییر حالت کوتاه کردن: عددی، عدد و حروف و یا متن دلخواه
  • تغییر به نسخه موبایل به صورت خودکار
  • تغییر زبان (انگلیسی، اسپانیایی و فارسی)
  • افزونه برای مرورگر کروم (طراحی و برنامه نویسی از دوست خوبم امید پیله‌ور)
  • گزینه‌های اشتراک گذاری در فیسبوک و توییتر بعد از کوتاه شدن آدرس

امروز سرویس جدیدی رو راه انداختیم که همه شما با کارکردش آشنا هستید: کوتاه کردن آدرس‌های اینترنتی برای توئیت کردن یا استفاده‌های دیگه.
کارکرد این سیستم بسیار ساده‌ست: آدرس  رو وارد کنید و روی «کوتاه کن» کلیک کنید. آدرس کوتاه شده همونجا نشون داده می‌شه. دامنه و پسوندش کلن ۵ کاراکتره.

+ نکته: اطلاعات شخصی شما و آی‌پی‌تان ذخیره نخواهد شد.
+ نکته ۲: این سیستم در مرحله آزمایشی هست و به مرور امکانات بیشتری بهش اضافه میشه.
+ نکته ۳: به زودی انگلیسی و سایر زبون‌ها هم به سیستم اضافه میشه.

آدرس وب سایت: http://p5x.co

کپی رایت: تمام حقوق برای گروه Phoenix Alternative محفوظ است.

بدرود، سالار.

نمونه کار‌ها: جشنواره وبلاگ‌های برتر، چهره ۸۹

یکشنبه، ۲۴ بهمن ۱۳۸۹

سلام،

جدیدترین طرحم که روش کار میکردم و دیشب تموم شد (البته یه سری تغییرات کوچیک باید بدم)، وب سایت جشنواره چهره‌های برتر سال ۸۹ میان وبلاگ های فارسی هست.
کاربرا می‌تونن با استفاده از سرویس‌های اجتماعی یا ایمیل مثل گوگل، یاهو، فیسبوک، توئیتر و … توی این سایت لاگین کنن و نیازی به ثبت نام جداگانه نیست. به محض ورود به سایت می‌تونن ۵ تا وبلاگ رو به عنوان چهره برتر انتخاب کنن. توضیحات جشنواره رو می‌تونین توی صفحه «درباره» و اخبار رو توی وبلاگ جشنواره دنبال کنید.

آدرس وب سایت: www.chehre89.com

تکنولوژی‌های بکار برده شده در طراحی:
طراحی اینترفیس سایت: HTML, CSS, jQuery, Native Javascript
برنامه نویسی و دیتابیس: PHP5, MySQL
عملکرد صحیح در مرورگرهای: Safari 4+, Chrome 5+, Firefox 3.5+, Internet Explorer 8+, Mobile Safari
سال طراحی: ۲۰۱۱، مدت زمان طراحی: یک هفته

کپی رایت: تمام حقوق طراحی برای سالار کابلی و گروه Phoenix Alternative محفوظ است. حقوق جشنواره و برگزاری آن برای برگزارکنندگان جشنواره محفوظ است.


بدون دیدگاه ذخیره شده در دسته: نمونه کارها

سئو، یا همان بهینه سازی جستجو !

یکشنبه، ۱۹ دی ۱۳۸۹

این روزها بازار بحث در مورد سئو (بهینه سازی جستجو به انگلیسی با الفبای فارسی!) همه جا داغ ِ داغ است. شرکت‌های متعددی هم بازار گرمی می‌کنند که شاید توانستند از این آب ِ گلالود ماهی بگیرند، افرادی هم هستند (تعداد بســــــیار زیادی از افراد هستند) که تنها کلمه‌ای که در مورد دنیای وب و طراحی وب یادگرفته‌اند و می‌توانند تلفظ کنند، همین سئو است.

اما کمتر کسی می‌پرسد که این واژه دقیقن یعنی چه و برای انجام دادن آن چه کارهایی باید کرد؟ جمله‌ای که این روزها به وفور به گوش می‌رسد شاید این جمله باشد: «سایت من رو سئو کن!». این بین، آدم‌های بسیاری هم هستند که اعتقاد دارند که سئو آغاز و پایان وب است و بدون سئو هیچ کس هیچ چیز ندارد.

اما من به عنوان یک طراح وب، باور دارم که تمام اعتقاداتی که در مورد سئو (بهینه سازی جستجو) میان مردم رایج شده است کاملا اشتباه است و می‌شود سایت‌های خیلی خوبی را بدون نیاز به چیزی با عنوان «سئو کردن» طراحی کرد.

Sallar Kaboli

در ادامه مطلب با من همراه باشید.

(ادامه…)


۱ دیدگاه ذخیره شده در دسته: یاد‌داشت‌ها، آموزش