不要再用連不到個人首頁的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

最近常被問CSS的問題

果然默默變成全端的我
最近經常遇到別人問關於CSS的問題
自己想一想
發現CSS入門學習的順序好像也沒有特別重要
我也都是想到就上網找找
就會有很多大大寫範例或是說明
實作也很多
推薦一下好用的網站好了
http://www.w3schools.com/
基本上所有網站需要用的語法上面都有
從HTML到CSS與JAVASCRIPT,甚至後端的語言也有
http://www.w3.org/
網路語法標準都去這邊找
官方文件都是正式標準
http://caniuse.com/
查詢各種語法在瀏覽器的支援情況
http://kangax.github.io/compat-table/
ECMAScript在各瀏覽器上面的支援程度