タグ

2011年7月13日のブックマーク (5件)

  • MediaQuery まとめ - IT戦記

    Media Query とは CSS3 から導入される Media Type を大幅に拡張する仕様です。 そもそも Media Type とは Media Type とは CSS 2 系に元々ある仕様で CSS を適用するメディア(パソコンの画面、テレビ、プリンタ用紙など)を指定するときに使います。 以下の例だと、 media 属性の中に記述されている all や screen や print が Media Type です。 <link rel="stylesheet" type="text/css" href="共通の.css" media="all" /> <link rel="stylesheet" type="text/css" href="パソコンの画面の.css" media="screen" /> <link rel="stylesheet" type="text/css"

    MediaQuery まとめ - IT戦記
  • Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き

    今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries(メディアクエリ)。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました! 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries(メディアクエリ)を使って、iPadiPhone など、いろんなデバイスに対応(対応というか、一応見れる程度)にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次

  • ベーシックで汎用性のありそうなjQueryイメージスライダー・The Lof JSiderNews - かちびと.net

    クロスブラウザに対応したベーシック で汎用性のありそうなスライダーを 実装出来るjQueryプラグインのご紹介。 The Lof JSiderNewsは派手な装飾も 無く、シンプルで欲しい機能は揃え てくれている印象です。 なかなか使いやすそうなので備忘録。派手なスライダーが結構多い印象ですが、結局普通のものが一番使いやすいですよね。派手なのもインパクトあって好きですけどw 今日のプラグインもクロスブラウザ対応でベーシックな、汎用性のあるスライダーです。コーポレートサイトと相性いいかもですね。 サムネイルがナビゲーションとして付きます。画像のスライドと共にサムネイルもアニメーションスライドします。デモサイトでは1つしかありませんけど、実装出来る形は6種類から選択できます。IE6でもIE7でも問題なく動作しました。※IE6の透過処理は別途必要です。 デザインは6種 例として2つキャプチャ撮り

    ベーシックで汎用性のありそうなjQueryイメージスライダー・The Lof JSiderNews - かちびと.net
  • [CSS]わずか1KBのスタイルシートでもここまで美しいレイアウトができる -CSS1K

    以前、流行った「CSS Zen Garden」の「JS1K」版といった感じの、1KB(1024文字分)のスタイルシートだけで美しいレイアウトを数多くのデベロッパーが作り、登録できるサイトを紹介します。 CSS1K [ad#ad-2] CSS1Kのルールは、同じHTMLに1KB(1024bytes)のスタイルシートを使ってレイアウトを施す、という簡単なものです。 現在、30ちょいの作品が登録されており、1KBでもバラエティ豊かなレイアウトが揃っています。下記に、その中からいくつか紹介します。

  • 最強の人脈術が学べる本!「一生モノの人脈力」 | ブクペ

    作者紹介キース・フェラッジ…貧しい家庭に育つが、ハーバード・ビジネススクールに入学し、卒業後デロイト・コンサルティングに就職。その後は大手ホテルチェーンのCMO、新興オンラインゲーム会社のCEOを歴任した後、独立してマーケティング・コンサルティング会社を起業した。世界で最も広い人脈の持ち主と「フォーブス誌」で評されている 概要・筆者の実演している人脈作りの秘訣が筆者の実体験を踏まえながら紹介されている ・単なるハウツーにとどまらず、筆者独自の深い思想が表れている ・シンプルな言葉で明快にそのメッセージが伝わるので、人脈を築きたいと思っている人や現状に悩む人におすすめしたい内容となっている 心構え 人脈とは何か・成功するには人に対抗するのでなく、協力するのが大事である ・「誰かを助ければ、その人もあなたを助ける」という普遍の法則がある ・ビジネスは人間的営みであり判断を下すのも人間である

    最強の人脈術が学べる本!「一生モノの人脈力」 | ブクペ