タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

デザインに関するhakaiyaのブックマーク (5)

  • CSSでマルチカラムレイアウト

    はじめに 連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、連載の総まとめとして、CSSでマルチカラムレイアウト(段組レイアウト)を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLCSSの基を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 (X)HTMLCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は

    CSSでマルチカラムレイアウト
  • 素敵な名刺デザインいろいろ

    個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 たまたま、先日名刺の話題を Twitterでしていたのでついでに エントリー。 一貫性もコメントも何も無い、個人的なメモ(ギャラリー)です。 Paper Napkin Designs Paper Napkin Designs i Draw Designs i Draw Designs caddyshack putters caddyshack putters ed ed doTerra doTerra Andy-Westwood Andy-Westwood Bridge Photographic Bridge Photographic Tecknogr▲fick™ Te

    素敵な名刺デザインいろいろ
  • [CSS]実用的なレイアウトが揃っているフリーのテンプレート集 -Best Free Templates

    PSDファイルもダウンロードできる、実用的なレイアウトが揃っているスタイルシートのテンプレートを配布しているサイト「Best Free Templates」を紹介します。 Best Free Templates, Free CSS templates ダウンロードできるテンプレートファイルは、2ページ分のレイアウトが揃っており、レイヤーが保持されたPSDファイルもあるため、テキスト画像の変更だけでなく、デザイン集としても役立ちそうです。 下記に、いくつかピックアップしました。

  • 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」:phpspot開発日誌

    Free Faux Column CSS Layouts 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 2カラム〜4カラムの複雑なレイアウトのサンプルが公開されています。XHTMLで記述されている模様。 同様のサイトは他にもありますが、ソースもインデントされていてシンプルで見やすいものとなっているのが特徴。 サイトレイアウト作成時に役立てることが出来ますね。 関連エントリ フリーのWEBデザインテンプレート集 フリーのCSSテンプレート&テンプレート配布サイトまとめ CSSテンプレート配布サイト色々 CSSレイアウトのサンプル集

  • 少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル:phpspot開発日誌

    少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル 2010年03月03日- 30 High-Quality Free Website Templates to Download|Dzine Blog 少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイルが30種類も紹介されています。 次のような、当に、当にフリーでいいんですか?当にフリーでいいんですか?とつい歌ってしまいそうなレイアウト集がダウンロード出来ます。 色鮮やかでインパクトあるデザインや、すっきり見やすいレイアウト等、そのままWEBサービスに使ってしまってもよいようなものばかりです。 ライセンス等は確認したほうがよいと思いますが、活用すれば手間を大きく削減出来るかもしれませんね。 関連エントリ チュートリアルで

  • 1