2013年9月5日のブックマーク (3件)

  • ノンデザイナーも必見!Twitter BootStrapの特徴と導入前に確認すべき事 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちわ。アートディレクター兼2児のパパ、長岡です。 毎回子どもネタですが、最近アンパンマンを指さして「パンパーンパン」とそれっぽい発音をしている息子を見て「こいつ可愛いな」と癒されています(笑) 屈託のない笑顔と持ち前のあどけない仕草で、保育園のマダムたちをイチコロ(表現が古い?)にしているそうです。将来がちょっと心配です・・・。 さて今回は、HTML5・CSS3・jQueryを使用したフロントエンドツールの王道「Twitter Bootstrap(※ver2.3.1)」のお話。 ※この記事を書いている最中にver3.0がリリースされました!(汗)後でゆっくり触ってみたいと思います。 ▲Twitter BootStrap ver2.3.1 Web制作者なら、一度は触れたことがあることと思います。 そのまま使ってみたり、カスタマイズして使ってみたり・・・。 使い方を間違えなければ、とても

    ノンデザイナーも必見!Twitter BootStrapの特徴と導入前に確認すべき事 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    ebi73
    ebi73 2013/09/05
    ノンデザイナーも必見!Twitter BootStrapの特徴と導入前に確認すべき事 | 株式会社LIG
  • レスポンシブ、CSS3を使ったクールなギャラリー·least.js MOONGIFT

    least.jsはJavaScript製のソフトウェア()です。 スマートフォンの時代になって写真コンテンツが増えています。そして求められるのは写真コンテンツをいかに格好よく見せるかです。今回はレスポンシブWebデザインのギャラリー、least.jsを紹介します。 デスクトップサイズ。写真が5列で整然と並んでいます。 マウスオーバーで半透明なフィルタがかかります。 クリックで拡大。キャプションも下に表示されます。 タブレットくらいのサイズ。写真の列が3列に変わりました。 写真の拡大は変わらず。 さらにスマートフォンサイズ。写真は縦1列になります。 この場合は拡大してもさほど変わらないですね。 least.jsのアニメーションは格好が良く、一旦前の写真が引っ込んだ後に次の写真が読み込まれるようになっています。大きな写真を奇麗に見せたい時に使ってみたいライブラリです。 MOONGIFTはこう見

    レスポンシブ、CSS3を使ったクールなギャラリー·least.js MOONGIFT
    ebi73
    ebi73 2013/09/05
    レスポンシブ、CSS3を使ったクールなギャラリー「least.js」
  • 心身ともに良い一日をスタートさせる「自分なりのパターン」を作る3つのポイント | ライフハッカー・ジャパン

    トップアスリートは、心身ともに良い状態で試合や大会に臨めるよう、毎回、決まった準備体操をこなす人が多いとか。アスリートの準備は、番のずっと前から始まっています。とりわけ、起床時にスタートさせるのがベストだとか。この一定の準備パターンにひたすら従うことで、「勝ち」に向けた準備と自覚が整ったモードへと、無意識かつ自動的に切り替えられるからです。 遠征先のホテルで必ずベッドを整えるというタイガー・ウッズや、決まったウォームアップを欠かさないマイケル・フェルプス、あるいは朝に1ダースの生卵を摂るロッキーのように、私たちも良い一日へのモードに切り替えるための「自分なりのパターン」を観察しましょう。 経営者やリーダーであれば、組織に属する他の人々を率いる役割を担っています。まずは朝、自分自身をシャキっとさせることから一日をスタート。具体的には、朝起きたら最初の30分を、モード切り替えの時間に充てる

    心身ともに良い一日をスタートさせる「自分なりのパターン」を作る3つのポイント | ライフハッカー・ジャパン
    ebi73
    ebi73 2013/09/05
    心身ともに良い一日をスタートさせる「自分なりのパターン」を作る3つのポイント