タグ

2011年8月30日のブックマーク (9件)

  • ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」:phpspot開発日誌

    ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」 2011年08月30日- jQuery browserSizr | jQuery Plugins ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」。 スマートフォンや色々な解像度のPCがあるご時世ですが、ブラウザのサイズに応じてコンテナのclass名を付け替えてくれるjQueryプラグインのご紹介です。 クラス名が変わることによってデザインをCSSで自由に切り替えることが可能です。 スマートフォンにも対応しているようです。自分で作っちゃっても全く問題なさそうな機能ではありますが、スクリプティングがめんどくさいという方はこれを使っちゃったり参考にしてもよさそう。 1024ピクセル以上の場合(Chromeのデベロッパーツールでみて

    www-tmcc
    www-tmcc 2011/08/30
    Reader
  • 岡村靖幸、オフィシャルサイトがプレオープン! - ネタフル

    「ぶーしゃからかぶー」などとノートに綴りながら、岡村靖幸人が映像にも登場します。 とにかく岡村ちゃんが好きな人は、間違いなく最初から最後まで見ておいた方が良いですね! オフィシャルのツイッターアカウント @yasuyuki_info もスタートしています。 アイセイ ぶーーー ぶーしゃからか ぶーーー それ 126ってフリーランスのノン ぺん ぺん ぺん ぺん ぺん ぺん ぺん 草 たぶん23歳 うーーーーっ サイトを構築したのは @yugop です。 ▼エチケット(ピンクジャケット) 曲目リスト 1. 5!!モンキー 2. 19(nineteen) 3. Super Girl 4. Co’mon 5. カルアミルク 6. いじわる 7. adventure 8. 友人のふり 9. だいすき ▼エチケット(ピンクジャケット) – 岡村靖幸 ▼エチケット(パープルジャケット) 曲目リスト

    岡村靖幸、オフィシャルサイトがプレオープン! - ネタフル
    www-tmcc
    www-tmcc 2011/08/30
    Reader
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    www-tmcc
    www-tmcc 2011/08/30
    Reader
  • http://designaholic.cc/2011/08/15-1.html

    http://designaholic.cc/2011/08/15-1.html
    www-tmcc
    www-tmcc 2011/08/30
    Reader
  • HTML5マークアップの心得と作法

    HTML5のマークアップの特徴を一言で表すとすれば「セマンティクス」。それ故に、HTML5では文脈に合わせてマークアップしなければいけません。もはや、マークアップは単純作業ではなくクリエイティブなものになっているのです。マークアップにも心得と作法がよりいっそう重要になってきています。セッションでは、HTML5仕様ではマークアップに何を求めているのか(心得)、そして、我々はどのようにマークアップをすべきか(作法)、について具体的に解説します。Read less

    HTML5マークアップの心得と作法
    www-tmcc
    www-tmcc 2011/08/30
    Reader
  • デキるあなたに部下がついてこない7つの理由 | ライフハッカー・ジャパン

    あなたは自他ともに認める「デキる人」です。でも、なぜかいい部下に恵まれない...。部下がちゃんと仕事をせず、思ったように進まないので、最近の若い者は全く...とぼやきたくもなります。 そのような方にピッタリかもしれない記事が「Rajesh Setty」にありました。記事では、部下がついてこない理由は、部下が無能だからではなく、あなたの指導力の方に問題があるのでは? と問いかけています。この記事の筆者であるRajeshさんの挙げる、部下がついてこない7つのポイントは以下です。 Photo by chapman_photography. 1. あなたを今の地位に引っ張り上げてくれたスキルは、リーダーとしてのスキルと同じではない あなたは現在「デキる上司」なのですから、あなたのパフォーミングスキルは上級レベルといえます。しかし、部下がついてきていないのだとしたら、上司として部下を引っ張っていくス

    デキるあなたに部下がついてこない7つの理由 | ライフハッカー・ジャパン
    www-tmcc
    www-tmcc 2011/08/30
    Reader
  • HTML5への理解を5分で深めるスライド -HTML5マークアップの心得と作法

    日公開された「HTML5マークアップの心得と作法」というスライドを紹介します。 5分もあれば、全部見ることができると思います。

    www-tmcc
    www-tmcc 2011/08/30
    Reader
  • [CSS]表示サイズに合わせて最適なグリッドを構築するスタイルシート -SimpleGrid

    デスクトップ用のブラウザだけでなく、iPhoneなどスマートフォンにも対応した、表示サイズに最適なレイアウトを適用するResponsive Web Design用のシンプルなグリッドシステムを紹介します。 ~720px ※画像クリックで拡大 [ad#ad-2] SimpleGrid 3つの特徴 Responsive Web Design SimpleGridは4種類のスクリーンサイズで最適なレイアウトを提供します。 水平スクロールバーとは、さよならです。 ~720px 720px~ 985px~ 1235px~ 効率的なclass管理 同様のグリッドシステムの多くは、同じサイズのグリッドを一つのclassで管理します。SimpleGridではユニットの最初・中央・最後を個別のclassで管理します。 スタイルシートはシンプルに SimpleGridは管理のしやすいシンプルなclass名を採

    www-tmcc
    www-tmcc 2011/08/30
    Reader
  • [JS]ブラウザでiPhoneのような滑らかスクロールを実現するスクリプト -Overscroll

    デスクトップのブラウザでもiPhoneのような滑らかなアニメーションでコンテンツをスクロールさせるjQueryのプラグインを紹介します。 Overscroll デモページ [ad#ad-2] Overscrollのデモ デモではコンテンツを「Click+Drag」することで、滑らかスクロールでコンテンツを表示します。 デモページ Overscrollの実装 デモを例に実装方法を紹介します。 HTML スクロールするコンテンツに必要な箇所は「div id=screen」です。 デモでは初期状態ではオーバーレイ(div id=overlay)が表示され、フォーカスされるとスクリーンの箇所が表示されます。 <div id="ithing"> <div id="screen"> <img alt="loading..." src="/static/img/sfmap.jpg" /> </div>

    www-tmcc
    www-tmcc 2011/08/30
    Reader