最近、色々なセミナーでHTML5の話を聞いていたものの、行動できていなかったので、実際にサイトを組んでみよう！と思い、HTML5で組んでみました。

「こいけやクリエイト」のサイトをマークアップしてみました。

これまで＜div id="header"＞としてた部分を＜header＞にしたり。

＜section＞と＜article＞のマークアップに迷ったり。

＜ul id="nav"＞ってしてた部分を＜nav＞にしたものの、やっぱり＜li＞使いたいから＜ul id="nav"＞ってもう一回書いてみたりなど。

まだ疑問は多々あります。（＾_＾；）

ソースはスッキリした様な…
しない様な…？

宣言文が短くなってスッキリしたかなあ？という感じでしょうか？


CSS3も少しだけ取り入れました。
「border-radius」（角丸）
「box-shadow」（シャドウ）
だけですが。

段組みでカラムレイアウトを使おうか迷ったんですが、結局はフロートで組んでしまいました。IEで崩れたらどうしよう…っていう気持ちが…

角丸がカクカク四角になるくらいならOKかな？

Safariで見ると…

↑Safariで見た場合

IE8で見ると…

↑IE8で見た場合

HTML5でマークアップする為に
参考にさせていただいたサイト
■HTML5.JP
http://www.html5.jp/

■今からハジメるHTML5マークアップ（羽田野さんのスライド）
http://www.slideshare.net/swapskills/futomi

■HTML5でサイトを作ろう
http://www.html5-memo.com/

マークアップのお手本にさせていただいたサイト
（どの情報をarticleに？sectionに？と迷った時に、お手本にさせていただきました。）
■無印良品
http://www.muji.net/


次はスマートフォン用のサイトを作ることが目標です。

去る2012年1月12日（土曜日）、CSS Nite in NAGOYA, Vol.7　「著作権だがや」〜事例から学ぶ権利の話〜へ参加してきました。

今回はスタッフとして、準備段階から携わらせていただきました。準備から入ったのは初だったので、色々と戸惑った面もありましたが、終わってみて、まとめると、「とても勉強になった！」「テーマがWebの勉強会の中では変わり種だったけど、おもしろかった！」です。

「著作権について学んできました」の続きを読む

2012年の目標とやってみたいことを書きます。

■「人に教える仕事を始めてみたい」

■「自分の色を出していきたい」

今の自分は、
（３）夫の仕事の手伝いサポート
（２）会社の仕事の手伝い（サイト管理サポート等）
（３）自分の仕事（イラスト描き、下請け）
の３足わらじ状態になっていて、自分の仕事は結構埋もれた位置にあるので、自分の制作実績をまとめて…、今年こそは自分の屋号とかも決めたいです。2011年から始めたイラストの仕事も広げていきたいです。自分はこんなことができて、こんなことがやりたい！という「自分の色」を出していきたいなーと思っています。

「今年の抱負」の続きを読む

↑写真：どんぐり拾いに行く娘（1歳半）

年賀状を書く季節ですね。

私はようやく昨日、家庭用の年賀状を作りました。
今年は準備が遅くなってしまいました…。

今年はいくつか下請けで年賀状のデザインをさせていただきました。
印刷会社さんの下請けでやった仕事は、紙のチラシしかないので掲載しません。

豊田市の広告代理店、株式会社ルーコさんが運営されている「デザイナーズ年賀状2011」に参加させていただいたのでこちらを紹介させていただきます！

デザイナーズ年賀状2012
http://www.rou-co.com/nengajo/




私はカラーバリエーションも含めて18作品置かせていただいています。主人も一緒に参加しました。１番最初に載ってていいなあ〜。

「年賀状」の続きを読む

去る2011年12月10日（土曜日）、WCAN2011Winterへ行ってきました。
懇親会まで参加したところ、春芳堂様賞をいただきました。「ナガシマスパーランドペア招待券」でした。

今回も、懇親会まで参加させてくれた夫と娘に感謝です。家族でナガシマ行ける日が楽しみです。

セミナー本編では、HTML5、CSS3、経営者の裏話etc…　盛りだくさんの内容でたくさんのことを学べました。

これまで、HTML5でAppができるというイメージが全く湧いていませんでした。HTMLと動的な動きが結びつかないというか…なんというか…？なんて言ったらいいんだろう。分かってないのです。はい。

SESSION-1「HTML5の今と未来 ～HTML5との正しいつきあい方～」を聞いて、実は普段から使っていたアプリ（TweetDeck等）がHTML5ベースでできていると知れたり、プレゼン資料自体がHTML5で動いていたりするのを目の当たりにして、少しだけ繋がった気がしました。

そして、未来の話ではとてもわくわくしました。

話がとても上手で、引き込まれました。高揚感の残るセッションでした。

「WCAN2011Winterへ行ってきました」の続きを読む

欅舎のひろさんより、またまた布をいただきました。

我が家の布たちが、冬に向けて衣替えです。

「暮らしの中の布たち」の続きを読む

最近、若い女の子向けのキラキラした画像を作る、という案件に取り組んでいまして、Photoshopを用いてたくさんのキラキラを作りました。
その中でも、これ使えるなあ〜と思ったキラキラの作り方を紹介したいと思います。

今回はPhotoshopに最初から入っているシェイプ「猫の足跡」を使ってやってみましょう。

　　　　　　　　↑完成系はこんな画像です。

まずはシェイプツールで猫の足跡を選びます。

「Photoshopでキラキラを描く」の続きを読む

たっちゃん　です。

今年の年賀状用に、キャラクターをつくりました。

最初は、デザインしてたものがちょっと寂しいから隅っこに小さく干支のイラストでも描こうかな…とIllustratorのパスで一発描きしたのがきかっけです。

モデルは夫。（笑）

名前は「たっちゃん」
・ちょっぴりメタボ
・大好物はみかん
・コタツでのんびりみかんを食べているのが好き

今年は、年賀状の下請けを何件かでしているので、どこかで「たっちゃん」に出会うかも？

「最近描いてるテイスト」の続きを読む

私の趣味の話を書きたいと思います。

趣味…というかただの癖？な部類かもしれませんが。
色々なものをコレクションするのが好きです。
フィギュア、プラモデル、おもちゃ、etc…を集めるのが好きなのですが…、

これはおいといて。

今回は別の物の紹介です…


最近「ご祝儀袋」や「ぽち袋」を集めることに凝っています。


文房具やさんや、雑貨屋さんへ行くと必ずチェック。
目新しいご祝儀袋があると購入しています。

「趣味のはなし」の続きを読む