2015年6月10日のブックマーク (3件)

  • 【CSS】table-cellを使って要素を均等に配置する方法 - ディレイマニア

    目次 6回に渡る短期連載記事です。他の記事もこちらでご紹介しておきます。 【CSS】floatを使わずtable-cellを使って横並びにする方法 【CSS】table-cellを使って関連記事の表示で良く使うリストスタイルのデザインを作る方法 【CSS】table-cellを使って要素を均等に配置する方法 ←今回はこれ 【CSS】table-cellで中央にロゴ・両脇にボタンというデザインを作る方法 【CSS】table-cellでサムネイル画像+テキスト+ボタンのデザインをキレイに見せる方法 【CSS】table-cellを使って関連記事をタイル状にレイアウトする方法 番外編ですが、table-cellを使う上で重要なテクニックを追記します。 要素を均等に配置したい場合に使うと便利 まず、table-cellの基的な書き方はこちらの記事をご覧ください。⇒【CSS】table-cell

    【CSS】table-cellを使って要素を均等に配置する方法 - ディレイマニア
    shun9167
    shun9167 2015/06/10
    やっと実現でした!感謝!もっと直感的にできないのか甚だ疑問です… 【CSS】table-cellを使って要素を均等に配置する方法 | delaymania
  • まちづくりデザインなら包むデザイン|地域の魅力を広げるデザイン事務所

    地域には『何もない』に思えて実はたくさんの良きところがあります。良き点は日常に埋もれてしまい、その地域の人以外の人が知って初めて「へーすごいんだ!」なんて気づく事があります。 厳かなお祭りや絶景の大自然といってイベントだけではなく、よく通っているお店や毎年続いている地域のイベントなども良きところになりえます。 そんな地域の良きところをデザインやホームページ制作を通してスポットを当てる力なることを信念としています。

    まちづくりデザインなら包むデザイン|地域の魅力を広げるデザイン事務所
    shun9167
    shun9167 2015/06/10
  • さくっと簡単!jQueryでコンテンツをオーバーレイ表示させる方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    どうもです、デザイナーのはやちです✌(´ʘ‿ʘ`)✌ 梅雨明けの暑さでバテ気味です…この暑さ嫌ですな c⌒っ´ʘ‿ʘ`)っ はやちは静かに暮らしたい c⌒っ ◞‸◟ )っ そんなこと言ってもこの暑さは和らぎません(◞‸◟) 今回はjQueryで簡単にコンテンツをオーバーレイ表示させる方法をご紹介していきます(◞‸◟) オーバーレイとは ライトボックスのように要素の上に要素を重ねて表示させる方法です 上に重ねる方の要素を半透明にさせて下の要素がうっすら見えるような表現に多く使われます( ˘ω˘)☝ HTML </pre> <div id="overlay"> <p id="text">イェーーイみてるぅ✌(´ʘ‿ʘ`)✌</p> <p id="close">close</p> </div> <div id="btn">click</div> <pre> ID名overlayはオーバーレイされ

    さくっと簡単!jQueryでコンテンツをオーバーレイ表示させる方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    shun9167
    shun9167 2015/06/10
    さくっと!意外と簡単! さくっと簡単!jQueryでコンテンツをオーバーレイ表示させる方法 | 株式会社LIG