‫Htm - אחלה טיפים לבניית אתרים » המלצות‬ http://www.htm.co.il ‫מדריכים ומאמרים בנושא בניית אתרים. כל יום משהו חדש ללמוד, וליישם.‬ Wed, 18 Jan 2012 09:32:13 +0000 http://wordpress.org/?v=2.9.2 il hourly 1 ‫אפליקציות פייסבוק – בלוג חדש‬ http://www.htm.co.il/2010/07/06/%d7%90%d7%a4%d7%9c%d7%99%d7%a7%d7%a6%d7%99%d7%95%d7%aa-%d7%a4%d7%99%d7%99%d7%a1%d7%91%d7%95%d7%a7-%d7%91%d7%9c%d7%95%d7%92-%d7%97%d7%93%d7%a9/ http://www.htm.co.il/2010/07/06/%d7%90%d7%a4%d7%9c%d7%99%d7%a7%d7%a6%d7%99%d7%95%d7%aa-%d7%a4%d7%99%d7%99%d7%a1%d7%91%d7%95%d7%a7-%d7%91%d7%9c%d7%95%d7%92-%d7%97%d7%93%d7%a9/#comments Tue, 06 Jul 2010 08:03:05 +0000 ‫אורן רוט‬ http://www.htm.co.il/?p=1094

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

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

אתם מוזמנים לבקר באתר שכתובתו: facebookapps.co.il, לכתוב תגובות, לשלוח פרסומים שקשורים לנושא וכמובן לקרוא ולהתעדכן בעולם הפייסבוק שמתשנה מידי יום.

מאמרים נוספים:

]]> http://www.htm.co.il/2010/07/06/%d7%90%d7%a4%d7%9c%d7%99%d7%a7%d7%a6%d7%99%d7%95%d7%aa-%d7%a4%d7%99%d7%99%d7%a1%d7%91%d7%95%d7%a7-%d7%91%d7%9c%d7%95%d7%92-%d7%97%d7%93%d7%a9/feed/ 8 ‫סעור מוחות באמצעות Mind42‬ http://www.htm.co.il/2009/10/18/%d7%a1%d7%a2%d7%95%d7%a8-%d7%9e%d7%95%d7%97%d7%95%d7%aa-%d7%91%d7%90%d7%9e%d7%a6%d7%a2%d7%95%d7%aa-mind42/ http://www.htm.co.il/2009/10/18/%d7%a1%d7%a2%d7%95%d7%a8-%d7%9e%d7%95%d7%97%d7%95%d7%aa-%d7%91%d7%90%d7%9e%d7%a6%d7%a2%d7%95%d7%aa-mind42/#comments Sun, 18 Oct 2009 19:50:45 +0000 ‫אורן רוט‬ http://www.htm.co.il/?p=693

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

אם עד היום הייתם צריכים לכתוב את הרעיונות שלכם בכל מיני כלים מאולתרים, היום אני אכיר לכם כלי מאוד ידידותי ושימושי, שמו mind42 והוא כלי לסיעור מוחות. האתר בחר את המספר 42 כדיי לציין את העובדה שהוא מאפשר לשתף, "פור טו" (באנגלית: FOR TWO), לשניים.

Mind42 כלי נהדר לסיעור מוחות

Mind42 כלי נהדר לסיעור מוחות

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

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

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

מאמרים נוספים:

]]> http://www.htm.co.il/2009/10/18/%d7%a1%d7%a2%d7%95%d7%a8-%d7%9e%d7%95%d7%97%d7%95%d7%aa-%d7%91%d7%90%d7%9e%d7%a6%d7%a2%d7%95%d7%aa-mind42/feed/ 5 ‫QuickText תוסף שימושי ל-notepad++‬ http://www.htm.co.il/2009/10/15/quicktext-%d7%aa%d7%95%d7%a1%d7%a3-%d7%a9%d7%99%d7%9e%d7%95%d7%a9%d7%99-%d7%9c-notepad/ http://www.htm.co.il/2009/10/15/quicktext-%d7%aa%d7%95%d7%a1%d7%a3-%d7%a9%d7%99%d7%9e%d7%95%d7%a9%d7%99-%d7%9c-notepad/#comments Thu, 15 Oct 2009 14:14:22 +0000 ‫אורן רוט‬ http://www.htm.co.il/?p=685

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

בתור משתמש של notepad++ (תוכנת עריכת קוד נפלאה) הייתי חייב למצוא פתרון גם בשבילי. אחרי חיפוש לא ארוך ברשת מצאתי את התוסף QuickText, תוסף שעושה פחות או יותר מה ש-textmate יודע לעשות.
אפשר להוריד אותו בלינק הבא:

השלבים להתקנת התוסף פשוטים:

  1. העתיקו את הקובץ "QuickText.UNI.dll" לתקיית התוספים שלכם (לרוב ב-C:\Program Files\notepad++\plugins)
  2. העתיקו את הקובץ "QuickText.ini" לתיקייה הראשית של התוכנה (C:\Program Files\notepad++)

כעת פתחו את התוכנה, התוסף אמור לפעול.

איך התוסף עובד?

בתוך קובץ ה-QuickText.ini (שעבר אוטומטית לתיקייה plugins\Config) ישנן אוסף של מילות מפתח וקטעי קוד תחת כל קטגוריית שפה. לדוגמא מילת המפתח "a" תתדפיס את קטע הקוד "<a href=""></a>" במסמך html.
כאשר נפתח מסמך מסוג html, נדפיס בו את המילה a ונלחץ על ההפעלה של quicktext (ברירת המחדל היא מקש tab, אני ממליץ לשנות*), יוחלף התו a בקוד: <a href=""></a>.

כעת ניתן להוסיף ולשנות קיצורים דרך תפריט Plugins->QuickText->Options.

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

ודאו שיש לכם גרסה מעודכנת של notepad++, לפחות v5.4.4 (אפשר להוריד מכאן גרסא מעודכנת של notepad++). התוסף עוד עם גרסת הUNICODE של notepad++.

* ניתן לשנות את המקש החם שמפעיל את quicktext מתוך התפריט:

Settings->Shortcut Mapper...->Plugin Commands->Replace Tag

עוד באותו נושא:

]]> http://www.htm.co.il/2009/10/15/quicktext-%d7%aa%d7%95%d7%a1%d7%a3-%d7%a9%d7%99%d7%9e%d7%95%d7%a9%d7%99-%d7%9c-notepad/feed/ 2 ‫בדיקת שימושיות עיצוב ב-5 שניות‬ http://www.htm.co.il/2009/10/06/%d7%91%d7%93%d7%99%d7%a7%d7%aa-%d7%a9%d7%99%d7%9e%d7%95%d7%a9%d7%99%d7%95%d7%aa-%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%91-5-%d7%a9%d7%a0%d7%99%d7%95%d7%aa/ http://www.htm.co.il/2009/10/06/%d7%91%d7%93%d7%99%d7%a7%d7%aa-%d7%a9%d7%99%d7%9e%d7%95%d7%a9%d7%99%d7%95%d7%aa-%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%91-5-%d7%a9%d7%a0%d7%99%d7%95%d7%aa/#comments Tue, 06 Oct 2009 14:08:08 +0000 ‫אורן רוט‬ http://www.htm.co.il/?p=674

 

מי מאיתנו לא מבלה שעות ארוכות לאחר עיצוב של אתר, בחיפוש אחר אנשים תמימים שיגידו לו איך העיצוב יצא לדעתם ואיך אפשר לשפר. לרוב אנחנו גם נתייעץ גם בפורומים ולרוב האנשים שאנחנו נתייעץ איתם יהיו מומחים בנושא. אבל מה קורה שאנחנו רוצים להעביר את העיצוב שלנו מבחן של שימושיות (Usability), למבחן כזה אנחנו לא צריכים אנשי מקצוע אלא רק קהל רחב שיתן לנו חוות דעת על העיצוב. האתר Five Second Test, מבחן חמש שניות, מאפשר לכם לעלות תמונה של עיצוב ולאפשר לאנשים לתת לכם חוות דעת על העיצוב. ישנם שני מבחנים שהאתר מציע:

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

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

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

עוד באותו נושא:

]]> http://www.htm.co.il/2009/10/06/%d7%91%d7%93%d7%99%d7%a7%d7%aa-%d7%a9%d7%99%d7%9e%d7%95%d7%a9%d7%99%d7%95%d7%aa-%d7%a2%d7%99%d7%a6%d7%95%d7%91-%d7%91-5-%d7%a9%d7%a0%d7%99%d7%95%d7%aa/feed/ 0 ‫טעינת תמונות באמצעות jQuery‬ http://www.htm.co.il/2009/09/24/%d7%98%d7%a2%d7%99%d7%a0%d7%aa-%d7%aa%d7%9e%d7%95%d7%a0%d7%95%d7%aa-%d7%91%d7%90%d7%9e%d7%a6%d7%a2%d7%95%d7%aa-jquery/ http://www.htm.co.il/2009/09/24/%d7%98%d7%a2%d7%99%d7%a0%d7%aa-%d7%aa%d7%9e%d7%95%d7%a0%d7%95%d7%aa-%d7%91%d7%90%d7%9e%d7%a6%d7%a2%d7%95%d7%aa-jquery/#comments Thu, 24 Sep 2009 09:46:13 +0000 ‫אורן רוט‬ http://www.htm.co.il/?p=599

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

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

ונעבור לקוד:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
   <head>
     ...
    <style type="text/css" media="screen">
    <!--
       
       DIV#loader {
           border: 1px solid #ccc;
           width: 600px;
           height: 450px;
           overflow: hidden;
       }

       DIV#loader.loading {
           background: url(images/spinner.gif) no-repeat center center;
       }
   -->
    </style>
</head>
<body>
...        
    <div id="loader" class="loading">

    </div>
...
</body>
</html>

מה שעשיתי כאן הוא ליצור DIV עם הקלאס loading וה-ID שלו הוא loader, הוספתי קצת CSS כדיי ליפיף את הDIV אבל מה שחשוב זה שהוספתי לקלאס רקע עם תמונת הטעינה ממורכזת:

1
2
3
DIV#loader.loading {
            background: url(images/spinner.gif) no-repeat center center;
        }

כאשר התמונה תטען אנחנו נמחוק את הקלאס מה-DIV וכך תמונת הטעינה תעלם.

כעת נעבור לקוד ה-jQuery:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/></script>
        <script type="text/javascript">
        <!--
     $(function () {
        var img = new Image();
        $(img).load(function () {
            $(this).hide();
            $('#loader').removeClass('loading').append(this);
            $(this).fadeIn();
        }).error(function () {
            // פונקציה שמטפלת במקרה בה התמונה לא יכולה לעלות
        }).attr('src', 'http://htm.co.il/lab/loadImage/images/n1366720127_335885_7404287.jpg');
    });
   
    //-->
    </script>

בשורה הראשונה אנחנו טוענים את ספריית ה-jQuery. בשורה מס' 5 אנחנו יוצרים אלמנט של תמונה (ריק), בשורה 12 אנחנו מגדירים את מאפיין ה-src של התמונה (לינק לקובץ אותו הוא ינסה לטעון).
מה שנותר לנו זה להוסיף שתי פונקציות, אחת לכאשר התמונה נטענת (שורות 6-9) ואחת לכאשר יש בעיה בטעינת התמונה (10-11).
בפונקציה הראשונה, load, מה שקורה הוא שדבר ראשון מעלימים את התמונה (על מנת ליצור אפקט הופעה אח"כ), מוחקים את קלאס הטעינה מה-DIV ומוסיפים ל-DIV את התמונה (שורה 8), לאחר מכן יוצרים אפקט של פייד אין לתמונה וכך התמונה מופיעה בצורה נעימה.
את הפונקציה השנייה לא מימשתי אבל אתם מוזמנים לממש אותה כרצונכם.

וזה הקוד המלא של הדף:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
   <head>
        ...
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/></script>
        <script type="text/javascript">
        <!--
   $(function () {
       var img = new Image();
       $(img).load(function () {
           $(this).hide();
           $('#loader').removeClass('loading').append(this);
           $(this).fadeIn();
       }).error(function () {
           // פונקציה שמטפלת במקרה בה התמונה לא יכולה לעלות
       }).attr('src', 'http://htm.co.il/lab/loadImage/images/n1366720127_335885_7404287.jpg');
   });
   
   //-->
    </script>
    <style type="text/css" media="screen">
    <!--
       
       DIV#loader {
           border: 1px solid #ccc;
           width: 600px;
           height: 450px;
           overflow: hidden;
       }

       DIV#loader.loading {
           background: url(images/spinner.gif) no-repeat center center;
       }
   -->
    </style>
</head>
<body>
    ...
    <div id="loader" class="loading">

    </div>
    ...
</body>
</html>

ועכשיו כפי שהבטחתי שני אתרים להורדת אנימציית טעינה (קבצי gif):

שני האתרים הללו מציעים הורדה של תמונות gif מונפשות. אפשר להגדיר מאוד בפשטות את צבע הרקע של התמונה ואת צבע האנימציה להתאמה מושלמת לאתרכם. את התמונה הרצויה לכם תוסיפו כתמונת רקע ל-DIV הטעינה (בהגדרת הקלאס שלו).

עוד באותו נושא:

]]> http://www.htm.co.il/2009/09/24/%d7%98%d7%a2%d7%99%d7%a0%d7%aa-%d7%aa%d7%9e%d7%95%d7%a0%d7%95%d7%aa-%d7%91%d7%90%d7%9e%d7%a6%d7%a2%d7%95%d7%aa-jquery/feed/ 0 ‫מנוע חיפוש שמתאים בין תו, לקוד HTML‬ http://www.htm.co.il/2009/09/16/%d7%9e%d7%a0%d7%95%d7%a2-%d7%97%d7%99%d7%a4%d7%95%d7%a9-%d7%a9%d7%9e%d7%aa%d7%90%d7%99%d7%9d-%d7%91%d7%99%d7%9f-%d7%aa%d7%95-%d7%9c%d7%a7%d7%95%d7%93-html/ http://www.htm.co.il/2009/09/16/%d7%9e%d7%a0%d7%95%d7%a2-%d7%97%d7%99%d7%a4%d7%95%d7%a9-%d7%a9%d7%9e%d7%aa%d7%90%d7%99%d7%9d-%d7%91%d7%99%d7%9f-%d7%aa%d7%95-%d7%9c%d7%a7%d7%95%d7%93-html/#comments Wed, 16 Sep 2009 16:14:41 +0000 ‫אורן רוט‬ http://www.htm.co.il/?p=414

מכירים את זה שאתם רוצים להציג תו מיוחד באתר אבל אין לכם מושג מה הקוד HTML שלו?
כמו למשל הסימן "©" או "←".

לי זה קורה הרבה, ותמיד הייתי מחפש בגוגל "html copyright sign" במקרה הטוב, או מתייאש במקרה השני.

בגלל הבעיה הזה בדיוק הומצאה, מנוע חיפוש ממוקד ופשוט (ונחמד) – HTML Entity Character Lookup
פשוט תכניסו את מילת המפתח או סימן זהה והוא מידע יציג לכם רשימה (מאוד מפורטת) של תווים שמתאימים למחרוזת החיפוש.
לדוגמא: המחרוזת "copy" תחזיר לנו את הסימן ©, והמחרוזת ">" תחזיר לנו את הסימן ←.

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

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

עוד באותו נושא:

]]> http://www.htm.co.il/2009/09/16/%d7%9e%d7%a0%d7%95%d7%a2-%d7%97%d7%99%d7%a4%d7%95%d7%a9-%d7%a9%d7%9e%d7%aa%d7%90%d7%99%d7%9d-%d7%91%d7%99%d7%9f-%d7%aa%d7%95-%d7%9c%d7%a7%d7%95%d7%93-html/feed/ 2 ‫מה הפונט? גילוי פונט לפי תמונה‬ http://www.htm.co.il/2009/09/14/%d7%9e%d7%94-%d7%94%d7%a4%d7%95%d7%a0%d7%98-%d7%92%d7%99%d7%9c%d7%95%d7%99-%d7%a4%d7%95%d7%a0%d7%98-%d7%9c%d7%a4%d7%99-%d7%aa%d7%9e%d7%95%d7%a0%d7%94/ http://www.htm.co.il/2009/09/14/%d7%9e%d7%94-%d7%94%d7%a4%d7%95%d7%a0%d7%98-%d7%92%d7%99%d7%9c%d7%95%d7%99-%d7%a4%d7%95%d7%a0%d7%98-%d7%9c%d7%a4%d7%99-%d7%aa%d7%9e%d7%95%d7%a0%d7%94/#comments Mon, 14 Sep 2009 18:36:19 +0000 ‫אורן רוט‬ http://www.htm.co.il/?p=399
What The Font?! (תרגום חופשי: מה הפונט?)

What The Font?! (תרגום חופשי: מה הפונט?)

היום אני רוצה להמליץ לכם על כלי חינמי (כמובן) שמוצא שמות של פונטים מתוך תמונת JPEG.

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

האתר MyFonts.com מציע שירות למציאת פונטים אבודים באמצעות העלאת תמונת JPEG. לשירות קוראים WhatTheFont (או בקיצור WTF?),
כל מה שאתם צריכים לעשות זה לעלות תמונה, לזהות את האותיות בתמונה ו-WTF יתן לכם את התוצאות המתאימות והקרובות ביותר לפונט שהעלאתם בתמונה.

בהצלחה במציאת הפונט האבוד :)

עוד באותו נושא:

]]> http://www.htm.co.il/2009/09/14/%d7%9e%d7%94-%d7%94%d7%a4%d7%95%d7%a0%d7%98-%d7%92%d7%99%d7%9c%d7%95%d7%99-%d7%a4%d7%95%d7%a0%d7%98-%d7%9c%d7%a4%d7%99-%d7%aa%d7%9e%d7%95%d7%a0%d7%94/feed/ 1 ‫Screenr – דרך מאוד נוחה להקליט צילומי מסך‬ http://www.htm.co.il/2009/09/11/screenr-%d7%93%d7%a8%d7%9a-%d7%9e%d7%90%d7%95%d7%93-%d7%a0%d7%95%d7%97%d7%94-%d7%9c%d7%94%d7%a7%d7%9c%d7%99%d7%98-%d7%a6%d7%99%d7%9c%d7%95%d7%9e%d7%99-%d7%9e%d7%a1%d7%9a/ http://www.htm.co.il/2009/09/11/screenr-%d7%93%d7%a8%d7%9a-%d7%9e%d7%90%d7%95%d7%93-%d7%a0%d7%95%d7%97%d7%94-%d7%9c%d7%94%d7%a7%d7%9c%d7%99%d7%98-%d7%a6%d7%99%d7%9c%d7%95%d7%9e%d7%99-%d7%9e%d7%a1%d7%9a/#comments Fri, 11 Sep 2009 19:58:54 +0000 ‫אורן רוט‬ http://www.htm.co.il/?p=325

בתור בונה אתרים אני מבקר בהרבה מאוד בלוגים ואתרים שמציעים מדריכים באמצעות screencast.

האתר screenr.com מציע שירות חינמי לגמריי להקלטת צילומי מסך, אבל למה לדבר שאפשר לשמוע ולראות:

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

עוד באותו נושא:

]]> http://www.htm.co.il/2009/09/11/screenr-%d7%93%d7%a8%d7%9a-%d7%9e%d7%90%d7%95%d7%93-%d7%a0%d7%95%d7%97%d7%94-%d7%9c%d7%94%d7%a7%d7%9c%d7%99%d7%98-%d7%a6%d7%99%d7%9c%d7%95%d7%9e%d7%99-%d7%9e%d7%a1%d7%9a/feed/ 2