2012年12月6日のブックマーク (6件)

  • [CSS]レスポンシブ用に画像を縮小するだけではなく、クロップにも対応させるテクニック

    中心箇所を選定 画像は天地左右にクロップ可能なので、中心となる箇所をグリッドから決定します。 HTML HTMLは画像を配置するimg要素の他に、クロップするためにdiv要素が二つ必要です。 <div class="focal-point"> <div><img src="guy.jpg" alt="guy"></div> </div> div要素を余計に使用することはよくないことですが、実装を簡単にするために使用しています。 クロップする箇所を指定するには、classを追加します。 <div class="focal-point right-3 up-3"> <div><img src="guy.jpg" alt=""></div> </div> 右3、上3は、上記のグリッドから算出してもので、右3上3にクロップします。 CSS まずは、ベースとなるスタイルシートです。 * { marg

    fujitta358
    fujitta358 2012/12/06
    確かに、クロップしたほうがいいよね。
  • 【図解】Xcode 4.5の使い方リファレンス超まとめ

    【図解】Xcode 4.5の使い方リファレンス超まとめ:iOS SDKで始めるObjective-C入門(3)(1/3 ページ) Windowsを使っていたけど、iOSアプリを作るためにMacを使い始めた初心者を対象に、開発ツールXcode/iOS SDKを使ってiPhoneiPadアプリを作る方法を、プログラミング言語「Objective-C」の書き方/文法を交えて解説。今回は、iPhoneiPadアプリ開発に必要なiOS SDKの概要や標準開発ツール「Xcode」の画面構成を紹介。iOS SDKはInterface BuilderやInstrumentsなど便利なツールを備えています

    【図解】Xcode 4.5の使い方リファレンス超まとめ
    fujitta358
    fujitta358 2012/12/06
    統合
  • アイデアを大量生産できる最強のフレームワーク「オズボーンのチェックリスト」 | お土産屋さんブログ

    若かりし頃、上司から「アイデアを出せ」「次の会議までにアイデアを考えておけ」と言われ、 そのたびに「またアイデアかよ・・・。」「全然思いつかない・・・。」と悩んだものです。 アイデアを片っ端から読んで試してみましたが、そう簡単にはアイデアは出ないもので、上司へのアイデア報告は大変苦痛だったことを思い出します。 そんな当時の自分に「オズボーンのチェックリスト」を教えることができれば、ずいぶん状況は変わっていたのではないかと思います。 「オズボーンのチェックリスト」は、「入れ替えてみたら」「大きくしてみたら」「逆にしてみたら」などと、1つのお題からアイデアを大量生産することができるフレームワークです。 アイデア出しに困っている方、ぜひ「オズボーンのチェックリスト」を試してみてください。 「オズボーンのチェックリスト」は、どんなツールなのか? 9つの視点から、アイデアを発想できるツールです。

    アイデアを大量生産できる最強のフレームワーク「オズボーンのチェックリスト」 | お土産屋さんブログ
    fujitta358
    fujitta358 2012/12/06
    やると、やらないじゃ、大違い。
  • たった200円でできる、電源タップをきれいに隠す方法 | ライフハッカー・ジャパン

    こんにちは。整理整頓が大好き、enthumble(アンサンブル)です。 机の周り、コードでゴチャゴチャしていませんか。そんなコードをうまく片付けるグッズやアイデアは、すでにたくさんありますよね。なかでも、電源タップを机の後ろや裏面に隠す方法なら、机につながるコードがかなり減ってスタイリッシュです。ライフハッカーでは、これまでにケーブル受けをネジで机に固定したり、思い切って机自体を改造したりするアイデアを紹介してきました。 しかし、私が使っている机は木製なので、シールも磁石も使えません。また、お気に入りの机なので改造するのも気が引けます。そこで、こんな状況を解決できる新しい方法を考えました。 私が考えた電源タップを隠す方法は、来バッグなどを吊り下げるテーブルフックを使うものです。 このテーブルフックを2つ使い、電源タップを吊り下げています。これで、電源タップとそれに繋がるケーブルは机の裏に

    たった200円でできる、電源タップをきれいに隠す方法 | ライフハッカー・ジャパン
    fujitta358
    fujitta358 2012/12/06
    テーブルフックを使う斬新さに驚き、100円でダイソーで変えることにもっと驚いた^^ 掃除もしやすいしね。
  • BootstrapのCSSを簡単にいい感じにカスタマイズできる厳選サービス2+1つ紹介 | DevelopersIO

    Bootstrapいいよね Bootstrapです。大人気の見た目系フレームワークですね。いろんなサイトで見かけます。 自分もそうなのですが、エンジニアでコードは書くけどデザインの事はよく知らない。だけど「使いやすくて、いい感じにしたい」という欲求を満たしてくれてます。ただ、デフォルトは見やすいんだけど、ちょっとカスタマイズしたいなとか、色指定があった場合など困りますね。例えばありそうなのが「コンテンツ管理画面を作りたい、デザインは特にこだわらない、けど使いやすいのがいいな。」とかさらに「イメージカラーが青だからそれベースで」とか。 そんなあなたにぴったりな厳選ツールを紹介しちゃいまっくすぅ〜! Lavish 〜 画像から配色を生成してくれます 〜 このサービスは画像を解析してBootstrapの配色を捻り出します。 何処かの企業向けに作る場合に企業のロゴなどから配色してみるといい感じにな

    fujitta358
    fujitta358 2012/12/06
    BSのCSSは必須かも
  • これはもう手放せない!とりあえず1年間MacをWEB制作のためだけに使ってきた僕の必須アプリ大公開 | バンクーバーのうぇぶ屋

    今日まででMacBook Proを1年間、そしてiMacを購入して半年が経つので、今や僕にとって無くてはならなくなったアプリの数々をご紹介しようって趣旨です!1年って言うと全然周りのMac使いの人たちと比べても長くもなんとも無いんですが、まぁ一年の節目も迎えようって時期ですし、日頃の多大な感謝を込めて今年一年WEB制作において超ありがたーく使わせて頂いたアプリをご紹介させて頂ければと思います! 結構まだまだ、『え?これ使って無いの?』なんて言われる事も多いですし、周りの友人達から教えて頂いた物も多いので、一個くらいは皆さんにとっても良さげな物が共有できれば嬉しいです!量も多いので、ブラウザやメーラー、Adobe製品等は省きますね! それでは、前置きは簡単にして早速ご紹介させて頂きましょう! Coda(6,500円) もはや定番のWEB制作ツール! Evernote(無料) 超定番のノートツ

    これはもう手放せない!とりあえず1年間MacをWEB制作のためだけに使ってきた僕の必須アプリ大公開 | バンクーバーのうぇぶ屋
    fujitta358
    fujitta358 2012/12/06
    Codaって、どれぐらいの機能があるのかな?