fwd0039のブックマーク / 2013年4月11日

fwd0039 id:fwd0039

2013年4月11日のブックマーク (3件)

レスポンシブWebデザインのサイトを作るときのMedia Queriesの順番を考えてみた | A40
ちょうど今レスポンシブWebデザインのサイトを制作しているのですが、Media Queriesで画面サイズ別にCSSを記述していくときにどのような順番で記述すればよいのか、改めて調べてみたらいろいろ迷ってしまいました。今までいろいろなやり方を試してきたのですが、一度整理してみたいと思います。記述方法の種類一般的なMedia Queriesの記述の方法としては、以下のようなやり方があります。（ブレイクポイントを480px、768px、980pxとした場合の例です） 1. PCのスタイルから記述していく方法デフォルトでPC用のスタイルを定義し、タブレット／スマートフォン用のスタイルはMedia Queriesを使って上書きしていくPCファースト的な方法です。 /* デフォルト：980px以上用（PC用）の記述 */ @media screen and (max-width: 979px
fwd0039 2013/04/11
レスポンシブ
リンク
約400種の欧文フォントが全部無料（商用可）でWebFontも使えちゃうFont Squirrelって素敵 / Maka-Veli .com
もう数年前にコリスさんやCREAMUさんで紹介されてましたが、恥ずかしながら知らなかったです。こんなに素敵なサイトがあったなんて。最近DesignModoで紹介されていたので知りました。すげー関係無いけどCREAMUさんのブログ超好きです全部フリー基本的には全て商用可。だそうです。 100% Free For Commercial Use. ただしフォントそれぞれにライセンスはあるので一応、要確認。とても探しやすく、種類も豊富。400近くはあるんじゃないでしょうか？個人的には探しやすい点がとても気に入りました。そしてもう一つ素敵なコンテンツがあったのですが Webfont kit がDLできる。そして作れる。うちのサイト名やナビゲーション等に@font-faceでLeague Gothicを使ってますが、この@font-faceでwebfont使う時に必要な
fwd0039 2013/04/11
font
リンク
進撃の巨人 [第1話無料] - ニコニコチャンネル:アニメ
巨人がすべてを支配する世界。巨人の餌と化した人類は高さ50メートルの巨大な壁を築き、壁外への自由と引き換えに侵略を防いでいた･･･。まだ見ぬ壁外の世界を夢見る10歳の少年、エレン･イェーガー。エレンは仮初めの平和に満足し外の世界へ出ることを諦めた人々に違和感を覚える。彼らを「家畜」と呼ぶエレン。エレンを「異物」と感じる人々。だが、壁をも越える超大型巨人の出現により、エレンの「夢」も人々の「平和」も突如として崩れ去ってしまう･･･。原作：諫山創（別冊少年マガジン連載／講談社）監督：荒木哲郎シリーズ構成：小林靖子キャラクターデザイン：浅野恭司総作画監督：浅野恭司、門脇　聡助監督：田中洋之、肥塚正史アクション作画監督：江原康之、今井有文美術設定：谷内優穂巨人設定：千葉崇明プロップデザイン：肥塚正史色彩設計：橋本　賢美術監督：吉原俊一郎 3D監督：藪田
fwd0039 2013/04/11
アニメ
リンク
- 2013年4月12日
- 2013年4月11日
- 2013年4月10日