תוכנה לבדיקת לינקים שבורים באתרים (Mac)

David Walsh כתב בבלוג שלו השבוע על תוכנה למקינטוש שכל כך שמחתי לראות שאמרתי שאני חייב לכתוב עליה גם, אבל כל הקרדיט על הגילוי הראשוני מגיע לו :-)

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

מה התוכנה?

התוכנה בודקת לינקים שבורים באתרי אינטרנט, היא בודקת גם הפניות לתמונות חסרות וכדומה.

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

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

לתוכנה קוראים Integrity והיא חינמית. אפשר להוריד אותה מכאן

הנה כמה צילומי מסך של התוכנה מתוך אתר היוצר.

IntegrityShot3.2Main

IntegrityShot3.2Options

LabelScreenshot

תהנו.

כרגיל, אשמח לתגובות

קבלת ציוצים באמצעות jQuery

כמו שהרבה מכם יודעים אני אוהב טוויטר מושבע, אני עושה בטוויטר שימוש יומיומי גם אישי וגם עסקי.

כמו בהרבה דברים שאני עושה אני אוהב לצלול יותר פנימה וכמובן שיצא לי לעבור על הAPI של טוויטר, גם בשביל העבודה שלי על פרויקט קוד פתוח שנקרא HebTweet (שהיום כבר עבר לאייפון ואני לא מעורב בו) וגם בשביל עוד כמה פרויקטים מעניינים הקשורים בקוד פתוח.

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

כמובן שלאותו מייל עניתי: "הממ…כן, אתה יכול!"

קוד jQuery

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

איך מתאימים את הקוד לצורכיכם?

משנים את המשתנה twitterUsername – זה המשתנה שיקבע את שם המשתמש שהציוצים שלו ימשכו
יש עוד משתנה שקובע את כמות הציוצים שהשאילתה תחזיר אבל אני חושב שזה די ברור מהקוד :-)

   1: function getuserTweets() {

   2:     var twitterUsername = 'KensoDev';

   3:     var twitCount = 50;

   4:     $.getJSON(

   5:         'http://search.twitter.com/search.json?callback=?&rpp=' + twitCount + '&q=from:' + twitterUsername,

   6:         function(data) {

   7:             $.each(data, function(i, userTweets) {

   8:                 for (var tweet = 0; tweet < userTweets.length; tweet++) {

   9:                     if (userTweets[tweet].text !== undefined) {

  10:                         $('body').append('<p>' + userTweets[tweet].text + '</p>');

  11:                     }

  12:                 }

  13:             });

  14:         }

  15:     );

  16: }

בהצלחה

Sprite (לא, לא המשקה) CSS

שלום לכולם,

בטח שמעתם את המונח הזה פעם – Sprite Css.

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

בסקרינקאסט של 7 דקות לערך אני מסביר (וגם קצת מפשל בדרך… :-) אתם תבינו שתראו) איך בדיוק עושים את זה באמצעות שימוש בCSS, jQuery.

אתם כמובן יכולים לעשות את זה בכול אמצעי אחר שבא לכם כמו למשל עם :hover בCSS (אל תבכו שזה לא עובד באקספלורר 6)

בהצלחה

אשמח לשמוע תגובות לכאן או למייל

אפשר להוריד את הפרויקט לדוגמא מכאן

פרויקט לדוגמא – CSS SPRITE

ניתן גם להוריד את הוידאו המקורי באיכות גבוהה מכאן

http://www.box.net/shared/kikxh8abtp