分類: 未分類

這幾天在弄多個網站的GA事件才發現這件事情

事件的寫法有分兩種

• analyitcs.js 官方文件

ga(‘send’, ‘event’, [eventCategory], [eventAction], [eventLabel], [eventValue]);

• gtag.js 官方文件

gtag(‘event’, <action>, {‘event_category’: <category>, ‘event_label’: <label>, ‘value’: <value> });

(閱讀全文…)

最近買投影機剛好查了查關於解析度的資訊
就來寫文備份一下 名子實在是很多
 
螢幕解析度的對應圖

 
 

新年新方案，DO全面提升記憶體跟硬碟空間了
記憶體基本上都是翻倍
硬碟空間也是大部分翻倍
還有一些低階跟高階的新方案

(閱讀全文…)

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

COSCUP2015共筆懶人包
https://hackpad.com/COSCUP2015-j4d4N06tqN6