הוספת כפתורים חברתיים לאתר והתעסקות קלה ב-CSS3
 

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

http://www.webmasters.co.il/view-page/105.html

דוגמא אפשר לראות בצד שמאל באתר עצמו.

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

תמונה להמחשה:

http://www.webmasters.co.il/uploads/...ia-buttons.jpg

ראשית, כל הכבוד על המדריך.

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

הצעתי היא למקם את הקונטיינר של הכפתורים בתוך ה-wrapper של התוכן עם מיקום ועם left/right שלילי בגודל של קונטיינר הכפתורים + כמות הפיקסלים שאתה רוצה במרווח בין התוכן למכולת הקישורים.

משהו בסגנון הזה

אפשרי.

אבל הרוחב של התוכן לא גדל לרוחב.. אלא לגובה. באופן מוחלט של רוב האתרים.

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

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

איך אומרים..
לכל דבר יש יתרון וחסרון. אין מושלם.

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


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