<關於這個網站>

距離開始架設本陋室約經過1週了,想法是提供一個簡單的地方可以調素琴,閱金經分享一些有的沒的小故事、小作品、小心得,或是各位也可以在這裡和我們互動,不用擔心那些開放式社群的羞恥心對,就是說你( σ՞ਊ ՞)σ



關於這個地方,考慮到許多人可能是使用手機或平板瀏覽,所以一開始設計就打算採用響應式框架(RWD),讓多個願望(解析度)一次滿足。RWD framework其實已經很普遍,像是Dreamweaver中就有模板可以套用,或想要從0開始寫也可以,這裡的框架使用的是叫做Trunk.js的模組,特色是小巧、反應快速、設計簡潔,最重要的是:是免費的!

ヽ(✿゚▽゚)ノ




看到的結果會是,只要設計好一個內容,透過RWD框架取得解析度資訊(這裡是透過jQuery),就能自動呼叫指定的CSS呈現出適當的排版,而不需要另外製作不同的頁面:


mobile

(上-手機 下-電腦)

desktop







是不是很有趣呀!想試試可以參考:

框架 - Trunk.js:http://www.roblukedesign.com/trunk/trunk.html

CSS設計 - W3Schools:http://www.w3schools.com/css/





28 Comments

  1. It’s a shame you don’t have a donate button! I’d most certainly donate to this fantastic blog!
    I suppose for now i’ll settle for book-marking and adding your RSS feed to my
    Google account. I look forward to fresh updates and will
    talk about this website with my Facebook group. Talk soon!

  2. Great web site. Plenty of useful info here. I’m sending it to
    a few buddies ans additionally sharing in delicious.

    And naturally, thanks on your effort!

  3. Dominic mistakes her for the coward then when the flop happens a very dry 7♣ 8♦ 2♣
    and puts in a pot-sized bet to knock her out. The more your practice
    poker, the more you’ll understand that you need to only be playing good hands.
    Again, depending on your cohnection between tha event, see how you are able to adjust the tactic to
    create your plan better.

  4. Hiya very cool blog!! Guy .. Beautiful .. Amazing ..
    I will bookmark your site and take the feeds additionally?
    I’m glad to search out a lot of useful information here in the publish,
    we want develop more strategies in this regard, thank you for sharing.
    . . . . .

  5. Helpful info. Fortunate me I discovered your website unintentionally,
    and I’m shocked why this twist of fate didn’t came
    about in advance! I bookmarked it.

  6. Hi, i think that i saw yoou visited my web site thus i
    came to ?return the favor?.I am attempting to fiind things to
    improve my website!I suppose its ok to use a few of your ideas!!

  7. This condition is may also be due to bruise, injury orr swelling from
    the limbs at thee time with tthe pegnancy in the woman.
    These new centers are open for longg hours,
    offer unscheduled appointments ass well as a range of lab services.
    It also helps you decrease the number of people who utilized
    to focus on an individual patient in a time.

  8. It’s a shame you don’t have a donate button! I’d definitely donate to this brilliant blog!
    I suppose for now i’ll settle for bookmarking and adding your
    RSS feed to my Google account. I look forward
    to brand new updates and will share this website with my Facebook group.
    Chat soon!

  9. I’m really loving the theme/design of your web site. Do you
    ever run into any browser compatibility issues?
    A number of my blog audience have complained about my website not operating correctly in Explorer but looks great in Chrome.
    Do you have any recommendations to help fix this problem?

  10. I got what you intend, thankyou for putting up.Woh I am glad to find this website through google. “Since the Exodus, freedom has always spoken with a Hebrew accent.” by Heinrich Heine.

  11. I blog often and I seriously appreciate your content.
    Thee article has truly peaked my interest. I will takee a note of your site and keep checkng for new information about once per week.
    I opted in for your Feed too.

  12. After I initially commented I appear to have clicked the -Notify mme when new comments are added- checkbox and from now on whenever a
    comment is added I receive 4 emails with the exact same comment.

    There has to be a way you are able to remove me from that service?
    Thanks a lot!

  13. you’re actually a good webmaster. The site loading
    pace is amazing. It sort of feels that you are doing any distinctive trick.
    Moreover, The contents are masterwork. you’ve done a magnificent
    process in this matter!

Comments are closed.