הבעת IT

עם מוגבלות הגדרת המיומנות שלי עם כלים כמו Photoshop ו Illustrator, אני בכנות יכול להודות מפתח אני יותר טוב אני מעצב. אבל הרקע שלי עם הליבה (בצד השרת) עם פיתוח Java / PHP / COBOL, הייתה השפעה חיובית על מיומנויות פיתוח ממשק המשתמש שלי. כוונתי היא, תוך יצירת עיצובים שלי, כלומר בכל פעם שאני עושה עיצוב, אני חושב על איך העיצוב ניתן להמיר הטוב ביותר ל-HTML, CSS ותוך HTML-CSS, אני נותן מחשבה על הטכנולוגיה backend וודא סביר כי ה-HTML יכול להיות מיושם בקלות XSL לולאות או PHP קטעי וכו '

במשך שנים אני נזרק ראש על עיצובים של מעצבי ממשק משתמש שכנראה donot לי מושג מה ה-HTML או CSS הוא. כל השנים חשבתי שאני מבקש יותר מדי, אם אני רק מצפה מעצב, שמנסה shov "אי אפשר הקוד" שלו העיצוב לתוך הגרון שלי, כדי להבין קצת מה התכנון שלו היה להיות מומר אל. זה יכול לעזור נכון?

לאחר מכן, נתקלתי בפוסט הזה היום ... מעצבי אתרים שאינם יכולים קוד ... ה 'תודה! אני רק אחד מני רבים אשר מרגיש אותו הדבר ... artitle לעיל הוא קצת נשימה ארוכה .. אבל שווה לקרוא, כל מילה בו.

תודה אליוט מניות ג'יי ... אני מרגיש הקלה!

הנה כמה קטעים מן המאמר אליוט .

וואו, איזה יום! זה התחיל עם ציוץ אחד קטן והסתיים בדיון שנראה לטאטא פני הקהילה האינטרנט כל העיצוב. נראה שיש כמה דעות מוצקות מאוד שהתקיימו בנושא האם מעצבי אתרים צריכים להיות מסוגלים קוד.
...
לכן, לפני שאנחנו נכנסים לזה, הרשו לי לסכם במהירות את מה שאמרתי על הבוקר בטוויטר:

בכנות, אני בהלם, כי בשנת 2010 אני עדיין להיתקל של מעצבי אינטרנט של שאינם יכולים קוד העיצובים שלהם. לא תירוץ.

... אני צריך להיות קצת יותר ספציפי ב ציוץ שלי. אני מדבר על מעצבים שאין להם אפילו HTML בסיסי ביותר ומיומנויות-CSS להפוך עיצוב שטוח לתוך האתר עצמו. לא אנשים בכוונה בוחרים לא קוד, ומי לא. ואני גם מתכוון רק לקוד חזיתי כאן, כמובן שזה מגוחך לחשוב מעצבים צריכים גם להיות מדהים עורפיים מתכנתים ...

אנחנו מקבלים של אינטרנט של עיצובים שנשלחו Illustrator, 300dpi, אי אפשר קוד, אין עקביות / שימושיות.
~ איימי Mahon

כבר מאוחר, ואני צריך לעטוף את זה איכשהו. אני יודע שיהיו רבים שלא מסכימים איתי, הכוונה שלי היא לא להעליב או להרגיז מישהו שיכול לא קוד, אבל אני מקווה שחלק מה שאמרתי משקף כמה נקודות זה תמיד לבוא כאשר להתעמק זה ויכוח.

בסופו של יום, אני לא מאבד שינה על כל מי יכול קוד אשר יכול. אני פשוט באמת מופתע לגלות כל כך הרבה מעצבים חסרי חזיתיים מיומנויות, כמו שחשבתי זה היה נחלת העבר.

גם לקרוא את התגובות, היו כ 320 תגובות, כשאני כותב ... הם שווים קריאה.
אנא קראו את הפוסט המלא כאן אליוט .. מעצבי אינטרנט שאינם יכולים קוד

• הצהרת סוג המסמך צריך להיות נוכח בתחילת המסמך שמשתמש בתחביר HTML. זה אולי לחלופין לשמש בתוך תחביר XHTML, אבל זה לא נדרש. מסמך XHTML לא צריך לכלול את DOCTYPE כי המסמכים-XHTML, אשר נשלחו כראוי באמצעות XML סוג MIME ו מעובדים כמו XML בדפדפני, מוצגים תמיד במצב quirks לא.

• ב-XHTML, שמות תגים הם במקרה רגיש מוגדרים בדרך כלל להיכתב באותיות קטנות. ב-HTML, לעומת זאת, שמות תגים הם במקרה רגיש ועלול להיות כתוב במקרה כולו באותיות גדולות או מעורבים, אם כי האמנה הנפוצה ביותר היא להישאר עם אותיות קטנות. במקרה של תגי ההתחלה והסיום לא צריך להיות זהה, אבל להיות עקביים עושה שואב מראה קוד.

יתרונות השימוש HTML

• תואם לאחור עם הדפדפנים הקיימים
• המחברים הם כבר מכירים את התחביר
• תחביר מקלה וסלחנית אומר שלא תהיה למשתמש עוינת " מסך המוות הצהוב "אם הטעות בטעות מחליק דרך
• תחביר קיצור נוח, מחברים למשל יכול להשמיט כמה התגים ואת ערכי תכונות

יתרונות השימוש ב-XHTML

• קפדנית תחביר XML מעודד סופרים לכתוב סימון בנוי היטב, אשר מחברים מסוימים עשויים למצוא קל יותר לשמור על
• משתלב ישירות עם אוצר מילים של XML אחרות, כגון SVG ו MathML
• מאפשר שימוש ב-XML עיבוד, אשר חלק מחברי להשתמש במסגרת עריכת ו / או תהליכי הוצאה לאור

אתמול, לאחר ההנפקה נתקלתי עם איפוס ה-CSS ב-Google Chrome ... חשבתי על לחפור קצת יותר עמוק לתוך השטח של סוכן דפי משתמש סגנון ...
מצא את הטבלה על ערכי ברירת המחדל של CSS2.1 סוכן המשתמש גיליונות סגנון ... (למי מודע למה "סוכן המשתמש גיליונות סגנון" הוא פעל מהו סוכן המשתמש גליונות סגנון (מפרט) .

לרשימה מלאה של CSS 2.1 סוכן המשתמש המחדל בגיליונות סגנון לחץ כאן

אתמול, כמו בכל "יום החזיר קרקע" אחרים, עבדתי על כמה פריסות CSS / tableless. הכל הולך טוב IE 7, FF 3 ו Chrome, untill פתאום, ראיתי כמה בלתי ignorable שולי לראות רק ב-Google Chrome. אם כי מוזר מאוד worring, זה היה קצת בעיה באג / חדש באתי accross, לא היה סוף סוף קצת ספייס בעבודה שגרתית שלי. עצוב (אבל נחמד) זה הלך קבוע בתוך כמה דקות של בדיקה ...

בעיקרון, זה נראה כמו Google Chrome התעלם איפוס CSS שלי (שולי: 0px). זה בעצם נגרם על ידי סגנונות User-agent (-WebKit-padding-התחלה: 40px). אז הפתרון היה לאפס את הסגנון על ידי קביעת ריפוד: 0 האלמנטים שלא התנהג יפה.
דרך טובה למנוע את הבעיה הזו לא יקרה לכל רכיב היא שימוש יתר העולמי CSS כדלקמן

* {Margin: 0; padding: 0;}

מה זה סוכן המשתמש גליונות סגנון (מפרט)?
הקטע הבא לקוח מתוך http://meiert.com/en/blog/20070922/user-agent-style-sheets/ הקישור, בצע לקרוא יותר על סוכן גיליונות סגנון משתמש

CSS 1 מציג את הרעיון באומרו כי כל סוכן משתמש (UA, לעתים קרובות 'דפדפן אינטרנט' או 'לקוח אינטרנט') יהיה ברוחב הגיליון המציג מסמכים סביר - אבל ללא ספק ארציים - באופן. CSS 2 אומר כי סוכני משתמש העומדות חייב להחיל גליון סגנונות ברירת המחדל (או להתנהג כאילו הם עשו) וכי פול גז סוכן של המשתמש גיליון צריך להציג את האלמנטים של שפת המסמך בדרכים לספק את הציפיות מצגת כלליים לשפה את המסמך, CSS 3 צפוי להיות של אותה נפש.

מאז במפרט-CSS להשאיר אותו עד מימושים האם להשתמש בגיליון "אמיתי" בסגנון לתצוגה מחדל או לא, זה לא מדהים, כי אתה לא מוצא את סגנון ברירת המחדל של הגיליון בתיקיית ההתקנה של כל דפדפן. שלא כמו את Internet Explorer של מיקרוסופט כמו גם אופרה, למשל (וגם עד כמה שאני יודע), דפדפנים השממית כמו Firefox ו-Netscape Navigator (לחפש "html.css"), אלא גם Konqueror את זה פשוט יותר להבין את סגנון ברירת המחדל שלהם.

עוד בית הספר הישן זיכרון משלים ...

מדוע אנו לאפשר windos.status?
Javascripts יכול להיות סיוט, אם יש לך משהו לאתר באגים. Firefox יש כמה addons שימושיים אחדים, כמו thats Firebug עושה את חיינו קלים כמו כן, בהצבעה על טכניקה debug הפופולרי ביותר ב-Javascript חייב ללכת "alert ()". Anywaz! ישנם מקרים מעטים בעת הוספת ALERT אין באגים Javascript רע מתנהג שלך היא רק רעיון טוב ולו. לדוגמה! יש לך פריט dragble אשר עמדה צריך לקבל התראה .... לא לא לא! לא נעשה את זה! ... אתה פשוט מקבל התראות אינסוף או אתה רגיל להיות מסוגל למעשה drap dragable שלך. טוב! ישנם מצבים טובים יותר, שבהם ייתכן כתיבת טקסטים באגים כדי בשורת המצב, הרבה יותר usful ... תאמין לי! הניסיון שלה!

אינטרנט אקספלורר כברירת מחדל נשאר לך לכתוב שורת סטטוס בדפדפן שימוש בתחביר "" משהו לאתר באגים "window.status =", אבל FireFox לא. אז כדי לאפשר שינוי מעמדה של Windows, אתה יכול לעשות אחד מהתנאים הבאים.

פתח את about: config בדפדפן (סוג "about: config" זה לתוך שורת הכתובת) ולחפש
DOM. disable_window_status_change. לשנות את זה שקר ... פשוט לחץ על רשומת כדי לעבור למצב שלה.

או לחלופין

"כלים → אפשרויות → תוכן אפשר → JavaScript / מתקדם → מצב שינוי הטקסט בר"

וגם לציין ... לכתוב בשורת המצב ב-Javascript שלך, IE זה בסדר רק אם אתה משתמש המצב קצר כלומר תחביר = 'טקסט באגים', אבל ב-Firefox, אתה צריך להשתמש במלואה התחביר כלומר window.status = ' משהו לאתר באגים "

גוגל מתחילה עם התנועה הפקודה לזרוק IE6 ... על ידי משתמשים האזנה עם IE6 קופץ על הטעינה של הדף ... אולי לא רעיון טוב מאוד ... אבל להיות מפתח UI, אני חייב להצטרף העגלה הלהקה ... 1 דפדפן פחות לי לדאוג מצטערים ... אנוכי הוא! אבל אני לא לכלול JavaScript ... (TRY דף זה ב-IE6) ...
היי! ועוד הערה בהיר ... ראה את זה הוא תצוגה של כוח של JavaScript .... זה יכול אפילו להביא את ענקית (או פעם אחת זה היה)

אז ... עזרה לפטור את העולם IE6 עם קו אחד JavaScript!

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

אני כל כך מתרגשת על מספר הולך וגדל של צפיות בבלוג שלי, כי אני בודק ב-Google Analytics שלי כמעט כל יום. שמתי לב הבלוג שלי הוא להיות מכונה על ידי אתרים בשפות רבות אחרות ועל ידי אנשים ברחבי העולם. כל כך נחמד!!
כדי לעשות את החיים קצת יותר קל הספינה שלי שאינם באנגלית הצופה, הוספתי ווידג'ט Google / תוסף בשם "גלובל מתרגם".

גלובל מתרגם, אומר כי "באופן אוטומטי מתרגמת בלוג ב 41 שפות שונות על ידי לפפה ארבעה מנועי תרגום שונים באינטרנט (מנוע התרגום של Google, מנוע תרגום Babelfish, FreeTranslations.com, Promt)" ... אם אתה רוצה להוסיף את ההתקנה לבד וורדפרס שלך לבדוק את זה ... כאן http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

לא בטוח, כמה טוב התרגום אבל אני מאוד מקווה שזה עוזר למפתחים אחרים כמה שם בחוץ, אשר בסופו של דבר להגיע לבלוג שלי, רק כדי להתאכזב, כי זה באנגלית ....

הקישורים מתרגם נמצאים בתחתית של בר הצד ....

Heres אחר peice קצת הולכת שולל Javascript שאני צריך לחפור מסביב כי המצב commaned זה. באחד מאתרי האינטרנט שלי, היה לי מצב שבו הייתי צריך ליישם "windows.onload" פעמיים. הדבר הראשון היה בא בחשבון חסר ניסיון כמו שלי (אני חייב לומר בכנות, כי אני כבר משתמש במסגרות-JavaScript של ספריות, אני forgotton לעשות דברים פשוטים ב ... שלי עצוב אבל נכון), היא השיטה הבאה ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 וכו '..

מצטער לומר אבל, זה לא יעבוד ... לא רוצה לדבר על המדע ביצוע Javascript הרבה ... אבל לפי הניסיון האחרון שלי, רק את הפונקציה האחרונה (onloadfn3) יהיה חולה ממש מקבל להורג.

במצבים נורמליים, שלא כמו שלי (שבה אני אדבר על מעט מאוחר יותר) ... אתה יכול לעשות אחד מאלה כדי לבצע תפקודים onload mutliple ....

או משהו כזה

 doOnLoad function () {
         onloadfn1 ();
         onloadfn2 ();
         onloadfn3 ();
 }
 window.onload = doOnLoad;

על המצב הנוכחי שלי, אני לא יכול להשתמש בכל האמור לעיל ...
למה אני צריך לקרוא windows.onload פעמיים, ולא כי קוראים שתי פונקציות בתוך הפונקציה onload אחד? הנה מבט מהיר על הצהרה הבעיה שלי ...

"דפי האתר שלי בנויות כמו נושא וורדפרס .... כלומר יש כמה Header.php משותפים Footer.php שמקבל הכלולים אל כל דפי האתר. יש פונקציה ב onload implementaion Footer.php כדי לעשות כמה פונקציות onload משותפים. ויש עוד כמה עמודים, כי צריך משהו onload שלהם, מלבד אלה נעשה על ידי הפונקציה onload משותף. אם אני להקצות פונקציה התקשרות ישירות למטפל window.onload, זה יהיה יותר מדי לרכב callbacks שהוקצו בעבר Footer.php את "

.... הבעיה שלי הבין ?

טוב! יש כמה פתרונות שאני מצאו. כולם דומים מאוד ובעיקר implementions של הפתרון שניתן על ידי סיימון Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

פתרון:

כל שעליך לעשות הוא להוסיף את קוד ה-JavaScript לאתר ...

 פונקציה addLoadEvent (func) {
     var oldonload = window.onload;
     אם (window.onload typeof! = 'פונקציה') {
        window.onload = func
     אחר} {
        window.onload = function () {
            אם (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 }

ולקרוא את זה במקום "windows.onload" כרגיל

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * קוד יותר לרוץ על * הטעינה של הדף
 }); 

היתרונות של קטע הקוד הזה ...
1. בעיקר, הוא מאפשר לך אירועים windows.onload מרובות, המכונה מחלקים נפרדים של הקוד שלך, ללא overridding ההגדרה הקודמת
2. זה באמת לא מתבלט. זה יכול להיות ממוקם בתוך קובץ עם התסריטים האחרים שלך, או בקובץ נפרד.
3. זה עובד גם אם window.onload כבר נקבע.

חשבתי 1 זה יהיה שרבוט למצוא ב-Google, כמו רבים מאיתנו כותבים לך ממשק משתמש התסריט היה צריך לעשות את זה ביום בסיס יום, כלומר כוללים קצת peice של קטע קוד PHP (. Php) אל תבנית החכם (. TPL). הבנתי שאילתה קל / פופולרי, אפילו יותר קשה למצוא את התשובה המדויקת ... מיליון בתוצאות החיפוש אבל רובם reffered על "קובץ" כוללת החכם ... אשר בתחביר הבא

{כולל = קובץ "כוללים / header.php"}

זה inlcuded למעשה את הקובץ בסדר, אבל כטקסט, מה שרציתי היה תוצאה של הקובץ כלל. (הערה לעיל משמש כוללים התבנית בתוך תבנית קובץ). בסופו של דבר עם persiverance קצת .... נתקלתי תחביר slighty שונה, אשר היתה התשובה לדרישה שלי ... אז הנה זה ... אם אתה נמצא havn't 1 כבר

{Include_php הקובץ = "הכוללים / header.php"}

שאלה זו חלפה במוחי כמה פעמים בעבר, כאשר עבדתי על אתרי מוקדם מדי, אשר משמש וורדפרס להראות בלוגים או סוג חדש של תוכן באיזה חלק של האתר / portal.Being טירון ב-PHP וברחבי וורדפרס, המשכתי procastinating את זה, חושב "זה לא peice שלי עוגה". סוף סוף! דרישה זו באה upto האף, כאשר החל חופר קצת מסביב לפתרון.
הופתעתי לגלות כי זה באמת היה קל יותר ממה שאני באמת חשב שזה, כדי להציג רשימה של כותרות או בהודעה האחרונה בעמוד אחר מחוץ סעיף וורדפרס המופעל, רק באמצעות קצת 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 define ('WP_USE_THEMES ", false); שימוש / / Disbable של וורדפרס
מחייבים ('/ var / news.inchembur.com / wp-blog-header.php'); / / כלול WordPress API
; // Get Latest Post query_posts ('showposts = 1'); / / קבל הודעה אחרונה
>

ב peice של מעל כלול, אנחנו מקבלים רק בהודעה האחרונה אחד. אם אתה רוצה לנסות וריאציות נוספות אתה מוזמן לחפור, query_posts() תיעוד .

שלב 2: עכשיו, בין היתר של עמוד ראשי / עמוד הבית שבו אתה רוצה להראות בהודעה האחרונה וורדפרס מ http://news.inchembur.com , השתמש את הקוד הבא. למותר לציין, אתה מוזמן מודעות חטיבות סטיילינג שלך, טווחי וכיתות לפי צרכי העיצוב שלך.

שלב 3: אין שלב 3 ... זה הכל ... אתה עשית!

איך להראות הדף הודעה / ספציפי בניגוד להודעה האחרונה: -
זה יכול achived בקלות על ידי שינוי הטיעונים כדי query_posts() לכלול את מזהה הדפים או חילזון

) ; query_posts ("page_id = 7 ');
) ; query_posts ("pagename = כ ');

או אתה יכול לשלוט על מספר הודעות:
) ; query_posts (showposts = 3);