Posts

Showing posts from March, 2016

jellyfish

Image
水母世界

Google Fonts-網頁用雲端字型(以圓體為例)

Google推出Google Fonts網頁專用的雲端字型,沒有任何流量的限制,也無需註冊與綁定網域,能任意的將Google的思源黑體套字至網頁中,而除了思源黑體外,還有cwTeXFangSong(仿宋體)、cwTeXHei(黑體)、cwTeXMing(明體)、cwTeXYen(圓體)和cwTeXKai(楷體)五種字型可選擇。

以圓體為例:

HTML

<head>

<style type="text/css">
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
body{font-family: 'cwTeXYen', sans-serif;}
</style>

</head>


★source:
http://www.minwt.com/webdesign-dev/html/15284.html
https://www.google.com/fonts/earlyaccess(中文在最下面)

Sticky Footer

HTML

<head>
<!-- JS --> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 <!--stickyfooter--> 
   <script>
   $(window).bind("load", function () {
    var footer = $("#footer");
    var pos = footer.position();
    var height = $(window).height();
    height = height - pos.top;
    height = height - footer.height();
    if (height > 0) {
        footer.css({
            'margin-top': height + 'px' 
        });
    }

}); </script>

</head>

<body>
<div id="footer">...</div>
</body>



★source:
http://foundation.zurb.com/forum/posts/629-sticky-footer

RWD-Responsive Google maps & Youtube

CSS


/* Flexible iFrame */

.Flexible-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


HTML

★Google maps
<div class="Flexible-container">
<iframe frameborder="0" height="350" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.ch/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=Bern&amp;aq=&amp;sll=46.813187,8.22421&amp;sspn=3.379772,8.453979&amp;ie=UTF8&amp;hq=&amp;hnear=Bern&amp;t=m&amp;z=12&amp;ll=46.947922,7.444608&amp;output=embed&amp;iwloc=near" width="425"></iframe>
</div>



★Youtube
<div class="Flexible-container">
<iframe src="http://www.youtube.com/embed/?autoplay=1&am…

[找尋自我畫畫風格的六堂插畫課] 第六堂課 展覽、企劃

Image
插畫家的自我準備之六:展覽+插畫家企劃案  講述→ 參考作品賞析 風格找尋課堂實作:遠方小小畫  作品賞析→ 畫法引導→ 實作指導→ 分享討論(包含上週的指派作業)  自備工具:錶好的畫板、自用畫材顏料。
-------------------------------------------------------------------------------------------------- [展覽、企劃] *為自己將來的展覽平日多留意與觀察 *為展覽取個好名字 *主視覺/宣傳品 *把展場氛圍當作一件大作品 *在作品與場地之間加一點小巧思 *從觀者的角度來思考
[提案成功4要素] 1.熟悉場域、產業規則 2.內容夠具體 3.短而吸引人的文案、創意理念、包裝 4.為自己背書
[插畫家邁向成功3要素] 1.作品個性與獨特風格、足夠的作品量 2.機會是給準備好的人,請盡早完成專業準備 3.不斷觀察環境,主動發現提案,為自己找路
課堂實作:遠方小小畫 →人類慣性心理 →抽離的觀察或全覽視點 →不一定很精緻但要很小
今天是最後一堂課,不免有點離情依依。 好幾次老師說要我們加油主動出擊以及提到聯展還有最後同學發明信片、發小餅乾,我都熱淚盈眶的。
能和大家一起學習、創作的感覺很好,雖然天真地以為是上完這6堂課就可以找到自己的風格和定位了,但反而讓自己增長更多知識、能更宏觀的面對關於不同風格這件事。老師的引導和提醒及鼓勵也讓我收穫很多,真是很崇拜老師!
最後一堂也是我下筆最慢的一堂, 最後用長鼻猴派對當作我最後一堂課的作品。
謝謝老師也謝謝同學:)


[找尋自我畫畫風格的六堂插畫課] 第五堂課 比賽、插畫家藝術家網站分享

Image
插畫家的自我準備之五:比賽+客觀的評審美感能力  講述→ 參考作品賞析→指派課後作業(比賽情報收集) 風格找尋課堂實作:超透視構圖+拼貼  作品賞析→ 畫法引導→ 實作指導→ 分享討論(包含上週的指派作業)  自備工具:拼貼用雜誌或照片、上週錶好的畫板、自用畫材顏料、筆和膠水等工具。
-------------------------------------------------------------------------------------------------- 比賽與投稿: 1.網路關鍵字搜尋 2.傳單收集 3.情報誌 4.經典比賽
小小的拼貼運用在背景、遠方小山和鞋子。 題目是星期日,這段時間對我來說,星期六就是星期日。
我喜歡的插畫家網站分享:
Mogu Takahashi  http://mogutakahashi.com/ aiko x mogu:http://aiko-mogu.tumblr.com/

Yumikitagishi(北岸由美) http://yumikitagishi.com/

augustwren http://augustwren.com/

okaytina http://okaytina.com/

同學分享的我也喜歡的插畫家或藝術家:
Beatrice Alemagna(巴黎的獅子) http://www.beatricealemagna.com/un-lion-paris/ved9xop0zs9fehkhtbw6d0z4icmsgh

浅野綾花 http://aaayaka.com/
Hanoch Piven http://www.pivenworld.com/
安野光雅
Helen Dardik http://orangeyoulucky.blogspot.tw/
石田徹也 http://www.tetsuyaishida.jp/











[找尋自我畫畫風格的六堂插畫課] 第四堂課 作品網站/粉絲頁

Image
插畫家的自我準備之四:作品網站/粉絲頁+拓展插畫人脈  講述→ 參考作品賞析→指派課後作業(插畫家個人作品網站收集) 風格找尋課堂實作:簡約幾何造型  作品賞析→ 畫法引導→ 實作指導→ 分享討論(包含上週的指派作業)  自備工具:錶好的畫板、自用畫材顏料。
-------------------------------------------------------------------------------------------------- 幾何風插畫對我來說有點難度,化繁為簡。
題目是切割,老師給我們看了一些不同類型的參考圖。 →邊界銳利(色彩分明、反向覆蓋) →造型線條到位(從寫實中變形、大力握筆) →用幾何玩虛實(切割、重複圖樣)
上週回家做的深藍綠色背景感覺有點髒, 用來畫發霉的麵包好像有點適合。




[十年手帳♥]2016年2月 /TRAVELER'S NOTEBOOKS

Image
2月,過年。
稍微用了一下特別的黑白企鵝日付。 點綴紙膠帶也蠻可愛!
2/2吃了白玉紅豆抹茶冰,令人驚喜的是白玉冰過之後還是好Q彈! 好吃耶!忍不住幫它畫個小插圖紀念一下!
 看了被遺忘的公主展覽、買了新鞋子,然後年假準備開始啦!

年假大部分的時間在陪家人, 值得紀念的是我人生第一次搶福袋! 利用初一一早的空檔去微風松高店,還碰到小小兵拜年。 好新鮮好有趣:P
情人節的早餐吃了九州鬆餅,有點小失望,我想應該點原味會比較香? 吃來吃去還是LeTAO的鬆餅深得我心啊))))

開工早餐吃大餐! 然後迎接手帳聚會趴兔,主題是面交大會吧! 感謝大家的利弊分析,我決定跟IKEA小推車說掰掰, 很快的做了功課,隔天就在MUJI出手組合了一組PP收納盒推車了。 美觀又可以擋灰塵。

周六臨時去上了reiko的紙膠帶地圖課程, 問了一堆問題、看了超級精彩的旅遊手帳、也拼貼出一幅沖繩地圖。


最後一周,今年的旅遊訂了! 很神奇的訂了! 也很迅速地在兩天內把機票住宿都弄好了。
然後買到很可愛的嬉嬉2歲生日紙膠帶。 (圖很可愛、字也很實用) 在店內拿到的明信片好可愛好搶眼!
最後謝謝我親愛的家人朋友們提早幫我慶生:)) love you :))