معربا عن تكنولوجيا المعلومات

مع بلدي محدود مجموعة من المهارات مع أدوات مثل Photoshop والمصور، ويمكنني أن أعترف بصراحة أن المطور أنا أفضل من أنا مصمم. لكنها كانت خلفيتي مع الأساسية (جانب الخادم) مع تطوير جافا / PHP / COBOL، له تأثير إيجابي جدا على تطوير مهاراتي واجهة المستخدم. ما أعنيه هو، في حين خلق تصاميم بلدي، وكلما أفعل أي تصميم، أفكر كيف يمكن تصميم أفضل تحويلها إلى HTML-CSS وبينما يفعل HTML، CSS، أعطي فكرة عن تكنولوجيا الخلفية وتأكد بشكل معقول ويمكن أن أتش تي أم أل تنفيذها بسهولة في الحلقات XSL أو PHP قصاصات الخ.

على مدى سنوات، ونزح أنا وجها لوجه على التصاميم من قبل مصممي واجهة المستخدم الذي ربما متأكدا لديه أدنى فكرة عما HTML أو CSS هي. كل هذه السنين لقد تم التفكير بأنني سوف يطلبون أكثر من اللازم، وإذا كنت تتوقع فقط المصمم، الذي يحاول shov له "من المستحيل على رمز" تصميم أسفل رقبتي، ولكي نفهم قليلا ما سيتم تحويل تصميمه في. وسيساعد ذلك الحق؟

ثم، جئت عبر هذا المنصب اليوم ... مصممي الويب الذين لا يستطيعون رمز ... شكرا يا رب! أنا مجرد واحدة من العديد من الذين يشعرون نفس الشيء ... وartitle أعلاه هو قليلا ينضب طويل .. لكن جديرة بالقراءة، كل كلمة منه.

تشكر إليوت الأسهم جاي ... أشعر بالارتياح!

هنا بعض مقتطفات من مقالة Elliots .

نجاح باهر، ما في اليوم! بدأت مع واحد سقسقة قليلا وانتهت المناقشة التي بدت تغزو المجتمع عبر الانترنت وتصميم كامل. يبدو أن هناك بعض الآراء القوية جدا التي عقدت حول هذا الموضوع سواء من مصممي المواقع الإلكترونية ينبغي أن تكون قادرة على رمز.
...
لذلك، قبل أن نصل إلى هذا، اسمحوا لي أن خلاصة بسرعة ما قلته في هذا الصباح على تويتر:

بصراحة، أنا مصدوم أنه في عام 2010 انا قادم لا يزال عبر "مصممي المواقع الإلكترونية" الذين لا يستطيعون رمز تصاميمهم الخاصة. أي عذر.

... وينبغي أن لقد كنت قليلا أكثر تحديدا في سقسقة بلدي. كنت أتحدث عن المصممين الذين ليس لديهم حتى HTML معظم والمهارات الأساسية المغلق لتحويل تصميم شقة الى موقع الفعلية. لا الناس الذين يختارون عمدا ليس إلى رمز، وأولئك الذين لا يستطيعون. وأنا أشير أيضا فقط على الواجهة الأمامية رمز هنا، بالطبع انه من السخف الاعتقاد بأن المصممين ينبغي أيضا أن تكون مذهلة الخلفية المبرمجين ...

نحصل على "الويب" تصاميم أرسلت في المصور، 300DPI، من المستحيل رمز، لا اتساق / قابليتها للاستخدام.
~ آمي ماهون

انها تحصل في وقت متأخر، وأنا قد حصلت على الانتهاء من هذه العملية بطريقة أو بأخرى. وأنا أعلم أنه سيكون هناك العديد من الذين يختلفون معي، وليس في نيتي الإساءة إلى أي شخص أو منزعج الذين لا يستطيعون رمز، ولكن آمل أن بعض ما قلته يعكس بعض النقاط التي تأتي دائما حتى عندما الخوض هذه المناقشة.

في نهاية اليوم، وأنا لا يفقد أي من النوم أكثر من الذين يمكن أن الرمز والذين لا يستطيعون. أنا حقا مندهش فقط للعثور على العديد من المصممين بحيث تفتقر إلى الواجهة الأمامية المهارات، وظننت ان هذا كان شيئا من الماضي.

أيضا قراءة التعليقات، وكان هناك نحو 320 تعليق، وأنا أكتب ... فهي تستحق القراءة.
يرجى قراءة كاملة وظيفة Elliots هنا .. مصممي الويب الذين لا يستطيعون رمز

• إعلان نوع الوثيقة يجب أن يكون حاضرا في بداية المستند الذي يستخدم في بناء جملة HTML. قد اختياريا يمكن استخدامه في بناء الجملة XHTML، ولكن ليس مطلوبا. وثيقة XHTML ليست في حاجة لتشمل DOCTYPE لأن وثائق XHTML التي يتم تسليمها بشكل صحيح باستخدام ملف XML MIME نوع، ويتم معالجتها من قبل برامج التصفح مثل XML، يتم تقديمها دائما في وضع لا المراوغات.

• في XHTML، أسماء العلامات هي قضية حساسة وعادة ما تكون محددة لتكون مكتوبة في صغيرة. في HTML، ومع ذلك، أسماء العلامات هي قضية حساسة وربما تكون مكتوبة في كل قضية كبيرة أو مختلطة، ورغم أن الاتفاقية الأكثر شيوعا هو التمسك صغيرة. حالة من علامات البداية والنهاية لا يجب أن تكون هي نفسها، ولكن كونه لا يتفق جعل نظافة نظرة رمز.

فوائد استخدام HTML

• إلى الوراء متوافقة مع المتصفحات الحالية
• الكتاب بالفعل معتادا على بناء الجملة
• بناء الجملة ليونة وتسامحا يعني انه لن يكون هناك مستخدم معادية " الشاشة الصفراء من الموت "إذا كان من الخطأ ينزلق دون قصد عن طريق
• بناء الجملة مريحة اختزال، يمكن للمؤلفين مثل حذف بعض العلامات والقيم السمة

فوائد استخدام XHTML

• صارم XML بناء الجملة تشجع الكتاب لكتابة العلامات بشكل جيد، والتي قد تجد بعض الكتاب أسهل للحفاظ على
• يدمج مباشرة مع مفردات XML الأخرى، مثل SVG و MathML
• يسمح باستخدام معالجة XML، الذي استخدم بعض الكتاب كجزء من التحرير و / أو عمليات نشر

أمس، بعد أن واجه قضية أنا مع إعادة تعيين CSS في جوجل كروم ... فكرت في حفر أعمق قليلا في مجال الأوراق المستخدم نمط وكيل ...
وجدت هذا الجدول على القيم الافتراضية من CSS2.1 صفائح العضو نمط وكيل ... (للذين يجهلون ما هي "ورقة النمط المستخدم وكيل" هو اتباع ما هو ورقة نمط وكيل المستخدم (مواصفات) .

للحصول على قائمة كاملة من وكيل المستخدم CSS 2.1 التخلف المتراصة فوق هنا

أمس، مثل كل الآخرين "يوم الأرض خنزير"، كنت أعمل في بعض تخطيطات المغلق / tableless. كل يسير على ما يرام في IE 7، 3 فرنك فرنسي، وكروم، درج نقود فجأة، رأيت بعض الهوامش من الامم المتحدة وتجاهلها ينظر فقط في جوجل كروم. على الرغم من الغريب جدا وworring، وكان بعض العدد الجديد علة / أنني قد حان تزوجنا، كان هناك أخيرا بعض التوابل في عملي الدنيوية. حزين (ولكن لطيفة) حصلت على إصلاحه في غضون دقائق قليلة من لجنة التحقيق ...

في الأساس، بدا وكأنه جوجل كروم تجاهل لي CSS يعيد (هامش: 0px). انه في الواقع كان سببها المستخدم الأنماط وكيل (-بكت، الحشو البدء: 40px). لذا كان الحل لإعادة تعيين هذا النمط من خلال وضع الحشو: 0 العناصر الفاسقة.
وهناك طريقة جيدة لمنع هذه المشكلة من الحدوث إلى أي عنصر من استخدام بقية CSS العالمي على النحو التالي

* {هامش: 0؛ الحشو: 0؛}

ما هو ورقة نمط وكيل المستخدم (مواصفات)؟
أخذ المقتطف التالي من http://meiert.com/en/blog/20070922/user-agent-style-sheets/ صلة، اتبع لقراءة المزيد على أوراق النمط المستخدم وكيل

CSS 1 يقدم الفكرة بالقول إن كل عامل المستخدم (UA، غالبا ما يكون "متصفح ويب" أو "ويب عميل ') سيكون لها ورقة الأنماط الافتراضية التي تقدم الوثائق في فترة زمنية معقولة - ولكن يمكن القول الدنيوية - الطريقة. CSS 2 يقول ان وكلاء المستخدم المطابقة يجب تطبيق ورقة النمط الافتراضي (أو تتصرف كما لو فعلوا)، وذلك ورقة وكيل المستخدم النمط الافتراضي أن تقدم به عناصر من لغة وثيقة بطرق تلبية التوقعات عرض عام للغة الوثيقة؛ CSS 3 من المرجح أن يكون للعقل نفسه.

منذ مواصفات CSS ترك الأمر للتطبيقات ما اذا كان استخدام "حقيقي" ورقة نمط العرض الافتراضي أم لا، انها ليست المدهش انه لم تجد ورقة النمط الافتراضي في مجلد تثبيت كل المستعرض. وعلى عكس مايكروسوفت انترنت اكسبلورر وكذلك أوبرا، على سبيل المثال (وبقدر ما أعرف)، أبو بريص متصفحات مثل فايرفوكس ونتسكيب نافيجيتور (ابحث عن "html.css") ولكن أيضا كونكيورر جعلها بسيطة إلى حد ما على فهم تصميمها الافتراضي.

آخر ذاكرة المدرسة القديمة إضافي ...

لماذا نحن لتمكين windos.status؟
يمكن جافاسكريبتس إلى أن يكون كابوسا عندما يكون لديك شيء لتصحيح. فايرفوكس لديها عدد قليل أدونس مفيد، مثل الحرائق ل thats يجعل حياتنا سهلة وأيضا، للتصويت لتقنية التصحيح الأكثر شعبية في جافا سكريبت يجب أن تذهب إلى "ALERT ()". Anywaz! هناك حالات قليلة عندما مضيفا ALERT لا تصحيح الخاص بك سوء التصرف جافا سكريبت هي فكرة ليست جيدة فقط. على سبيل المثال! لديك البند dragble الذين موقف يحتاج إلى تنبيه .... NO NO! لا تفعل ذلك! ... وسوف تحصل فقط تنبيهات لا حصر له أو أنك لن تكون قادرة فعلا drap dragable الخاص. حسنا! هناك حالات أكثر جيدة، حيث قد كتابة النصوص من التصحيح إلى شريط الحالة، أكثر من ذلك بكثير usful ... صدقوني! تجربتها!

غادر IE افتراضيا تكتب على المتصفح شريط الحالة باستخدام بناء الجملة "'شيء لتصحيح' window.status ="، ولكن فايرفوكس لا. ذلك لتمكين ويندوز تغير الوضع، يمكنك القيام بأي مما يلي.

فتح حول: التكوين في المتصفح (نوع "حول: اعداد" هذا في شريط العنوان)، والبحث عن
DOM. disable_window_status_change. تغييره إلى false ... فقط اضغط على دخول للتبديل حالته.

أو بدلا من ذلك

"أدوات → خيارات → → المحتوى تمكين جافا سكريبت / → متقدمة نص تغيير شريط المعلومات"

ونلاحظ أيضا أن ... الكتابة إلى شريط الحالة في جافا سكريبت الخاص بك، أي على ما يرام فقط إذا كنت تستخدم أي باختصار وضع جملة = 'بعض نص التصحيح' ولكن في فايرفوكس، لديك لاستخدام بناء الجملة الكامل في أي window.status = ' شيء لتصحيح "

جوجل يبدأ الناس حركة سريعة لتفريغ IE6 ... التنصت من قبل المستخدمين IE6 مع منبثقة عن تحميل الصفحة ... قد تكون ليست فكرة جيدة جدا ... ولكن كونه مطور واجهة المستخدم، لا بد لي من الانضمام إلى هذه الفرقة عربة ... واحد أقل متصفح بالنسبة لي يدعو للقلق عذرا ... أناني هو! لكنني وتشمل هذه جافا سكريبت ... (TRY هذه الصفحة في IE6) ...
مهلا! وعلى أكثر إشراقا ... انظر بل هو عرض للقوة من جافا سكريبت .... يمكن أن يجلب حتى أسفل العملاق (أو كان ذات مرة)

لذلك ... مساعدة تخليص العالم من IE6 مع سطر واحد من جافا سكريبت!

http://code.google.com/p/sevenup/

انا متشوقة للغاية إزاء العدد المتزايد من صفحة وجهات النظر على بلدي بلوق، أن أتحقق تحليلات Google الخاص بي كل يوم تقريبا. لقد لاحظت أنه يجري المشار بلدي بلوق من قبل المواقع في العديد من اللغات الأخرى، والناس في أنحاء العالم. حتى لطيف!
لجعل الحياة أسهل قليلا لسفينتي المشاهد غير الإنجليزية، وقد أضفت القطعة جوجل / البرنامج المساعد يسمى "المترجم العالمي".

ويقول المترجم العالمي أنه "يترجم تلقائيا بلوق في 41 لغة مختلفة عن طريق الالتفاف أربعة أنواع مختلفة من محركات الترجمة على الإنترنت (جوجل محرك الترجمة، بابيلفيش محرك الترجمة، FreeTranslations.com، PROMT):" ... إذا كنت ترغب في إضافته إلى التثبيت وورد الخاصة ... التحقق من ذلك هنا http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

لست متأكدا، كيف جيدة هو ترجمة لكني آمل بصدق أن تساعد المطورين زميل قليل هناك، والذي في نهاية المطاف التوصل إلى بلدي بلوق، إلا أن خيبة الأمل، وأنه في اللغة الإنجليزية ....

الروابط مترجم في أسفل من الجانب شريط ....

هيريس آخر peice القليل من الخداع جافا سكريبت التي اضطررت الى حفر حولها لأن الوضع commaned ذلك. في واحد من مواقع ويب، وكان لي هذا الموقف حيث كان لي لتنفيذ "windows.onload" مرتين. أول شيء من شأنه أن وصل الى العقل عديم الخبرة مثل الألغام (أود أن أقول بصراحة أنه منذ لقد تم استخدام أطر جافا سكريبت والمكتبات، ولقد forgotton أن تفعل أشياء بسيطة في بلدي ... حزين الخاصة، ولكن صحيح)، هو الطريقة التالية ...

 window.onload = onloadfn1؛
 window.onload = onloadfn2؛
 window.onload = onloadfn3؛
 الخ ...

آسف للقول، ولكن هذا العمل لن ... لا أميل لمناقشة علم تنفيذ جافا سكريبت كثيرا ... ولكن وفقا لتجربتي الأخيرة، إلا أن وظيفة الأخير (onloadfn3) وسوء تنفيذها في الواقع الحصول على.

في الحالات العادية، على عكس الألغام (التي سأتحدث عنه قليلا في وقت لاحق) ... هل يمكن أن تفعل أحد الخيارات التالية لتنفيذ المهام onload mutliple ....

أو شيئا من هذا القبيل

 doOnLoad وظيفة () {
         onloadfn1 ()؛
         onloadfn2 ()؛
         onloadfn3 ()؛
 }
 window.onload = doOnLoad؛

عن وضعي الحالي، لا يمكنني استخدام أي من فوق ...
لماذا أحتاج إلى الاتصال مرتين windows.onload، بدلا من أن استدعاء اثنين من وظائف داخل دالة onload واحدة؟ هنا نظرة سريعة على بيان مشكلتي ...

"تمت هيكلة صفحات موقعي مثل هذا الموضوع وورد .... أي أن هناك Header.php المشتركة وFooter.php أن يحصل على وشملت في جميع صفحات الموقع. هناك وظيفة implementaion onload في Footer.php للقيام ببعض وظائف onload مشترك. وهناك بضع صفحات التي تحتاج إلى شيء من ONLOAD الخاصة بها، وبصرف النظر عن تلك التي قامت به وظيفة onload مشترك. إذا كنت تعيين وظيفة رد الاتصال مباشرة إلى معالج window.onload، وسوف الإفراط في ركوب الاسترجاعات تعيينه سابقا في Footer.php "

.... ومن المفهوم مشكلتي ؟

حسنا! هناك حلول عدة لأنني لم تجد. انها كلها متشابهة جدا وimplementions أساسا للحل الذي قدمته Willison سيمون ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

الحل:

ببساطة إضافة هذا الرمز جافا سكريبت لموقع ...

 وظيفة addLoadEvent (وظائفها) {
     فار oldonload = window.onload؛
     إذا كان (typeof window.onload! = 'الدالة') {
        window.onload = وظائفها
     } آخر {
        window.onload = وظيفة () {
            إذا كان (oldonload) {
                   oldonload ()
           }
           وظائفها ()
        }
    }
 }

والذي يطلق عليه بدلا من "windows.onload" المعتادة

 addLoadEvent (FunctionToRunOnPageLoad)؛
 addLoadEvent (وظيفة () {
 / * أكثر رمز لتشغيل على * تحميل الصفحة
 })؛ 

مزايا هذا مقتطف الشفرة ...
1. في المقام الأول، وهو يتيح لديك أحداث windows.onload متعددة، ودعا من أجزاء منفصلة من الشفرة الخاصة بك، دون overridding التعريف السابق
2. فمن غير مزعجة حقا. يمكن وضعها في ملف مع الكتابات الأخرى الخاصة بك أو في ملف منفصل.
3. كان يعمل حتى لو تم بالفعل تعيين window.onload.

ظننت ان هذا واحد سوف يكون خربش أن نجد في البحث، كما العديد من أنت لنا واجهة المستخدم وسيناريو الكتاب سوف تحتاج إلى القيام بذلك على أساس يومي، وهذا هو وتشمل قليلا من peice من قصاصة شفرة PHP (. PHP) في زقحان القالب (. افوري). أدركت أنه من الأسهل / شعبية الاستعلام الخاص بك، حتى أكثر من الصعب العثور على الجواب بالضبط ... نتائج البحث من مليون ولكن أكثرهم احملالة إلى "ملف" يشمل في هندى ... التي لديها بناء الجملة التالي

{تضمين ملف = "تشمل / header.php"}

هذا في الواقع inlcuded الملف بشكل جيد ولكن كنص، ما أردت كان نتيجة لملف المدرجة. (ملاحظة يتم استخدام ما ورد أعلاه وتشمل القالب داخل ملف قالب). أخيرا مع persiverance قليلا .... أنا تعثرت عبر بناء جملة slighty المعدلة، والتي كانت الإجابة على متطلباتي ... ولذلك فمن هنا ... اذا وجدت واحدة بالفعل havn't

{include_php ملف = "تشمل / header.php"}

هذا السؤال في ذهني عدة مرات من قبل، والتي عندما كنت أعمل على مواقع في وقت سابق أيضا، وتستخدم وورد لإظهار بلوق أو نوع جديد من المحتوى في بعض جزء من موقع / portal.Being مبتدئ في PHP وحولها وورد، وظللت procastinating تفكير، "هذه ليست بلادي peice من الكعكة". أخيرا! جاء هذا المطلب تصل أنفي، عندما بدأت diggin حول قليلا عن حل.
وقد فوجئت أنه كان حقا أسهل مما كنت اعتقد في الواقع انه، لعرض قائمة من العناوين أو آخر مشاركة في أي صفحة أخرى من خارج القسم وورد بالطاقة، وذلك باستخدام قليلا فقط من PHP وورد API .

هنا هو ما يجب القيام به: -
لأسباب من تفسير، تفترض أن موقعك هو http://www.inchembur.com/ وكان لديك قسم الأخبار لهذا الموقع على http://news.inchembur.com/ (الذي يشغل وورد). الآن الشرط هو أن تظهر على آخر مساهمة من http://news.inchembur.com/ على الصفحة الرئيسية للموقع الرئيسي، أي http://www.inchembur.com/index.php

Step1: في index.php الخاص إضافة peice التالي من التعليمات البرمجية، وتشمل ملف وورد API. يمكنك إضافة هذا إلى أعلى الصفحة التي تريد آخر لتظهر على.

<؟ PHP
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme تعريف ('WP_USE_THEMES "، كاذبة)؛ / / Disbable استخدام WordPress موضوع
تتطلب ('/ فار / news.inchembur.com / WP-بلوق-header.php')؛ / / وتشمل وورد API
; // Get Latest Post query_posts ('showposts = 1')؛ / / احصل على آخر مشاركة
؟>

في peice أعلاه وتشمل، ونحن فقط الحصول على وظيفة واحدة الأخيرة. إذا كنت تريد أن تجرب أكثر الاختلافات لا تتردد في حفر، query_posts() وثائق .

الخطوة 2: الآن، في جزء من الصفحة الرئيسية / الصفحة الرئيسية حيث تريد أن تظهر في آخر آخر ورد من http://news.inchembur.com ، استخدام التعليمات البرمجية التالية. وغني عن القول، لا تتردد في إعلان الانقسامات التصميم الخاص بك، وتمتد والطبقات وفقا لاحتياجات التصميم الخاص بك.

Step3: ليست هناك خطوة 3 ... المحسنات التي ... كنت فعلت!

كيف تظهر صفحة معينة آخر / في مقابل آخر مشاركة: -
يمكن achived بسهولة عن طريق تغيير هذه الحجج إلى query_posts() لتشمل رقم الصفحة أو صفحة سبيكة

) ; query_posts ('page_id = 7')؛
) ; query_posts ('pagename = حول')؛

أو يمكنك التحكم في عدد من الوظائف:
) ; query_posts (showposts = 3)؛