מציאת הגדרה עבור כל פונקציה/אלמנט ב-HTML/CSS/JS

טריק פשוט למצוא את ההגדרה לכל פונקצית/אלמנט HTML/CSS/JAVASCRIPT.

נניח שאתם צריכים לברר איך משתמשים בפונקציה substr ב-Javascript.

  1. תפתחו את גוגל (כרום בשורת הכתובת, פיירפוקס גם).
  2. כתבו: MDN ואת שם הפונקציה/אלמנט:
  3. התוצאה הראשונה מובטחת להיות הגדרת הפונקציה.

כאמור הנ"ל עובד גם עבור CSS ו-HTML.
התוכן מגיע ממאגרי המידע (בנוסח וויקי) של מוזילה.

Posted in בקצרה על

מוקאפ בשניה – קישור

wireframe.cc – minimal wireframing tool – אם אתם צריכים להסביר למישהו איך העיצוב של האתר/אפליקציה יראה האתר הזה מאפשר לכם לעשות זאת בזמן של דקה ולשתף בקלות. כמו כן, ישנה אפשרות לשנות גדלים ל-3 ממשקים שונים.

Tagged with: ,
Posted in קישורים, שימושי

מדור הקישורים

הסופ"ש חזר ועמו חלק מהכבוד העצמי שלי.

די לעצלנות! די לפוסטים חסרי המשמעות עם הקישור הקטן פעם ביומיים!

אני לא עדכנתי את הבלוג הזה ברצינות מזה זמן מה, וכנראה שזה גם לא הולך להשתנות בזמן המידי.
למרות זאת, תפסתי קצת זמן פנאי כדי לזרוק פה כמה קישורים ברצף.

עיצוב

כרמלה – כמה טוב לראות שיש מישהו שרוצה לקדם ולעזור. פונט חדש ומרענן חינם! מיועד למסכים מבית היוצר של בצלאל. סוף סוף תחלופה הולמת לאריאל וטהומה. לצערי את גרסת הרשת ניתן להוריד רק אחרי לייק של עמוד הפייסבוק. לסיפור הרקע בוואלה.

טרנדים – עיצוב ברשת – אתר הסוקר בקלילות את הטרנדים העיצובים באתרים כיום.

שימושי

Foundation – עוד פריימוורק ל-CSS שעושה בערך מה שטוויטר בוטסטראפ עושה רק קצת שונה ומבוסס על SASS ולא LESS. חביב.

תוכן רספונסיבי – פלאגין (ל-jQuery) המאפשר לכם להגיש HTML שונה לרזולוציות מסך שונות.

webzap – פעם ראשונה שאני כותב פה על תוסף בתשלום אבל התוסף הזה שווה את זה. אם אתם מעצבי אתרים ופוטושופ CS5 (ומעלה) זה הכלי שלכם, ברוכים הבאים לעולם יפה יותר. הווידיאו באתר מסביר הכל אבל בקיצור זהו תוסף שמאפשר לכם ליצור עיצוב לאתר בשתי דקות.

קטעוני CSS שימושיים – פוסט חביב המפרט קטעי CSS נפוצים. החלק היותר מעניין מתחיל כאן.

Emmet – חידוש הפרוייקט Zen coding שלחלקנו שינה את הדרך בה אנו כותבים HTML. כתבו סלקטור של CSS ו-emmet יהפוך את זה ל-HTML בלחיצה על מקש Tab.

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

sheetclip – אם אתם עובדים על פרוייקט עם עיבוד נתונים וצורך בהמרה לאקסל הפרוייקט הזה מאפשר המרה של מערך ג'וואסקריפט להדבקה באקסל והפוך. הסקריפט רק דואג להמרה, אתם צריכים לדאוג לקופי פייסט.

Bootup.js – בעיקר למי שעובד על אפליקציות מבוססות רשת. סקריפט קטן ששומר את הסקריפטים של הפרוייקט ב-localstorage (אם הדפדפן תומך).

שירות

prevue.it – שירות חדש המאפשר שיתוף קל ונח של סקיצות. חינם כמובן.

Webshell – באמצעות השירות הזה תוכלו למצוא את כל ה-API האהובים שאתם מכירים תחת קורת גג אחת. השירות מאפשר שימוש ב-API נפוצים כגון youtube, google maps, twitter, facebook ועוד. כמובן שהצבע עדיין טרי אבל אפשר לראות פה רעיון חדש שמאוד הגיוני בהתחשב בכמות ה-API הקיימים היום ברשת. בהחלט שווה ביקור, אפילו אם זה רק בשביל ה-tutorial.

webscript.io – השירות מאפשר כתיבת סקריפטים לביצוע משימות רשת כגון בדיקת סטטוס דומיין מסויים, ביצוע תשלום בכרטיס אשראי (דרך swipe לדוגמא) וכו. קצת קשה להבין למה זה יותר טוב מלכתוב את הדברים לבד, במיוחד כשהקוד כתוב ב- Lua.

לקריאה בלבד

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

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

טוויטר בוטסטראפ 2.2.0 – שחרור גרסה חדשה לפריימוורק הפופולארי.

Designing Javascript APIs – פוסט לעניין, שנותן נקודות טובות על הנדסה כללית של API בג'וואסקריפט.

Why 10..toString() works but 10.toString() does not? – הסבר חשוב על השימוש בנקודה והמרת סוגי משתנים בג'וואסקריפט. קצר, קולע וסגור. מסתבר שהשאלה נשאלה כבר לגבי מקרה אחר ב-stackoverflow.

תוספות

הטבלה המחזורית – מבט לטבלה המחזורית של האלמנטים עם קצת CSS3 ו-three.js.

עמוד הצוות של קיקסטארטר – חזק!

וויזואליזציה של פונקציות – פרוייקט ראשוני מסוגו (לפחות בג'וואסקריפט) שמציג את האינטראקציה והפעולות מאחורי הקלעים של סקריפט backbone פשטני. לעשות step through בקוד רק בצורה הרבה יותר הגיונית.

מצלמת ASCII – איכשהו תמונות בתור פונט אף פעם לא נעשות נדושות (או אפילו מיושנות). אם יש לכם מצלמה במכשיר לכו תראו את הקסם.

Posted in קישורים

מאפייני עצמים בג'וואסקריפט

Object Properties in Javascript – מבט מעמיק אל המאפיינים (properties) של עצם (object) בג'וואסקריפט. מומלץ למתקדמים בתחום.

Tagged with:
Posted in Uncategorized

סיפור הסופה "סאנדי" דרך אינסטאגרם

#instacane – אינסטאגרם, הטוויטר של התמונות, נותן במה לסופה ההרסנית סנדי שפקדה את החוף המזרחי של ארה"ב.

Posted in קישורים