【Tips】【サイト】CSS3勉強用

CSS3について、けっこういろんなページを見たかなぁと思っているんですけど、一番わかりやすかったのがこちらのサイトでした。


（リンク）w3school.com CSS3 Tutorial


英語ですが、説明は最小限ですし、ソースコードとビジュアルイメージがセットになった例がついているので、直感的です。さらに、多くの例について、自分で値を変えてその結果をすぐ見ることのできる「Try it yourself（自分で試してみよう）」機能がついているので、理解しながら、経験として覚えることもできます。さくさく読みながら、さくさく試していけて、楽しいです。アニメーションとか、やっぱり試した方が断然ピンときますしね！


CSSについては、もっと基礎となる部分については、以下のサイトの説明に、とってもお世話になりました。わかりやすいです。


（リンク）CSSの基本–HTMLクイックリファレンス


CSS3のベンダープレフィックスに関する説明もあります。

【サイト】tuts+

「psd tuts+」「vector tuts+」は、いろいろなデザイン系のブログからジャンプすることが多くて、目にする機会も多かったのですが、こんなにいろいろな「tuts+」があると知ったのはごく最近です……うーんもっと早く出会っていたかった！（←このフレーズ多いな…）

お気に入りは「photo tuts+」。興味をそそられるトピックだらけです。

「webdesign tuts+」「net tuts+」もなんだか気になる単語がたくさん見えますよ……

しかし、記事がじっくり読み込めるほどのもうすこしきちんとした英語力をつけたいなぁ(>_<)なんとなく読んだ気になってるけどいまひとつ自信がないなぁ(>_<) それがあれば、premium登録も惜しくないのかもしれないのだけれど……

（リンク）tuts+

【サイト】creattica

ジャンル毎に色々なデザイン（等）を見ることができるのですが、そのジャンルがとても多岐にわたっていてすごく面白い。

とにかくたくさんのデザインを見たい！というときにこれはテンションがあがりそう！

ずーっと見ちゃうから、見過ぎに注意かなw ←

（リンク）Creattica

【雑誌】【サイト】NYLON 2011 JUNE ファッションブロガー特集

ファッション誌のメイン見出しにどかーんと「ブロガー」っていう文字が踊っていたので、「なんだ？」と思って手に取ったのでした。
「ファッションブログ」というジャンルのブログがあること、実は知らなかったんですが、掲載されているブログを見て回ったら、とっても面白かった！

個人的には、各ブログの「写真」が、すごく興味深かったです。撮影上の演出も、記事の編集も、魅力的に見せる工夫がいっぱい詰まっている感じで、その貪欲さに圧倒されつつびしばし刺激されました。
ファッションっていうコンテンツだけでなく、技術（表現・発信する手段）もあるんだもんなー！（羨）

特にいいなー好きだなーと思ったいくつかのブログを、以下にリンクしておきます。

【サイト】Table For One

少しずつTumblrのおもしろさがわかるようになってきた気がするここ数日。

いいなーと思った画像や動画や言葉に出会ったら、とにかく「Share on Tumblr」していこうと。
そうして集めたお気に入りばかりが画面にずらっと並んでいるのを見ていると、すごく満足感があってテンションがあがるのと同時に、少し妙な気持ちにもなる。なんでこんなに楽しいんだろう、自分の作ったものはひとつも含まれていないのに。collectionの楽しさって、不思議だ。
（でも自分の作るものにしたって、そんなにオリジナルってわけでもない気もする。自分の好きな感じの言葉を選び、自分の好きな感じの写真を撮り、自分の好きな感じのデザインをしていても、…しかしそれってもともとはどこからやって来たんだろう？）

とにかく、やっとTumblrを使うことに興味が持ててきたかも。うむうむ。


そして、好きなTumblrのページをひとつ思い出した。


（リンク）Table For One


一人で飲食店に座っている人が写った写真ばかりがコレクトされているTumblr。
うまく言葉にできないんだけれど、面白い。見ていると、なんだか気持ちが静かになる。


今日職場で、「一人○○」をどこまでやれるか、という話題になった。そこで、「一人マック（ドナルド的な意味の）はいけるか？」と聞かれたのだが、自分の中では、マクドはあまりにデフォルトが一人なのだった。なので、はじめ、質問の意味がわからなかった。
マクドは、飲食店の中では、かなり一人になりやすい（意識の上での意味でも）環境が整備されていると思う。
けど、ファミリーがいても、大人が何人もで打ち合わせをしていても、それなりという感じもする。あの空間の柔軟性というか許容範囲というかはすごい。他に類を見ないかも。

【サイト】PetaPixel

今日のブックマーク。

「PetaPixel」カメラとか写真に関するニュースサイト（ブログ）眺めてるだけでなんかテンションあがります！（←この「眺めてる」って本当の意味で眺めてるですからね……）
いやでも本当にカバー範囲が広いっぽくて楽しい。今まで知らなかったのが悔やまれるくらい。

（リンク）PetaPixel

【サイト】Fonts In Use

英語のサイトについて公で語ることが結構ドキドキ（ハラハラ）するってことがわかりました…！
間違いないようには気をつけてゆくつもりですが……
やっぱり英語大事！英語力必要！(>_<)おぉう



閑話休題、



「Fonts In Use」いろいろなところでオシャレに使われているフォントが何か、が解説されています。
そのフォントにまつわる話や、デザインにまつわる話など。
かっちょいいタイポグラフィもりだくさん！興味深し！日本語版もホスィ( ﾟДﾟ)

タイポグラフィといえば、iPhoneでこんなアプリが出たようで、ちょっと気になっています。あとで見てみよう。


（リンク）Fonts In Use
（リンク）Typeplace

【サイト】The Noun Project

クリエイティブコモンズのピクトグラムがダウンロードできるサイト。便利！

見慣れたものから、こんなもの（シチュエーション）までピクトグラムにー！
というものまで、たくさんあって、見ているだけでも楽しいです。

シンプルな表現のためにとっても考えられている（んだろうなという）デザインばかり。
勉強になります！

（リンク）Noun Project