タグ

ブックマーク / weboook.blog22.fc2.com (3)

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

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

    CSS(スタイルシート)の基本、小技、テクニック総まとめ
  • まとめて書くことができるCSSプロパティの8つのパターン

    まとめて書くことができるCSSのプロパティを集めてみました。基的な内容が多くなっていますので復習に見ていただければ幸いです。 先日は基的なセレクタの使い方について書きましたので、今度はプロパティの基ということでまとめてみました。 1. border まずはボーダーです。よく使いますね。 border-width … 線の太さ border-style … 線の種類 border-color … 線の色 これらは一括で指定することができます。

    まとめて書くことができるCSSプロパティの8つのパターン
  • 私がウェブサイト作成時にお世話になっているサイトをご紹介

    こういうのを集めだすときりがないのですが、個人的に当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea

    私がウェブサイト作成時にお世話になっているサイトをご紹介
  • 1