タグ

2008年8月17日のブックマーク (6件)

  • デザイナーのためのチートシート | クリエイティブ・タブロイド withD(ウィズ・ディー)

    「やるな!」と思われるデザイナーに ♯28 Quattro(mBlog) バックナンバーこんにちわ。mBlogのQuattroです。暑いっすね! 先月と同じ始まり方ですが暑いっすね! 持って出たハンドタオルが、1日歩くと2倍くらい重くなってたりします。うーん汚い。けど暑いからって室内に引きこもってると、ただでさえ我々デスクワークの人間はもやしっ子になりがちなので、そこはひとつ何か出歩く用事を見つけて……って行くトコと言えばアップルストアだったりするんですがw さて今回は、ウェブのデザイニングやコーディングに関わる人のためのチートシートをご紹介します。これって直訳するとカンニングペーパーなんですが、意味が転じてデスクの横とかに貼っておくと仕事的にナイスな紙切れ、みたいな風に使われる言葉らしいです。いろんな言語やアプリケーションごとに集めてみたので、それぞれの専門の方に是非。 コーダーのあな

  • 画像の下にテキストが回りこまないレイアウト | ヨモツネット

    概要 画像の横にテキストがあるようなレイアウトですがテキストが画像の下に回りこまないという CSS の書き方です。float を使うと、画像の下部にテキストが流れ込みますが、この方法は、画像の下にはテキストは流れ込みません。 さらに、画像の大きさは自由に設定できて、スタイルの使い回しが可能なレイアウトです。(画像が配置されるスペースの横幅は画像のサイズにフィットします。) これにより、画像のサイズごとに class 属性を設定したりスタイルを作る必要がありません。 また、画像がない場合でも画像分が詰められて表示されます。 これを応用すれば柔軟に対応できるコンポーネントをつくることができます。 動作確認用の demo 動作確認用の demo (左右逆版) 説明 display プロパティに table や table-cell を設定して実現します。構造を table 要素に置き換えて考えて

    webmugi
    webmugi 2008/08/17
  • rumblefish - 素敵すぎるロイターの写真に画面作りを学ぶ

    ロイターの写真ニュースね。 普通の経済ニュースですらこんなで度肝抜かれたりするわけですよ。まじで。 いやホント、ほとんどの写真が日の新聞社の写真と比べるとやっぱり違う。報道写真としての良し悪しは別にしてね。作風みたいなものを感じる。 よく見かけるのは ・カメラを低くして見上げる ・大胆に切り取る ・一人の人物に強く注目させるが、人物自体は画面に対して大きくない ・象徴たる背景と視線を支配する人物、みたいな組み合わせ ・変な顔した瞬間 ・中央を割る線に沿う何か(これは自分もよくやる) とかかなぁ。逆に言えば印象的な画面づくりってどうよ、みたいなのが学べるように思う。 自分のイラスト製作の場合は、自分用に製作するならまだしも、コストや要求が別の話としてあるから、なんとも言えないというのが正直なところ。特に最近は、絵を製作していてそういうことでもどかしい思いすらしなくなってきた。思

  • ロイター - Picture gallary

    信頼されるメディアとしてロイターは、トムソン・ロイターのニュース・メディア部門で、毎日世界各地の数十億人にリーチする世界最大級の国際マルチメディア通信社です。デスクトップ端末、世界の報道メディア、業界イベント、そしてダイレクトにビジネス、金融、国内・国際ニュースをプロフェッショナルにお届けします。

  • モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ

    こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ

    モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
  • 第12回 Webデザインの仕事で活用している厳選アプリ・ツール(2) | gihyo.jp

    的なツールに続き、グラフィックデザイン向けのツールをご紹介します。 前回でご紹介したものと同じく、長く使っていて当に便利だと感じたものかつ、仕事で実際に活用しているもののみを厳選しています。 ツールの種類が多いわけではないですが、使っているエピソードも交えてお届けします。 グラフィックツール・ソフト 簡単な文書を書いたり、一時的なメモをするために気軽に立ち上げられるツールでもあり、HTMLCSS・各種CMSのテンプレートなどを書くための必須ツールでもあります。 高価なオーサリングソフトを使わなくても、小規模なサイトのHTML/CSSであればこれだけで十分と思えるほどです。 Adobe Photoshop CS3 昔からDTP業界・デザイナー業界で広く普及していたこともあり、Webの現場でも普及率が高いため、どうしても欠かせなくなってしまっています。制作会社同士のファイルのやりとりの

    第12回 Webデザインの仕事で活用している厳選アプリ・ツール(2) | gihyo.jp
    webmugi
    webmugi 2008/08/17
     YukariってよさそうだけどWindowsだけ?