اول برنامه نویسی یا اول صفحه بندی؟

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

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

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

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

به نظرم زیبایی بصری هنگام برنامه نویسی، برنامه نویس را بسیار امیدوار میکند! و این مهم در روش اول کاملا رعایت میشود.

خرکی طراحی وب نکنیم!

خیلی از ما وقتی یک صفحه وب طراحی میکنیم مثل اسب وارد محیط Dream weaver یا هر کوفت دیگری میشویم و شروع میکنیم به کد نوشتن و آزمون و خطا. البته بعضیها‌(مثل خودم) یک مرحله فتوشاپی هم قبلش دارند ولی باز هم اینکار درست نیست. به نظرم برای طراحی وب به مراحل زیر نیاز است :

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

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

دایره زنگی فیلمی فوق العاده معمولی

انتظار بیشتری از این فیلم داشتم. خیلی هم خندیدم اما یه جورایی حس کردم شخصیتای این فیلم به جز (امین حیایی و همسر و فرزندش )پا در هوا هستن. بقیه شخصیت ها یه پوسته بودن. البته فیلم طنز بود و از طنزهای وطنی نباید انتظار زیادی داشت. “دایره زنگی” در مقایسه با فیلم های دیگه ی خنده دار ایرانی یه سر و گردن بالاتر بود ولی شخصیت پردازیش ضعیف بود. بی نظمی درون فیلم که جامعه ایران رو نشون میداد از بهترین خصوصیات این فیلم بود.

فیلم افتضاح تموم شد، مثل همیشه پلیس، در نهایت ضعفی که نشونش دادن، پیروز میدان بود. منتقد نیستم که حرفامو نظم بدم و یه چیز خوب از توش در بیارم. اینا فقط نظر شخصی هست. شما فکر کنید سلیقه شخصیه. راستی من حرف زدن “امید روحانی” - وقتی عصبانی میشد- اصلا متوجه نمیشدم. شما چطور؟

اتفاق عجیب در سینما

فیلم The Dark Knight با تعداد رای حدود هفتاد هزار، برترین فیلم تاریخ سینما شد و از پدرخوانده پیشی گرفت. این اتفاق قبلا و در حین اکران فیلم های دیگری هم افتاده بود که به علت رای دادن در imdb در همان روزهای اول از پدرخوانده پیشی گرفتند. نکته مهم اینجاست که تعداد رای هفتاد هزار برای یک فیلم در حال اکران کمی عجیب و غریب است. فیلم پدرخوانده با اینکه سالهای زیادی از آن میگذرد تنها با کمتر از سیصد هزار رای بهترین فیلم تاریخ سینماست. اگر به لیست این ۲۵۰ فیلم نگاه کنیم میبینیم که بیشترین رای به چهارصد هزار هم نمیرسد. نتیجه اینکه بتمن جدید، فیلمی جذاب و خوش ساخت است که همین ابتدا هفتاد هزار نفر را مجبور به رای دادن در imdb کرد. به همین سادگی! اگر همین روند ادامه پیدا کند و دوستداران پدرخوانده به خاطر لجبازی به این فیلم امتیاز پائین ندهند شاهد یک اتفاق عجیب در سینما خواهیم بود و پدرخوانده دیگر فیلم اول نخواهد بود.

نکته کوتاه در مورد سی اس اس

واضح و مبرهن است بدون سی اس اس طراحی صفحه یعنی زحمت بی فایده. البته اگر سایت استاتیک هست و چند صفحه بیشتر نیست چندان مهم نیست. این مقدمه بی ربط را برای تفنن نگاشتم تا بدانید ما هم میفهمیم!
وقتی امروز با سایتم ور میرفتم تجربه ای برایم مسجل و از فرضیه یا نظریه به قانون تبدیل گردید! حتما دیده اید که سایت شما در فایرفاکس همه چیش سرجاشه و در اکسپلورر ریخته به هم و تمام غول هایتان(div) پخش و پلا و تو در تو شده. اینکه یهو از خودمان چیز در کنیم و بگوئیم ایراد از فلان چیز است کار درستی نیست و جز ضایع کردن خودمان کاری نکرده ایم. اما قانونی که من بسیاری از نا بهنجاریها را از عدم رعایت آن میدانم همانا درست ننوشتن Padding و Margin و عدم تعریف طول و عرض برای هر دیو است.

قانون ۱ :همیشه برای دیو یا غولتان طول و عرض تعریف کنید و حتی المقدور از auto گذاشتن width بپرهیزید.
قانون ۲ :مارجین و پدینگ را حتما مثیت تعریف کنید و سعی کنید به یک طرف(چپ یا راست) اعمال کنید.(حالا دو طرف هم کردید و به اشکال بر نخوردید من بی تقصیرم)

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