פורסמו טבלאות תאימות של CSS לנייד

מְחַבֵּר: Louise Ward
תאריך הבריאה: 12 פברואר 2021
תאריך עדכון: 18 מאי 2024
Anonim
HTML & CSS Mobile UI Layout | CVS Clone
וִידֵאוֹ: HTML & CSS Mobile UI Layout | CVS Clone

בסוף שנת 2012, אסטרטג הפלטפורמה הניידת פיטר-פול קוך קיבל חסות על QuirksMode.org, שלדבריו יאפשר לו להקדיש זמן רב יותר לחקר תקני האינטרנט ולעבוד על טבלאות תאימות שישותפו עם webplatform.org.

בסוף השבוע עלה לאוויר בוחרי CSS לשולחנות ניידים. קוך בחן עוד את עמודות ה- CSS וגילה שיש דרך להתקדם.

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

.net: אתה משקיע מאמצים רבים בשולחנות הניידים שלך. האם זה משהו שלא נעשה במידה זו במקום אחר?
PPK: לא, זה לא באמת נעשה. הטבלאות הקרובות ביותר לשלי הן של מקס פירטמן והן מתמקדות בממשקי API של HTML5.

אני לא מאמין באוטומציה של בדיקות דפדפנים או ציונים, ולכן אני לא באמת סופר מבחנים כגון מבחן HTML5. אז יש לנו Can I Use…, וזה שימושי אבל לפעמים לא נותן מידע נכון בדפדפן.


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

.net: כיצד ניתן לכתוב את המבחנים?
PPK: לאט! לפעמים לא קל להבין מה הכוונה במפרט, במיוחד כשיש רק שני יישומים שונים זה מזה (או בפראות). למרבה המזל, יש לי ניסיון רב בכתיבת בדיקות דפדפנים, ולכן אני יודע למנוע מלכודות נפוצות.

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

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


.net: במאמר האחרון שלך על סלקטורים ועמודות, אתה מציין כי לדפדפנים המשתמשים באותה בניית WebKit יש תאימות משתנה. האם זה מדגיש עוד יותר כיצד devs צריכים להיות זהירים לגבי טכניקות חדשניות ולבחון בצורה קפדנית יותר במכשירים?
PPK: כן. אין WebKit בנייד. ישנם לפחות שתים עשרה דפדפנים שונים (למעט גרסאות המשתמשות ב- WebKit כמנוע העיבוד שלהם), אך הם לא בהכרח דומים זה לזה.

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

פופולרי הודעות
תרצה את החממה המיניאטורית היפה הזו על שולחנך
נוסף

תרצה את החממה המיניאטורית היפה הזו על שולחנך

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

איך לצייר מפלצת קולנועית מפחידה

אולפני יוניברסל ביקשו מ- Frame tore לעשות את ה- VFX לסרט 47 Ronin. היא גם רצתה עיצוב עבור רבים מאלמנטים של הסרט, כולל שני היצורים העיקריים: דרקון וקירין השוכנת ביער.הייתי חלק מצוות מחלקת האמנות Frame ...
דפוס לינו: הקדמה
נוסף

דפוס לינו: הקדמה

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