はてなブックマーク

ページ送りとかフッターナビ等で見掛ける中央寄せのCSSスニペットを紹介します。 リストをセンタリングするスタイルシート センタリングパターン1 ブロックレベル要素をfloatした横並びリストをセンタリングする方法です。ポイントはpositionの基準位置となる要素が必要だということです。下記の例では「.fNav」が基準位置となる要素ですね。 .fNav { position: relative; overflow: hidden; } .fNav ul { position: relative; left: 50%; float: left; } .fNav ul li { position: relative; left: -50%; float: left; } センタリングパターン2 inline-blockを駆使してセンタリングする方法です。不特定数の要素が更新によって増えていく場

2014-09-25 Photoshopの抽出作業が捗る！Adobeのオンラインツール「Project Parfait」が便利 Web制作 スポンサードリンク Web制作に欠かせない開発ツールであるPhotoshopですが、コーディング時に必要な情報を確認する作業が非常に億劫だと感じたりしませんか？ そんな作業を楽にできるツール Project Parfait（プロジェクトパフェ）を解説します。 「プロジェクトパフェ」は、AdobeのCreative Cloud Filesに作成したPSDファイルをアップロードして使用できます。アップロードしたPSDはブラウザ上で必要な情報を簡単に抽出したり、目的のレイヤーを書き出し、といった直感的な操作を可能にします。 ※Creative Cloud Filesの使用はAdobeアカウントの取得が必要です 従来のようにPhotoshop上で行っていたツー

Gmailをプライベートや仕事で活用されてる方結構いらっしゃると思います。 自分は職場がGmailを導入してる事情上否応なく朝から晩までメールのやりとりで、受信トレイが訳の分からない状態になってしまうわけです。 プライベートでも未読のメルマガの山に(´・ω・｀)ｶﾞｯｶﾘ…ってことありませんか？「楽◯ばっかりだな！うんざりだー」って人必見な情報です。 メルマガはお得で新しい情報を届けてくれる有難いもののはずなんですが、日に何度も受信をみると呆れてしまいますよね。だからと言って解約するまでもないサービスも含まれてどんどん受信トレイが繁雑になっていき、個人からの重要なメールが埋もれて見逃しかねません。 そんな事故に合う前に自動振り分けの設定をしてみてはどうでしょう？ 設定方法は超簡単です。 以下で順に解説します。 自動振り分け設定手順 1．振り分けるメールを決める 受信トレイ内の『ライフカード

Gmailアカウントのごとに唯一のメールアドレスが付与されており、別名のものがほしいとなればアカウントを新規申請する必要があります。 そこでGmailには「メールエイリアス機能」なるものが用意されているのです。 メールエイリアスとは、既存アカウントのメールアドレスを派生させて複数のメールアドレスを保有できる機能のことをいいます。 メールエイリアスには3種類の利用方法があります。 では以下利用方法をご覧ください。 Gmailのメールエイリアス設定 アカウント名+任意文字 既存メールアドレスのユーザー名に続けて「＋」プラス記号に連結する形で任意文字列を付け加える方法です。 例えば、付与されたメールアドレスが「myaccount@gmail.com」とした場合、「myaccount+sub@gmail.com」とするだけのものです。プラス記号の後は任意文字列ですので、以下のようなものも可能です。