קטגוריה: תכנות

דפדפנים תוספים ועוד

הגישה הראשונה שלי לדפדפן (נטסקייפ) הייתה אי שם בשנות ה-90. בהתחלה רק בעבודה של אמא שלי, ואח"כ גם בבית. אחר-כך אקספלורר דחק אותו הצידה ותפס נתח שוק די רחב של הדפדפנים לתקופה די ארוכה, אבל לא עוד. הרבה ביטים התגלגלו בשטף הטכנולוגיה והיום יש אינספור דפדפנים שבהם ניתן להשתמש אם כי ניתן בקלות להבחין ב-4-5 עיקריים: כרום, פיירפוקס, אדג', ספארי ואופרה… להמשך קריאה ←

תמונה מלווה טרנד עיצוב header באתר

טרנד לשנת 2017

כשהייתי מעצבת במשרה מלאה הייתי קוראת הרבה פוסטים מסכמי שנה ופותחי שנה על טרנדים שיבואו או כאלה שמתו להם בשקט. איכשהו עם המעבר לקוד, קצת פחת השצף של הפוסטים, או אולי לא פחת כמו שפשוט פחות עניין אותי לקרוא אותם והעדפתי פוסטים על flex או svg 🙂 איפשהו בתחילת חודש ינואר, שהוא גם תחילת שנת 2017, נתקלתי בשני פוסטים –… להמשך קריאה ←

תמונה מלווה עיצוב אה-סימטרי

המסע שלי ליישם אה-סימטריה ב css

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

MAY RESPONSIVE IMAGES BE WITH YOU

תמונות רספונסיביות

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

sass-thumb

SCSS

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

a11y-thumb

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

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

ללמוד קוד

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

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

blendmode-thumb

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

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

svg-thumb

סוף סוף SVG

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

thumb_viewport

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

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