שטיגליץ עיצובים

זן- הדרך המהירה לכתיבת html וcss


מאי 11, 2015 4:50 pm

זן קודינג היא מעין ספריית קיצורי דרך לכתיבת 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

וזהו.

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

PDF לשימוש בזן (אמט)

כתיבת תגובה

ספק שם מלא

@

אנא ספק כתובת דוא"ל תקפה

אנא ספק כתובת אינטרנט תקפה. כגון: http://www.yoursite.com

Show Buttons
Hide Buttons