跳到主要內容

精選文章

【公開聲明】關於近期網路特定言論與個資洩漏事件的說明

大家好,我是江舜智(紅色死神)。 近期有許多長期關注我的朋友、學生以及合作夥伴向我反映,網路上有特定人士(Threads 帳號 @drama.note)持續在各類與事件無直接關聯的討論串、課程資訊以及公開貼文下方留言,並引導他人前往我的個人網站與公開平台,同時以負面標籤及特定敘事方式討論我個人。 由於相關行為已持續相當長一段時間,甚至延伸至現實生活層面,對我的合作單位、教學夥伴以及部分學生造成困擾與壓力,我對此感到遺憾,也對受到影響的朋友們表達歉意。 因此,我希望藉此機會向所有關心此事的朋友,說明我的立場與態度。 一、關於事件本身:理性討論永遠受到歡迎 多年來,不論是在軟體開發、網頁前端教學領域,或是經營「Uniform Map 制服地圖」、進行攝影創作與分享個人觀點時,我始終相信公開透明與理性交流的重要性。 我並非完美的人,任何人都可能有思慮不周或與他人意見不同的時候。過去關於網站經營模式與相關議題,網路上確實出現過不少討論與質疑,而相關事項也曾進入司法程序接受調查。 經檢察機關完整調查後,最終依法作出不起訴處分,案件已告確定。 這代表相關指控經過司法審查後,並未認定存在違法情事。即使如此,我仍然願意以開放的態度面對外界意見。 如果有人對於我的教學內容、網站運作方式,或任何公開言論抱持不同看法,我始終歡迎在尊重彼此的前提下進行公開且理性的討論。 若有任何值得檢討與改進之處,我也願意虛心接受建設性的批評與建議。 二、關於持續性的騷擾行為:應以事實與法律為依據 我認為理性討論與持續性騷擾之間,存在明確界線。 近一年來,特定人士的部分行為已不再只是針對議題提出意見,而是逐漸演變成持續性的人身攻擊與現實層面的干擾,包括: • 在與事件無直接關聯的課程公告、教學資訊及各類公開討論串中,反覆張貼我的個人資訊與相關內容。 • 主動聯繫我的合作單位與工作相關機構,對其施加壓力或進行干擾。 • 在司法程序進行期間及收到相關通知後,仍持續以指名道姓方式發布涉及人格評價與攻擊性的言論。 我尊重每個人表達意見與監督公共議題的權利,但我同樣認為,任何討論都應建立在事實基礎上,並尊重法律程序與他人的基本權益。 無論支持或反對我的人,都有權自行查閱公開資訊、了解案件經過並形成自己的判斷,而不是透過片面標籤或情緒性指控來取代事實。 三、我的處理方式 對於相關爭議,我始終選擇透過法律與制度來處理,...

CSS3 2D變形

CSS3有一些方便的東西,這個變形效果有機會也可以試試看。

392084_2876045350032_1057988528_n
首先用CSS畫出一個正方形出來。

如果想讓這個形狀旋轉,使用rotate(),()裡面填旋轉的角度。
407290_2876045550037_272564384_n
  1. transform: rotate(30deg);   
  2. -ms-transform: rotate(30deg); /* IE 9 */  
  3. -webkit-transform: rotate(30deg); /* Safari and Chrome */  
  4. -o-transform: rotate(30deg); /* Opera */  
  5. -moz-transform: rotate(30deg); /* Firefox */  

位移的話使用translate(),可以分別填入(x位移, y位移)
391141_2876045790043_2077098773_n
  1. transform: translate(20px,40px);   
  2. -ms-transform: translate(20px,40px); /* IE 9 */  
  3. -webkit-transform: translate(20px,40px); /* Safari and Chrome */  
  4. -o-transform: translate(20px,40px); /* Opera */  
  5. -moz-transform: translate(20px,40px); /* Firefox */  

放大縮小使用scale(),裡面可以填入(x軸縮放, y軸縮放)
402709_2876045950047_2080150310_n
  1. transform: scale(1.2,1.4);   
  2. -ms-transform: scale(1.2,1.4); /* IE 9 */  
  3. -webkit-transform: scale(1.2,1.4); /* Safari and Chrome */  
  4. -o-transform:scale(1.2,1.4); /* Opera */  
  5. -moz-transform: scale(1.2,1.4); /* Firefox */  

要傾斜使用skew(),()填入(水平角度, 垂直角度)
386073_2876046110051_983240228_n
  1. transform: skew(30deg,20deg);   
  2. -ms-transform: skew(30deg,20deg); /* IE 9 */  
  3. -webkit-transform: skew(30deg,20deg); /* Safari and Chrome */  
  4. -o-transform: skew(30deg,20deg); /* Opera */  
  5. -moz-transform: skew(30deg,20deg); /* Firefox */  

另外還可以整合起來使用matrix(),可以參考這篇的研究。

參考資料
W3Schools

留言

熱門文章