HTML5 Web Storage使用介紹

今天來說說HTML5的新東西:Web Storage

Web Storage簡介:

  1. 一個能讓網頁把資訊儲存在本地端的技術
  2. 比起前輩cookie的儲存量,web storage的儲存量大了許多
  3. 資訊儲存僅限本地端,不會因為頁面進行request就伺服器端與本地端的兩端旅行(cookie會)
  4. 分為local storage和session storage兩種
  5. 瀏覽器支援部份:
    1. Google chrome:4.0
    2. Ie:8.0
    3. Firefox:3.5
    4. Safari:4.0
    5. Opera:11.5
  6. 沒有六了只是覺得ie8居然支援有點不可思議

Continue reading “HTML5 Web Storage使用介紹”

網頁反白設定「::selection」

不知道知各位是否有注意到,有些網站當滑鼠反白時,反白區域的底色好像不太一樣?

通常的反白底色應該是藍色,就是舊版Windows桌面(對,就是那張風景照)天空的藍色。但其實也可以像 INSIDE 這樣修改反白時的背景色跟字體顏色!

今天要介紹的 pseudo element 偽元素::selection就是負責這項設定。

Continue reading “網頁反白設定「::selection」”

Scss旅程(13) – 顏色(3)

今天是顏色這個大單元最後一部分,看完上次落落長的HSL,再看看這次要介紹的函式。

數量差有點大。(哎

雖然數量差頗大,但這次介紹的函式可以說是綜合了前兩篇的內容,所謂的一式多用就是這樣啊。

在正式開始前如想複習前兩篇,請往此走:

Scss旅程(11) – 顏色(1):以RGB為主的函式介紹

Scss旅程(12) – 顏色(2):以HSL為主的函式介紹

Continue reading “Scss旅程(13) – 顏色(3)”

Scss旅程(12) – 顏色(2)

今天延續之前的顏色,繼續介紹其他處理顏色相關的函式。

比起之前,今天介紹的函式做到的效果多了很多,當然介紹的內容也多了很多,各位別忘記盯著螢幕三十分鐘要記得望遠凝視一下喔

若有興趣一口氣看完函式,可以到官方直接看文件:Sass color (http://sass-lang.com/documentation/Sass/Script/Functions.html)

Continue reading “Scss旅程(12) – 顏色(2)”

Scss旅程(11) – 顏色(1)

今天要介紹的是Sass/Scss裡相當有趣的部分:顏色。

在一般的CSS裡使用顏色不外乎就是那十六進位的色碼,通常在設定顏色時,如果想更換顏色,就是查色碼表,然後換上另一個色碼。

當然在使用Scss時也是可以這樣用,但對於顏色部分,Scss提供了不少的「函式」可以拿來玩、不是,是可以拿來用,在修改顏色時多了不少的樂趣。

由於函式眾多,這部分會分成三週進行介紹,有興趣也可以到Sass官方直接看文件:Sass color (http://sass-lang.com/documentation/Sass/Script/Functions.html)

Continue reading “Scss旅程(11) – 顏色(1)”

Powered by WordPress.com.

Up ↑