2018年5月31日 星期四

用 CSS 製作半透明背景圖片

發表於 5月 31, 2018 /  沒有留言
標籤


CSS3 之後雖然有 opacity 的屬性很方便，可是如果想要製作半透明背景，是沒辦法直接把背景圖片設成半透明的，如果有這個需求的話，只要善用 css 的 position 屬性跟 :after 去設定就可以了。

Read more

2018年5月29日 星期二

2018年5月28日 星期一

2018 由你瘋 Uniform 制服大賞

發表於 2018年5月28日 星期一 5月 28, 2018 /  沒有留言
標籤 , , , , ,
2018 制服大賞

今年的制服大賞跟以往不一樣，有教育部支持，並定名為 2018 由你瘋 Uniform 制服大賞，活動也區分為攝影比賽、第二校服設計比賽與校服文創商品設計比賽，歡迎大家投稿參加喔，得獎的將會在教育部記者會頒獎並有獎金，詳情請看活動官網說明。

2018 制服大賞

2018 制服大賞
Read more

Spotlights- 關注網路事件的資訊集合網站

發表於 5月 28, 2018 /  沒有留言
標籤 , ,
spotlight

Spotlights 是一個整理及集合網路上發生的熱門議題的網站，其實完成一段時間了，UI 上因為網站名稱的關係，特意做成滑鼠移動的時候會有一道光，移到各個貼文時那一則會發亮。

可以從貼文的 tag 關注每一個新聞事件網友的創作，在開始製作這個網站的時候，也是希望在 fb 演算法運作下，每個人所看到的東西會越來越狹隘，而透過這樣的資料收集，就可以更完整的看到網路上各個面向的創作。

spotlight-article

Read more

2018年5月26日 星期六

[超級英雄圖譜] 星火(Starfire)

發表於 5月 26, 2018 /  沒有留言
標籤 , ,
Starfire

柯莉安妲（Koriand’r）初次登場於《DC漫畫禮物》（DC Comics Presents）第26期（1980年10月），由馬芙·沃夫曼（Marv Wolfman）和喬治·佩雷斯（George Pérez ）創造。

柯莉安妲來自位於織女星系的塔馬蘭星（Tamaran），是那個星球的公主。曾參與超級英雄團隊，諸如少年泰坦（Teen Titans）、局外人（Outsiders）、正義聯盟（Justice League）、反抗者（R.E.B.E.L.S.）、法外者（Outlaws）。

星火柯莉安妲是塔馬蘭星的公主，塔馬蘭星的居民特徵為橙色皮膚，吸收太陽能轉化為超能力。

星火很愛玩，她是一名有吸引力的女性，也是一名天生的戰士。她曾有作為奴隸的痛苦過去，可是有著純潔心靈的她願意保護自己珍視的一切。

星火愛過夜翼迪克·格雷森（Dick Grason）以及紅箭羅伊·哈珀（Roy Harper），也與紅頭罩傑森·托德（Jason Todd）有過感情。
Read more

2018年5月25日 星期五

2018年5月23日 星期三

2018年5月22日 星期二

2018年5月21日 星期一

2018年5月20日 星期日

[NXEDGE STYLE] ファントムガンダム

發表於 2018年5月20日 星期日 5月 20, 2018 /  沒有留言
標籤 , , ,
P1022489

出自於機動戰士海盜鋼彈 GHOST(機動戦士クロスボーン・ガンダム ゴースト)的機體 ファントムガンダム(Phantom Gundam)，本來覺得可能等他模型化遙遙無期，沒想到連 HG 或 R 魂這種正常比例都還沒有出，就直接出在 NXEDGE STYLE 上。

P1022469
P1022470

Read more

2018年5月19日 星期六

[超級英雄圖譜] 紅色死神(The Red Death)

發表於 5月 19, 2018 /  沒有留言
標籤 , ,
Thw Red Death

紅色死神（The Red Death）是美國DC漫畫旗下人物，初次登場於《Dark Nights: Metal》（2017年），是黑暗多元宇宙的蝙蝠俠之一。由Scott Snyder和Greg Capullo創造 ，是黑闇騎士團成員。來自黑暗多元宇宙的-52地球，是布魯斯·韋恩和巴里·艾倫融合後的產物。

能力
神速力
Read more

2018年5月18日 星期五

2018年5月17日 星期四

2018年5月14日 星期一

2018年5月13日 星期日

2018年5月12日 星期六

2018年5月11日 星期五

[PHP] mb_substr- 中文字串分割

發表於 2018年5月11日 星期五 5月 11, 2018 /  沒有留言
標籤
在 php 一般如果我們想將字串分割，可以用 str_split，用法為
array str_split ( string $string [, int $split_length = 1 ] )

view plaincopy to clipboardprint
  1. $str = "Hello Friend";   
  2. print_r(str_split($str));   
  3. // Array ( [0] => H [1] => e [2] => l [3] => l [4] => o [5] => [6] => F [7] => r [8] => i [9] => e [10] => n [11] => d )   
  4. print_r(str_split($str, 3));   
  5. //Array ( [0] => Hel [1] => lo [2] => Fri [3] => end )  

可是用了中文字，就會變亂碼。
view plaincopy to clipboardprint
  1. $str = "大家好";   
  2. print_r(str_split($str));  


如果想要在繁體中文使用的話，可以用 mb_substr
string mb_substr ( string $str , int $start [, int $length = NULL [, string $encoding = mb_internal_encoding() ]] )

view plaincopy to clipboardprint
  1. $str = "大家好";   
  2. print_r(mb_substr($str, 0,2, "utf-8"));//大家  

這樣就可以解決中文亂碼的問題了。
Read more

2018年5月10日 星期四

2018年5月8日 星期二

網站搬家

發表於 5月 08, 2018 /  沒有留言
標籤 , ,


最近因為舊空間不續租，把網站都搬到新空間的關係，幾個網站像 DeTools 跟我的氣象站都受影響暫時停止運作，會在近期找時間把網站再上線，到時也會做進一步的改版，敬請期待。
Read more

2018年5月7日 星期一

2018年5月6日 星期日

2018年5月5日 星期六

2018年5月4日 星期五

2018年5月3日 星期四

CSS 的 position: sticky 屬性

發表於 5月 03, 2018 /  沒有留言
標籤 , ,
在網站上常常看到有些內容你往下滑後，某一塊東西(可能是廣告或標題)會在往下滑的過程卡在頁面的某處，滑回去後又會回復到原本的位置，以往是要靠 js 判斷捲動位置後再改變 position 屬性，現在 CSS 可以直接設定就不用靠 js 了，真的很方便。

用法很簡單就是設定 position: sticky 就好，並可以像 fixed 或 absolute 一樣設定固定後的位置，看下面的範例就很清楚。


Read more

2018年5月2日 星期三

2018年5月1日 星期二

訂閱： 文章 (Atom)
Related Posts Plugin for WordPress, Blogger...