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

הקהילה הוותיקה FXP חוגגת 6 שנים, וכהפתעה הח'ברה הכינו עיצוב חדש ומרענן.

העיצוב החדש  שהוצג בהחלט מרענן!, ואפשר לראות בו הרבה מחשבה מאחור ולמידה.

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

אז מה כל כך כן טוב בו?

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

שנית, הח'ברה ב-FXP השכילו לארגן נכון את העמוד הראשי-

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

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

לסיכום

העיצוב החדש בהחלט מרענן, וניכר בו כי הושפע בעידן הווב 2.00 החדשני, אך יש עוד עבודה רבה לפניהם.

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

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

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

בקו.

אהלן ח'ברה!

חברת dreamhost קיימת כבר 11 שנה והיא למעשה אחת מחברות האחסון הגדולות ברשת.

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

גולות הכותרת- נפח איחסון ותעבורה בלתי מוגבלים!!!

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

אז במקום לבלבל לכם ת'מוח- ההנחה..

ההנחה שאני מעניק לגולשי הבלוג שלי היא 51$ פחות מכל רכישה שתבצעו!

וזאת בעזרת הקופון ALMOGBAKU.

פשוט הקישו את הקופון ALMOGBAKU במקום המתאים בתשלום, וזכו ב51$ פחות.

הכנתי אילוסטרציה שלי, מה אתם אומרים?

יום בהיר מפציע
חמים ונעים
ואת סתם לך חושבת
ואין שום עננים

הנה זה יום בהיר אחד
ואין שום עננים
האם את לך חושבת – על העננים?
הנה זה יום בהיר אחד
פסיק מהחיים
ואת לך סתם חושבת
ואין שום עננים

הרוח מנשבת לה
נעים העננים
האם את חושבת לך – לאן הם נעים?
האם את סתם יושבת לך? כך בתמים

העננים חולפים להם
מעל במרומים
ממשיכים, נעים להם
אך מה איתי?

יום בהיר נחמד סתם כך
חלפו העננים
ואת סתם חושבת לך
מדוע הם חולפים?

קטע-
תמיד הייתי בטוח שזה אנני אנני אנני מסתבר שזה בכלל אין אני.

אומנם היום רוב העורכים הוויזואליים לכתיבת קוד תומכים ב-UTF-8 בצורה מלאה, אך עדיין קיימת בעיתיות בעבודה עם UTF-8.

הבעיה בעצם קיימת בעיקר בגלל השפה העברית. קטעי קוד שמוזנים בהם ישירות טקסטים עבריים קצת מקשים על העבודה.

השיטה הכי מומלצת במקרים כאלו היא הגדרה של העורך למצב כתיבה ב-UTF-8. אך אם נרצה לערוך שינוי דחוף בקובץ מרחוק, או שאדם אחר עשוי לגעת בקוד המצב דיי בעייתי.

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

הפתרון מאוד פשוט – פתירה של הבעיות לא ברמת העורך או הקידוד, אלא באמת הקוד עצמו, ובקיצור – iconv.

נגדיר את הדף כ-utf-8:

header("Content-Type: text/html; charset=utf-8");

ונמיר את כל הדף בעזרת ה-iconv:

iconv_set_encoding("internal_encoding", "windows-1255");
iconv_set_encoding("output_encoding", "utf-8");
ob_start("ob_iconv_handler");

והדבר האחרון, שהוא הכי חשוב- זה להמיר את כל הריקווסטים(post, get) שמתקבלים מ-UTF-8 לקידוד המקורי(כדי שלא יומרו פעמיים ל-UTF-8):

function _newRequest($orginal=array()) {
$request = array();
foreach ($orginal as $key => $value)
$request[$key] = iconv("utf-8", "windows-1255", $value);

return $request;
}

$_REQUEST    =     _newRequest($_REQUEST);
$_GET        =    _newRequest($_GET);
$_POST        =     _newRequest($_POST);

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

ובשביל לעשות לעצמנו חיים קלים, עדיף ליצור קובץ(utf-8.php) ופשוט לייבא(include או include_once) בכל הקבצים.

לנוחיותכם, הנה כל הקוד שלי:

<?php
/**
*         UTF-8 FIX
* -+-+-+-+-+-+-+-+-+-+-
*
* @author Almog Baku
*/

function _newRequest($orginal=array()) {
$request = array();
foreach ($orginal as $key => $value)
$request[$key] = iconv("utf-8", "windows-1255", $value);

return $request;
}

//Header Fix
header("Content-Type: text/html; charset=utf-8");

//Convert all the page
iconv_set_encoding("internal_encoding", "windows-1255");
iconv_set_encoding("output_encoding", "utf-8");
ob_start("ob_iconv_handler");

//Requestions
$_REQUEST    =     _newRequest($_REQUEST);
$_GET        =    _newRequest($_GET);
$_POST        =     _newRequest($_POST);

?>

שלכם,

בקו.

אהלן לכולם!,

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

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

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

במקום לבלבל את המוח, מה דעתם על לינק?

http://code.google.com/p/blip-php/

שלכם,

בקו.

לדעתי, יצא בלוג די נחמד המערכת עצמה..

למי שמתעניין קצת מידע טכני על הבלוג..

עיצוב – את העיצוב עצמו לקחתי מאורי פרל והתאמתי לעברית וכל השטויות האלו..

עיגול פינות- בגלל שכל הקטע של הפוסטים וכל זה היה קצת מרובע, עיגלתי את הפינות בעזרת jQuery עם תוסף מגניב בשם curvycorners .

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

טריק מגניב שהוספתי לזה הוא שאני יכול להוסיף "סליידים" בעזרת הוורדפרס. דיי פשוט.

הנה שאילתת ה-SQL:

SELECT `wp_posts`.* FROM `wp_posts`, `wp_postmeta` WHERE `wp_postmeta`.`post_id`=`wp_posts`.`ID` AND `wp_postmeta`.`meta_key`='intro' ORDER BY `wp_postmeta`.`meta_value` ASC;

הוא בעצם מוציא את כל הפוסטים מתוך wp_posts כשבהתאמה בwp_postmeta מפתח המטא[meta_key] שווה ל intro. בנוסף הוא מסדר אותם לפי הערך של המפתח מטא[meta_value] בסדר עולה[ASC].
באופן אישי-לדעתי וורדפרס מצאו אחלה טריק לבניית שדות-אישיות לפוסטים.

השאר הוא ממש שטות, לשלב את זה ב PHP:

<?php
$q     = "SELECT `".$wpdb->prefix."posts`.* FROM `".$wpdb->prefix."posts`, `".$wpdb->prefix."postmeta` WHERE `".$wpdb->prefix."postmeta`.`post_id`=`".$wpdb->prefix."posts`.`ID` AND `".$wpdb->prefix."postmeta`.`meta_key`='intro' ORDER BY `".$wpdb->prefix."postmeta`.`meta_value` ASC;";
$pages     = $wpdb->get_results($q);
foreach ($pages as $p) {
echo ""
."<li>\r\n"
."    <h1>" . $p->post_title . "</h1>\r\n"
.nl2br($p->post_content) . "\r\n"
."</li>\r\n";
}
?>

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

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

<?php
include_once("twitter.lib.php");
$user    = "username";
$pwd    = "password";
$len    = 60;

$twitter = new Twitter($user, $pwd);
$updates = $twitter->getUserTimeline(array('count'=>3));
$updates = simplexml_load_string($updates);

foreach ($updates->status as $s) {
$text = strlen($s->text)>$len ? mb_substr($s->text,0,$len,'utf-8').'..' : $s->text;
echo "<li><a href=\"http://twitter.com/".$user.'/statuses/'.$s->id."\">"
.$text."</a></li>\r\n";
}
?>

לגבי ההצגת קוד… אני משתמש ב- SyntaxHighlighter Evolved, והתאמתי אותו קצת כדי שיהיה נוח.. להעתקה וכאלו[שמתי שם li במקום דיבים, יש הסבר ברשת, גגלו]..

וזהו..

שלכם,

בקו.

אהלן לכולם,

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

שלכם,

בקו.