Web Study « MUKI space*

■ 類別: Web Study

語法 | 用 Jsfiddle 分享 CSS3 button hover 效果

March.23, 2012 (Friday)

很久以前就知道 Jsfiddle 這個網站，當時只覺得他是用來分享一些打好的語法，想要隨時傳給別人看。雖然很便利，但一時之間我也不知道要拿它做甚麼。直到最近才發現原來它可以內嵌到blog跟大家分享效果阿:D，哈哈，我真的很落伍，這個網站推出也好一陣子了，居然最近才知道他可以分享。因此我也手癢起來，想利用 Jsfiddle跟大家分享一些語法，然後把它貼到我的blog，因此就簡單寫了幾個css3 的按鈕變換效果。真的是非常......繼續閱讀 »

語法 | HTML5 DOCTYPE 及標籤簡化寫法

February.20, 2012 (Monday)

從嚴謹的XHTML，開始慢慢進化到較寬容的HTML5，說不上是好是壞。但對我來說，真有些不習慣。以往看到不嚴謹的語法，都會偷偷在心裡唾棄這些code，沒想到現在我自己也要朝著不嚴謹之路邁進。好吧，應該說是，朝著簡化之路邁進(這樣比較好聽)。那麼以下跟大家簡單介紹幾個HTML5的簡化寫法，相信習慣用XHTML的朋友，第一瞬間應該會跟我一樣訝異吧:P 1. !DOCTYPE 宣告 XHTML有三種宣告方式，我一直都是採用最嚴謹的 strict: ......繼續閱讀 »

語法 | 幾種用圖片代替文字的方法

February.19, 2012 (Sunday)

設計部落格不像設計網站一般容易，我認為主要原因是部落格不會開放 source code (例如HTML) 給使用者修改，所以要設計部落格，只能從官方發佈的模板下手，然後去更改CSS。通常設計部落格的第一步，一定都會想把自己的部落格標題用圖片裝飾的漂漂亮亮，而不是用部落格預設的制式文字。但如同前面所提到，一般要用圖片就是在HTML裡寫下插入圖片的語法，可是部落格不開放修改HTML，我們所能使用的方法是，隱藏這些制式文字，用......繼續閱讀 »

改版 | omegaW 2.0 更新版

February.18, 2012 (Saturday)

omegaW v2.0 話說才剛做好 omegaW 1.0 不到三天的時間，就火速的跑出來更新版 2.0。原因是，發現 1.0作的太瞎太爛啦...，不但被大家挑了好多毛病，連我自己也愈看愈淒涼，所以就趁著還有動力的時候，依舊以網站風+日系風為主題，進行了一次 update。果然還是要先在 photoshop把版面做好，再轉成HTML，最後丟到PHP，比較不會出錯。上一版就是在photoshop做了直接轉成PHP，所以就沒時間測試各瀏覽器相容了。以下簡單介紹 ......繼續閱讀 »

改版 | 千呼萬喚始出來的omegaW

February.15, 2012 (Wednesday)

new version: omegaW 睽違了將近兩年的時間，我終於改版了(倒) 其實上一版很早之前就看膩了，但因為我真的蠻喜歡前版的構思，加上每次想改版都沒靈感、懶洋洋，所以才拖了那麼久。但我發現人真的不能怠惰呀，像我昨天卯起來改版，卻少了以往那種一鼓作氣的精神，以及很多css code都漏打(真是太不應該了)。所以我親愛的CSS，在這邊容許我跟你說聲抱歉，我不該荒廢你那麼久的..... 那麼，來談談這次的改版吧!! 如果知道我......繼續閱讀 »

聚會 | Let's WordPress in Tainan

October.17, 2011 (Monday)

我是說到做到的熱血鬼! 所以我下南部啦!! 連續兩天的WordPress分享會，在這邊順利落幕了，非常謝謝大家到場跟我們共度這三小時:D 這是我第一次到台南，也是第一次跟阿湯見面，除卻要跟大家分享的那股緊張外，說真的是還蠻興奮的。以下簡單記錄了這兩天的活動，還有會後的食記XD ▼ 到台南之後，阿硬就先載我到會場去測試簡報。看到一樓大大的「W」字樣，真的好興奮。也謝謝吉米他們公司的所有同仁，那麼細心的製作這些東西......繼續閱讀 »

教學 | 用Compass取代CSS，寫個html專案

October.05, 2011 (Wednesday)

老實說，我一直很排斥blueprint, sass, compass這種非CSS正統格式的快速工具。擁護者常會說他們很快速、方便，而且可以幫你把hack全部處理完，還可以有效簡化流程balabala一堆，但對我來說，我還是喜歡自己慢慢刻的那種成就感，而且Compass所產生出來的css讓我覺得非常的髒，註解一堆，也不是按照我所愛的編排習慣。但，我還是開始碰觸Compass了...。大概有10%原因是受到這張比較圖的影響▼ 甚麼!!Compass居然自居是武裝過......繼續閱讀 »

活動 | WordPress南部朋友相見歡

September.15, 2011 (Thursday)

鄉親們，Muki我要下南部啦!! 前幾天收到硬是要學的邀請，詢問我10月中有沒有空能幫忙參與WordPress南部的聚會。想了想，上次參加WordPress聚會好像也一段時間了，而且我很少去南部，所以這次一咬牙，就決定為了WordPress下南部啦:D 除了我會跟各位分享WordPress之外，還有硬是要學的WerBoy，以及就是教不落的阿湯，兩位都是實力堅強 & 超級有名的站長，相信他們也可以給大家帶來更豐富精采的內容:D 以下是簡單的課程介......繼續閱讀 »

教學 | 淺談WordPress Template tag (模板標籤)

May.26, 2011 (Thursday)

如果你對自己製作佈景主題，或是修改佈景主題有濃烈興趣的話，那麼一定要知道所謂的Template tag (也就是我俗稱的模板標籤) 是甚麼東西!! 什麼是模板標籤舉個例子來說，我們可以開啟佈景主題檔案：header.php，會發現 <title><?php bloginfo('name'); ?></title> 這段程式碼，以標準的HTML而言， <title>網站標題</title> 標籤裡頭要放的是該網站的標題，但 header.php 並非放標題，而是放上......繼續閱讀 »

活動 | WordPress Party 第一屆活動心得

May.22, 2011 (Sunday)

從08年使用WordPress到現在，也已經三年多了。這三年，認識了許多WordPress部落客，甚至還發現有名的幾位部落客是自己的學弟(香腸)、學姊(花水木)，我想我會一輩子把這個梗拿來炫耀的哈。隨著台灣部落格的發達，使用WordPress的人也漸漸多了起來，於是乎，大家就開始把這群力量凝聚起來，開了許多聚會，看著每個在網路上聊天的部落客漸漸走出網路，到了現實世界和我見面，那種感覺很奇妙。我們並非只是在聊天室認識的網......繼續閱讀 »

Page 1 of 1012 3 4 5 6 7 8 9 10 »