Responsive Web Design

江湖一點訣,說破不值錢,最近很多網站都可以隨著視窗大小自動調整div的尺寸跟內容的位置,讓同一個網站在手機跟網站上都可以看得很舒適,這叫做Responsive Web Design。

看起來很炫,其實方法很簡單,只是在寫CSS時多下面這個東西而已。

@media screen and (max-width: 600px)
{
/*手機板的網頁*/
div.surl-link
{
width:100%;
float:none;
}
}

當螢幕尺寸在600px以下的時候,就會套用那些css的設定,所以只需要把手機板該做的調整加在那邊就好,最常做的通常是把不重要的div設成display:none;。

至於有的人跑來問說「要怎麼把舊的網頁輕輕鬆鬆的改成手機版網頁」,會問這種問題的,通常那個網頁已經沒救了,因為「寫個桌機的網頁」跟「寫個能兼容桌機跟手機的網頁」在設計時的概念就已經不一樣了,重寫或許還比較省事………

Responsive Web Design DEMO: f23.tw

想出來的點子,到底該發包還是自己學?

有人在ptt發問,說自己有個點子,想請問到底該發包出去,或是自己學自己寫。

以下是我的回答

(繼續閱讀…)

JSP 與 PHP 的差異:用戶端HTML中的陣列命名

相信常寫網頁的人一定對下面幾行很熟了。

<form action="test.php" method="post">
    <input type="checkbox" name="cb1" value="CB11">CB01_1
    <HR>
    <input type="submit" value="送出">
</form>

以上語法,成現出來的效果就是這樣子(我改了一下底色,讓form比較明顯一點。)

CB01_1


這是一個普通的表單,但是,在JSP與PHP的環境差異,會讓表單的設計上很大的不同。
(繼續閱讀…)

phpmyadmin 遭受駭客攻擊

這是一陣子之前的事了,大約是在一月二十幾號左右吧。
那時從bbclone裡面看到怪怪的記錄,一般人連進來會使用網址,而不是IP。
於是就去看了一下這個人在幹什麼。

這是別人嘗試入侵我的phpmyadmin的記錄。
嘗試入侵phpmyadmin的記錄

結果發現……
(繼續閱讀…)

PHP 伺服器500錯誤,看不到錯誤訊息,怎麼辦?

伺服器500錯誤時,在移機時很容易發生,通常的原因是檔案路徑(path)跑掉的關係,

但是,有些伺服器商、主機商、虛擬主機商提供的空間並沒有開啟錯誤訊息,於是,連上網業之後只看的到伺服器500錯誤,連log都沒得看,該怎麼辦呢?

還是有對應的方法的,下面這幾種技巧可以幫助除錯,抓到程式的問題出在哪裡。

(繼續閱讀…)

網頁網站程式設計學習入門

其實我覺得PHP對初學的人來說有些難學
因為會學這個語言的人通常是想寫網頁
而網頁又因為種種原因,導致想要寫一個高階的網頁
就必需要學很多種東西才能寫一個網頁出來

不像其他語言,只學一種,還能寫出不錯的東西。
(繼續閱讀…)

讓wordpress執行自己寫的PHP

wordpress用一陣子,會動腦筋去想,要如何把這個套件的功能給壓榨到極限。
會像說…. 如果能自己加PHP程式碼進去,會很方便。例如,我可以開個網誌分頁,把他變成團購報名單之類的…..

例如說,如果能像這樣

<?php include("show.php") ?>

把自己寫的頁面放進去,那就會很方便,幾乎什麼功能都可以做出來了。

(繼續閱讀…)

方便的按讚標籤

前一篇提到了如何在部落格上增加按讚按鈕,但是社群網站實在很多,如果要去研究每個社群網站要如何如何放置連結、轉PO的按鈕,是相當費事的事情。
我就想著,要如何一次增加大量類似像按讚那種的按鈕呢?一定有人也在想這個問題,想去解決他。

果然,終於被我找一個好東西,使用這個方法,就能一口氣增加 goog+ plurk facebook twitter等按讚、link、加一的連結

(繼續閱讀…)

讓wordpress可以按讚

有時候可以在一些部落格、網站上看到FACEBOOK的按「讚」按鈕,到底是怎麼做到的呢?
其實。按讚的語法很簡單,就是下面這一段語法。

(繼續閱讀…)

page 1 of 1
Welcome , today is 星期日, 2024/12/22