[CSS]柔軟性のあるグリッドをシンプルで簡単に実装するスタイルシートのチュートリアル
すべてのモダンブラウザとIE8+に対応したグリッドを複雑なフレームワークを使うのではなく、シンプルで簡単に実装するスタイルシートのチュートリアルを紹介します。 Don't Overthink It Grids 下記は各ポイントを意訳したものです。 ラッパー カラム フロートのクリア ガター（溝） 外側のガター（溝） カラムの追加 対応ブラウザ ラッパー まずは、グリッドを包むラッパーです。 グリッド用のラッパーはセマンティック的には特に意味がなく、ただのラッパー（包み紙）です。使用する要素はdivがよいです。 HTML <div class="grid"> <!-- 100% wide --> </div> 表示例 ラッパーとなるdiv要素はブロックレベルのエレメントで、この中にグリッドを包み込みます。 カラム カラムはよく見かけるメイン コンテンツとサイドバーの2つです。 メイン コンテ
ボタン一発操作、写真加工に利用したいPhotoshop無料アクション素材まとめ - PhotoshopVIP
iPhoneなどで撮影した写真にエフェクト効果を追加するアプリInstagramを利用している方も増えているようです。 簡単なボタン操作のみでダイナミックなエフェクトを完成させることができる点も、人気の秘密かもしれません。じつはPhotoshopでも同じようなことが可能です。 海外デザインブログSplashnologyで、写真加工に活用したい、新しいPhotoshop無料アクション素材をまとめたエントリー「Collection of New Photoshop Actions」が公開されていたので、今回はご紹介します。 クリックひとつで完成させることができ、Photoshop初心者の方にもオススメの写真加工テクニックです。アクションファイルの詳しい説明についてはこちらのエントリーを参考にしていただくと良いかもしれません。 詳細は以下から。 印象をガラリと変える、無料Photoshopアクシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
