社群媒體正夯 Part 3/3【23/366】

最後一篇了!!
補個 第一篇第二篇 的連結
中文原文:做好社群媒體,先從這 17 個工具和 App 開始!
英文原文:23 Tools and Tips for Social Media Marketers
寫完這系列覺得挺適合入門的人看的
當然高手也可以檢視一下自己的流程
閱讀全文 社群媒體正夯 Part 3/3【23/366】

不要再用連不到個人首頁的FB網址了

facebook.com/profile.php
m.facebook.com/profile.php
www.facebook.com/profile.php

以上profile結尾的網址,都只能連到自己的首頁
所以別人點開,也是連到自己的首頁
screen-20151222174355001登入Facebook後
點選右上角的
倒三角圖示(紅色箭頭)
並點選下方的【設定】
如左邊這張圖
然後會出現下面那張圖的頁面
點選用戶名的右側【編輯】
(紅色箭頭)
如下圖
screen-20151222175006001
就可以修改為自己專用的網址列
這是自己FB首頁的專用網址

如果沒有設定的話,你的首頁網址後面會接著一串數字
profile.php?id=一串數字…

有設定的話,網址就會是
facebook.com/你設定的用戶名

如果是粉絲專頁或是社團,
要去粉絲專業的設定頁修改
或是去社團的設定頁修改唷
另外補充
www.facebook.com
可以打成
fb.com
網址會比較短唷
 

今天遇到的CSS問題 (safari)

safari 的 webkit 為什麼會被 Google fork 成 blink
我覺得可能是太多的CSS3屬性沒有標準化的關係
這幾天遇到的跨裝置版面問題
一個是 transform 的 translate3d 屬性

-webkit-transform: translate3d(300px,0,0);
-ms-transform: translate3d(300px,0,0);
-o-transform: translate3d(300px,0,0);
transform: translate3d(300px,0,0);

舊版的IPhone似乎還是會有支援度的問題
另一個 transition 的屬性

-webkit-transition: width 2s, height 4s; /* Safari */
transition: width 2s, height 4s;

參考連結:
CSS3 2D Transforms
CSS3 3D Transforms
Translate3d doesn’t move embedded element in Safari (Windows only)
上面兩個都是動畫相關的屬性
另外有個排版的屬性 display 的 flex 屬性

display: -webkit-box; /* OLD – iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD – Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER – IE 10 */
display: -webkit-flex; /* NEW – Chrome */
display: flex; /* NEW, Spec – Opera 12.1, Firefox 20+ */

這是列在 flex box 裡面的屬性
參考連結:
Using Flexbox: Mixing Old and New for the Best Browser Support
Flex Box not working in Safari (stackoverflow)
CSS flex-direction Property

[紀念] 美國憲法保障 同志婚姻

6/26
美國聯邦最高法院歷史性判決:全美國同性婚姻合法化
facebook為了慶祝「同志婚合法化」
推出「Let’s Celebrate Pride
只要點選該程式,就能讓用戶大頭貼一秒變成彩虹旗。
另外,Google也推出隱藏版彩蛋
只要在搜尋列輸入「gay marriage
在搜尋頁左上方會出現一顆彩虹愛心、
右上方則出線一排手牽手的小彩虹人。