זן- הדרך המהירה לכתיבת html וcss
זן קודינג היא מעין ספריית קיצורי דרך לכתיבת html וcss, כך שהעבודה על כתיבת דפים מהירה יותר ויעילה יותר.
זן קודינג היא מעין ספריית קיצורי דרך לכתיבת html וcss, כך שהעבודה על כתיבת דפים מהירה יותר ויעילה יותר.
לא רק שיש יעילות מבחינת מהירות העבודה אלא גם האפשרות לטעות בסגירת תג (למשל) הופכת לנדירה יותר.
זן קודינג מלאה קיצורי דרך ואין באפשרותי לעבור על כל קיצור שלה (מה גם שאיני זוכר את הכל). לכן אתן דוגמאות רק למה שנראה לי כקיצורים משמעותיים ושמשתמשים בהם הרבה. בנוסף מצאתי ברשת קובץ PDF המכיל את כל קיצורי הדרך, ובסוף המאמר אתן לינק להורדה.
יצירת עמוד html:
לשם יצירת קובץ של html 5 נכתוב:
html:5
הטמעת קובץ css חיצוני:
link:css
הטמעת קובץ ג'אווהסקריפט:
script:src
לינק:
a:link
תמונה:
img
ולא מדובר רק באלמנטים של html. למשל אם נרצה בקובץ הcss שלנו שהפונט יהא בולד:
fw:b
זה עד כדי כך פשוט. אבל זה רק קצה הקרחון. ניתן לקנן אלמנטים.
קינון אלמנטים
יחסי אחים:
div#one+div#two
שורה קצרה זו תיצור את שני הדיבים עם הid שסיפקנו זה לצד זה.
יחסי הורהילד:
div#three>div#four
שורה זו תיצור דיב בתוך דיב.
ניתן גם לציין כמויות:
ul#menu>li.menu-item*5
זה ייצר לנו רשימה ובה 5 אייטמים עם הקלאס שציינו.
ולסיום נייצר טופס בשורה אחת:
form:post>fieldset>legend+input:email+textarea+input:submit
וזהו.
בקיצור, זה אחד הכלים המדהימים ביותר שיש בשטח ליעילות העבודה של בונה אתרים.
