タグ

2013年3月25日のブックマーク (2件)

  • CSS(スタイルシート)の基本、小技、テクニック総まとめ

    CSSの基や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集|Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番

    CSS(スタイルシート)の基本、小技、テクニック総まとめ
  • 各ソーシャルサイトのプロフィールアイコンや背景画像を簡単に作れるサイト「Social Media Image Maker」 : 二十歳街道まっしぐら

    Social Media Image Makerは各ソーシャルサイト用の画像を作成できるサイトです。 FacebookやTwitterなどのアイコンや投稿写真にピッタリのサイズの画像を作成できます。 主要なソーシャルサイトに対応していますよ。 トリミングだけでなく、画像加工もできました。 以下に使ってみた様子を載せておきます。 まず「Social Media Image Maker」にアクセスしましょう。 まずは利用したいソーシャルサイトを選択しましょう。 左側のメニューにソーシャルサイト一覧があります。 また、それぞれのソーシャルサイトでどういった場面での画像かを選択できます。 このようにトリミングや画像加工、画像の反転や回転など細かい加工ができます。 Facebookのカバー写真やTwitterのプロフィールアイコンなどの作成にぜひご活用ください。

    各ソーシャルサイトのプロフィールアイコンや背景画像を簡単に作れるサイト「Social Media Image Maker」 : 二十歳街道まっしぐら