في البداية ، الجميع مصمم في المتصفح. هذا لأننا حرفيا لم يكن لدينا أي خيارات أخرى. كان محرر النصوص والمتصفح الأدوات الوحيدة التي لدينا.
HTML نفسها كانت بسيطة جدا. لم نحصل حتى على جداول حتى بعد مرور بضع سنوات على استخدام المتصفح الأول. عندما فعلنا ذلك في النهاية ، لم يستغرق الأمر وقتًا طويلاً حتى يبدأ الناس في وضع التخطيطات معهم. بالتأكيد ، لقد تم تصميمها للبيانات المجدولة ، لكن القواعد والمعايير قد تم كسرها ، أليس كذلك؟
بضع سنوات ، ملفات .gif شفافة ، وشركات PSD في وقت لاحق ، بدا إعداد تصميم الويب المعتاد مثل هذا:
المصمم سيجعل واجهة تبدو جميلة في Photoshop. قد يكون قابل للاستخدام. من ناحية أخرى ، قد يحتوي على نص تنقل يمتزج مع الخلفية قليلاً بشكل جيد. الشيء المهم هو أنها بدت 3D نوعا ما مع الكثير من التدرجات والظلال المسقطة.
ثم يقوم شخص ما (ربما المصمم ، ربما رفيق المبرمج) بتقسيم تلك الواجهة الأساسية ، ويعيد بناءها بكل عناية مع الجداول ، والتأكد من أنها تعمل في IE6 ، على الأقل.
هل يمكن لأي شخص أن يتذكر ما حدث عندما أراد العميل رابطًا رئيسيًا للملاحة للتغيير ، وكان نظام الملاحة يتألف بالكامل من الصور؟
في الوقت المناسب ، قمنا بالتبديل من الجداول إلى CSS. ثم تحول الكثيرون منا من سخرية كل شيء في Photoshop إلى التصميم في المتصفح مرة أخرى. الدائرة كانت مغلقة. القديم كان جديدًا مرة أخرى. تم طرح IE6 في حرائق جبل دووم.
اوقات سعيدة.
لقد بدأت تصميم مواقع في مكان ما في منتصف ذلك ، عندما كان الناس يتحركون في Photoshop ، ولكن كان لدينا Dreamweaver ، و Frontpage ، وغيرها من الطرائق المصممة لمعاقبة المذنبين.
كنت طفلا. لم أكن أعرف أفضل. لم أكن أعرف كيف عملت HTML و CSS. أنا أيضا لم أكن أعرف ذلك:
ببساطة ، لن يوفر أي تطبيق مرئي لتصميم الويب المرونة المطلقة التي تأتي من كتابة HTML و CSS بنفسك. كتابة HTML و CSS يسمحان لك بتجربة تقنيات جديدة ، وكتابة أقل كود إلى أكبر تأثير ، وعمومًا فقط إنشاء مواقع ويب أفضل.
لا يقتصر الأمر على إمكانية إنشاء مواقع ويب أفضل من خلال تعلم كتابة HTML و CSS. تلك البرامج القديمة ، فرونت بيج ، دريمويفر ، جميعهم ، كانوا معروفين لكتابة التعليمات البرمجية الفظيعة. كان منتفخًا ، بطيئًا ، يكاد يكون من المستحيل فهمه عند التبديل إلى محرر نصوص.
حتى لو تم حذف الترميز والتصميم الأساسي ، فقد كان البرنامج رهيبًا للاستخدام ، خاصة إذا كنت لا تعرف كيفية عمل HTML و CSS في المقام الأول. أنت تعرف كيف يمكن في الإصدارات القديمة من Word ، وضع صورة واحدة في المستند الخاص بك بشكل سيء المسمار مكان جميع العناصر الأخرى؟
تخيل ذلك ، ولكن لا تعرف كيفية إصلاحه ، لأن حذف الصورة لا يبدو وكأنه يضع كل شيء في مكانه السابق. أضف الضياع في الواجهة إلى كل ذلك ، وكانت تجربة سيئة.
عندما تطبيقات مثل المقو نوع من الببغاء ، Webflow ، Webydo وآخرون خرجوا ، كنت متشككًا للغاية. ولماذا لا أكون؟ كنت قد احترقت من قبل. الى جانب ذلك ، كنت قد ابتعدت عن استخدام Photoshop لكل شيء ، وتعلمت الكثير من خلال تصميم المتصفح.
ولكن في الآونة الأخيرة ، كان لدي سبب للبحث عن كثب في هذه التطبيقات الجديدة ، وفحص المواقع التي تم إنشاؤها معهم. ضد كل تحفظاتي ، غيرت رأيي.
بينما أقف بجانب ما كتبت بعض الفقرات ، فقد تحسنت الشفرة بالفعل. لقد مرت سنوات من الخبرة والتطوير المعتمد على المعايير في هذه التطبيقات. لا أحد يريد العودة إلى الطرق القديمة.
انها ليست رمز الأمثل تماما. لكن بعد ذلك ، لا يجب أن تكون كذلك. لا أحد سوف يبني ويكيبيديا الجديدة مع ماكاو أو Webydo. يتكون سوق هذه التطبيقات من شركات صغيرة إلى متوسطة الحجم تحتاج فقط إلى موقع ترويجي لائق.
ما لم يصاب الآلاف من الزوار كل يوم ، فإن الكود الأقل مثالية لا يهم كثيراً.
أستمد إلهامًا من مجموعة متنوعة من الأماكن ، ولكن من الواضح أن اللوحة النظيفة الفارغة هي واحدة من أفضل اللوحات. انها محملة جدا مع الاحتمالات ، مع حلول محتملة. أجلس ، أحدق ، ثم أبدأ بالضغط.
أو على الأقل ، هكذا فعلت ذلك عندما استهزأت بكل شيء في Photoshop. إن تصميم موقع يحتوي على تعليمات برمجية يجعل الأمر أصعب قليلاً في التكرار بسرعة مثل ذلك. أحيانا أجد صعوبة في ترك شيء ما أضعه نصف ساعة في CSS.
السحب "n 'drop iteration أسرع.
فرونت بيج بدأت مهنتي. لم أكن قد بدأت في تصميم الويب إذا لم يكن لدي واجهة المستخدم الرسومية (نسبيا) سهلة للبدء. أعني بكل تأكيد ، للحصول على أقصى استفادة من شيء مثل Webflow ، ما زلت بحاجة إلى معرفة أساسيات HTML و CSS ، لكنها تقدم مكانًا رائعًا لبدء تعلم هذه الأشياء.
وهذه الصناعة تحتاج إلى شيء من هذا القبيل للجيل القادم من المبتدئين.
في العديد من الطرق ، يكون عمر منشئ الموقع المرئي. نوبيز تماما بصراحة لا نريد أن نتعلم Git ، Gulp ، NodeJS ، أو حتى فتح محطة ، حقا. انهم يريدون وضع رسالة على صفحات الويب الخاصة بهم ويتم ذلك معها. علاوة على ذلك ، يرى عدد أقل من العملاء نقطة في دفع ألف دولار أو أكثر لموقع ترويجي بسيط.
حان الوقت للاستفادة من هذه الأدوات لأولئك الذين لا يستطيعون تحمل المال أو الوقت لتصميم وتطوير المواقع المتخصصة. الأدوات جاهزة ، وكذلك السوق.
وهذا بخير من قبلي.