وبسایت نت‌برگ (Netbarg.com)

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

netbarg-com

در پیاده سازی‌رابط کاربری نت‌برگ ( که از اواخر شهریور ۱۳۹۲ تا فروردین ۱۳۹۳ به طول انجامید) توجه زیادی به کوچک‌ترین جزئیات حتی در صفحه‌های داخلی که بازدید کمتری دارند شد و همین مورد باعث شد بارها و بارها تاریخ لانچ عقب بیفته و در آخر یک نسخه یکتا در بین وبسایت‌های فارسی داشته باشیم.

کار پیاده‌سازی رابط کاربری این پروژه از ابتدا با فریم‌ورک Sass شروع شد و بعد از مدتی (به دلیل استفاده از فریم‌ورک Twitter Bootstrap) قسمتی از Less نیز وارد کار شد که صرفا وظیفه کنترل بوتسترپ رو بر عهده داشت. از کتابخانه Jquery نیز برای کنترل جاوااسکریپت‌ها توی سایت استفاده شده تا حد امکان سعی بر این بوده که این وبسایت حتی در مرورگرهایی که جاوااسکریپت رو خاموش کردند نیز به درستی نمایش داده بشود.

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

در طراحی UX نت‌برگ نیز تمامی تلاش‌ها بر این بوده که کاربر به راحتی به خواسته خودش برسه و بتونه یک نسخه پایدار رو در اختیار داشته باشه که به لطف خدا بعد از رونمایی از سایت با استقبال خوبی (به لحاظ آماری) مواجه شدیم و خوشحالم که تونستم به عنوان طراح رابط کاربری در این پروژه ایفای نقش کنم. بعدها بیشتر درباره تکنولوژی‌های استفاده شده و تجربه بدست آمده از این کار خواهم نوشت.

موفق و پیروز باشید

فرهاد عیدی
۲۲ اردیبهشت ۱۳۹۳
آدرس سایت : netbarg.com

گیت: بوتسترپ راست به چپ (RTL Bootstrap)

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

بدون هیچگونه مقدمه‌ای به بیان ویژگی‌های این فایل RTL فریمورک Bootstrap میپردازم:

  • هماهنگ با آخرین نسخه بوتسترپ و قابلیت آپدیت بسیار راحت آن (نسخه فعلی : 3.0.3)
  • بدون هیچ تغییری در فریم‌ورک اصلی
  • افزودن قابلیت راست به چپ با افزودن فایل CSS جداگانه و مناسب برای سایت‌های دو زبانه
  • همراه با سورس اصلی فریم‌ورک (فایل‌های Less به صورت کامل و طبقه‌بندی شده همانند فریم‌ورک اصلی)
  • کامنت‌گذاری قسمت‌های اضافه شده در فایل Less
  • بدون هیچ تغییری در تایپوگرافی سایت (به دلیل سلایق متفاوت در تایپوگرافی)
  • کاملا تست شده در همه قسمت‌ها (در صورت وجود هرگونه مشکل حتما از طریق قسمت تماس وبلاگ به من اطلاع دهید)

 

مراجعه به صفحه گیت‌هاب برای مشاهده نسخه راست به چپ شده

دانلود از گیت‌هاب

 

در صورت وجود هرگونه مشکل لطفا از طریق فرم تماس با من در میون بگذارید.

فرهاد عیدی

امدادنا – مقابله و مواجهه با بلایای طبیعی

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

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

emdadna-ir

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

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

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

امدادنا بر پایه یک برنامه مشخص پیش می‌رود و قسمت‌های مختلف وبسایت به مرور زمان کامل خواهند شد. هر وبسایتی از ابتدا کامل نیست و به مرور زمان مسیر کلی خود را پیدا می‌کند. شما می‌توانید با فیدبک‌های خودتان از طریق فرم تماس وبسایت، ما را در هرچه بهتر کردن وبسایت کمک کرده و مطمئن باشید کوچکترین نکاتی که شما برای ما می‌فرستید برای ما ارزشمند هستند.