sass-thumb

SCSS

עד לפני שלושה חודשים כל פעם שנתקלתי במאמר או בקטע קוד שכלל sass  הייתי נרתעת לאחור ומוותרת. כל העניין היה נראה לי מורכב מדי, וטוב ונעים היה לי עם CSS אז למה לסבך? עד שיום אחד הכל השתנה. פתחנו אתר חדש בשרת פיתוח כדי לפתח עליו תבנית ייחודית חדשה. בדר"כ אנחנו משתמשים ב Underscores כדי ליצור תבנית, והפעם לאה הציעה שנשתמש… להמשך קריאה ←

a11y-thumb

בדרך לתבנית וורדפרס נגישה

לפני ארבעה חודשים כתבתי על ענייני נגישות ושמישות בעקבות פרויקט שהתחלתי. בימים אלו אני עומדת בסיומו של אותו פרויקט וחשבתי לסכם את מעללי. לפני שאתחיל עם הפוסט חשוב לי להבהיר כמה דברים בנוגע למה שאביא כאן: זה איננו מדריך step-by-step בדרך אל האושר (או אל תבנית נגישה). כל האמור פה מבוסס על הנסיון שלי בכמה אתרים מאוד ייחודיים עם תבנית מותאמת… להמשך קריאה ←

קוראים ביחד

בשלוש שנים האחרונות, אני חברת קהילת יחד מודיעין. בשנה האחרונה הצטרפתי לועדת עלון. העלון מיועד לחברי הקהילה, וכול הכתבות נכתבות ע"י חברי הקהילה. הוא מודפס ומחולק בבתי הספר ובגנים, וגם נשלח כקובץ PDF לקריאה יחד עם הניוז השבועי.  מה חלקי בכוח? לא, לא כתבתי כלום – כי אינני אשת כתב 😉 . תפקידי הוא עיצוב העלון. קצת שאפתני מצידי במיוחד… להמשך קריאה ←

תצוגה של אתר מוט נא ברזולוציות שונות

אתר מוטנ"ט – עברית, ערבית ואתר מוט"ל

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

ללמוד קוד

כולם צריכים ללמוד קוד?

לפני כחודש נתקלתי בפוסט שהכותרת שלו הייתה Please don’t learn to code. מיותר לציין שהכותרת סיקרנה אותי מאוד אז עשיתי מה שתמיד אני עושה  – שמרתי בצד לימים טובים. והנה הם הגיעו 🙂 בתחילת הפוסט מדבר Basel Farag על תנועה שהולכת וצוברת תאוצה שקוראת לכולם ללמוד קוד. הפיסקה הראשונה – שבקריאה מרפרפת ראשונה רק אותה קראתי ממש – העלתה בראשי… להמשך קריאה ←

blendmode-thumb

שיטות שילוב (blend-modes) ב- css

את שיטות השילוב של שכבה (blend modes) אני מכירה כבר שנים רבות מהפוטושופ. שיטת שילוב היא האופן בו שכבה משתלבת עם השכבות שמתחתיה. שיטות השילוב מאפשרות ליצור שילובים מיוחדים של צבעים, לשנות ערכי צבע בתמונה במקומות הרצויים ולהגיע לאפקטים מיוחדים של שילוב תמונות. לאלו שלא מכירים – ממליצה בחום. למי מכם שרוצה להבין יותר לעומק אפשר לקרוא עליהם או לויזואליים… להמשך קריאה ←

nira-thumb

סופה של תקופה

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

svg-thumb

סוף סוף SVG

כבר מזמן SVG איננו תופעה חולפת או טרנד חדש. הוא לגמרי חלק בלתי נפרד מתכנות ועיצוב אתרים (ואם אתם לא יודעים מה זה, זה הזמן לקרוא). אז איך זה שרק עכשיו אני מגיעה אליו?  שאלה קשה שאין לי ממש תשובה עליה. לא יצא, לא הגעתי לזה, לא היה לנו צורך – אלו תירוצים עלובים. אבל די עם ההלקאה העצמית –… להמשך קריאה ←

thumb_ac11y

נגישות ושמישות

אחד הפרוייקטים שמעסיקים אותי בתקופה האחרונה הוא הנגשת אתרים. זמן קצר לאחר שהתחלתי את הפרוייקט, יצאתי לחופשה קצרה, והיא דווקא גרמה לי להיווכח לדעת כמה הנגישות רודפת אחרי… אזהרות: הפעם לא כל הדוגמאות הן מעולם האינטרנט (המוכר לי והאהוב עלי). ייתכן שאערבב נגישות ושמישות, אבל בעצם שני התחומים האלו די נושקים ומַפרים אחד את השני. למי שלא אוהב בדיחות שחורות… להמשך קריאה ←

thumb_viewport

יחידות הקסם VH ו VW

אז מה הן בעצם היחידות המוזרות האלו? כבר התרגלנו לפיקסלים (px) ול EM , ל REM ולאחוזים אבל מאיפה הגיעו לעולם vh ו vw? ובכן – vw הוא יחידה המציינת את רוחב התצוגה (view width) והכוונה כמובן לרוחב הדפדפן (viewport) ו view height הוא גובה המסך אם מצויין vh. למה אנחנו צריכים עוד יחידות למדידה? לא מספיק מה שכבר יש?… להמשך קריאה ←