CSS למתקדמים (שלושה טריקים)

Guy Lecture

גיא שקד – 

מומחה תחזוקת אתרי וורדפרס.

מתכנת בעבר.

עם התמחות מיוחדת במקרים בלתי אפשריים בוורדפרס (ובחיים) זכוכית מגדלת

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

הטיפ הראשון (שייתכן ומוכר כבר לחלקכםן):

הקלקה על החץ באמצע מרובע במסך "הבדיקה" של עמוד אינטרנט ואז מעבר עם העכבר מעל אלמנטים על הדף – מציג במסך "הבדיקה" את קוד הHTML המקביל לאלמנטים מעליהם אתםן עומדים/ות ומסומנים באופן מודגש בדף הHTML:

CSS מתקדם 1

הטיפ השני: 

אפשר כשעומדים על אלמנט HTML במסך "הבדיקה" לבחור את השלוש נקודות האופקיות שבשמאלו, ואז לבחור Copy ולבסוף – Copy Selector – וזה יעתיק לכם את קוד המציין אלמנט בHTML המדוייק של הפריט אותו רוצים לעצב.

CSS מתקדם 2

 

הטיפ השלישי והאחרון (באדיבות מני בן-עדי):

עדיף מבחינת ביצועים של האתר (מהירות) – לשים את קוד הCSS, במידה ומדובר בקוד ארוך בקובץ style.css של תבנית הבת, מאשר בCSS ב"עיצוב" – "התאמה אישית".

 

שלושה טיפים שווים בהחלט ממש בסוף ההרצאה,

אז מה אתםן אומרים/ות? האם: "all's well that ends well"?

אולי…

יש לכם/ן שאלה או הצעה רלוונטית לפוסט, או בכלל?

אשמח ליצירת קשר עכשיו!

Related Article

מה שאלתך על תחזוקת אתר וורדפרס?
שלחו את ההודעה בווטסאפ
דילוג לתוכן