基本から実用的なものまで、スタイルシートのスニペットを集めたサイトをAll Web Designre Sourcesから紹介します。
[CSS]基本から実用的なものまで、スタイルシートのスニペット集
基本から実用的なものまで、スタイルシートのスニペットを集めたサイトをAll Web Designre Sourcesから紹介します。
(X)HTML+CSSのマークアップガイドライン - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20090223.html
XHTML+CSSガイドライン
仕様 原則としてXHTML1.0 Strictに準拠する。 要件に応じて、適宜XTHML1.0 Transitionalを用いる。 CSS2.1に対応する。 文字コードはUTF-8を採用する。 ブラウザ対応 推奨ブラウザ Internet Explorer 6以降 Firefox 2以降 Opera 9以降 Safari 2以降 これらのブラウザに関して、標準準拠モードを使用する(XHTMLガイドラインDOCTYPE宣言の項を参照)。 過去バージョンのブラウザへの対応 IE4、NN4、MacIE5以前のバージョンには、以下のようにCSSを適用させない措置をとる。 XHTMLファイルにおいて、CSSファイルを読み込むlink要素のmedia属性に複数の値を指定する(NN4対策)。 <link rel="stylesheet" type="text/css" media="screen, t
Fluid 960 Grid System | 16-column Grid
Design is based on the inspiration of past accomplishments. On that foundation, we can build upon those achievements to shape the future. Design is about life — past, present and future — and the learning process that happens between birth and death. It is about community and shared knowledge and experience. It is the passion to build on what we've learned to create something better. The words "de
Courses and Tutorials in HTML/CSS | Envato Tuts+
Get every type of asset for any type of project, and access to AI tools From $16.50/m
960 Grid System
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
メタタグ自動生成・メタタグ自動作成ツール - メタタグを作る・メタタグを書き出す【みんなの知識 ちょっと便利帳】
メタタグ（Meta Tag）は、Webページの情報（言語設定や著作者、ページ概要など）を、画面には表示されない形でページ内に埋め込むためのタグです。言語の設定や、著作者、ページ内容の要約など様々な情報を書き込める他、検索エンジン対策[SEO]にキーワードや検索方法の指示なども書くことができます。 <meta>タグは、必ず、<head> ～ </head> 間に記述します。 この『メタタグ自動生成ツール』では、メタタグを簡単に書き出すことができます。 ただし、ここにあるメタタグすべてを書く必要はありません。 むしろ、本文より前に情報を詰め込みすぎると、検索エンジン対策（SEO）に悪影響を与えることもあります。 実際に必要とされるのは、 文字コード タイトル 紹介・説明文 キーワード などの基本的なものだけという意見もあります。 その他のタグは「全く必要ない」とする専門家もいます。 検索エンジ
The Gift of Giving Advent Calendar - Market Blog
Envato: Get every type of asset for any type of project, and access to AI tools. Start now
Fluid Grids
Early last year, I worked on the redesign of a rather content-heavy website. Design requirements were fairly light: the client asked us to keep the organization’s existing logo and to improve the dense typography and increase legibility. So, early on in the design process, we spent a sizable amount of time planning a well-defined grid for a library of content modules. Over the past few years, this
Sass記法を用いたCSSフレームワーク·Compass MOONGIFT
CSSはプログラマ向けの言語ではないため、最初は理解しやすいが、複雑な記述が入り交じっていくとメンテナンスが困難になる。Webブラウザはよく出来ていて、何となく書いたものでも動作してしまうからさらにややこしい。 コマンドラインオプション そうした問題に対処するメタ言語として注目を集めているのがSassだ。そしてSassを実用的にプロジェクトに組み込めるのがCompassだ。 今回紹介するフリーウェアはCompass、SassをサポートしたCSSフレームワークライブラリだ。ソースコードは開示されているがライセンスは明記されていなかったのでご注意いただきたい。 Compassは単体でCSSフレームワークをなすわけではない。実際にはBlueprintやYUI、960といった有名なCSSフレームワークを利用している。そしてRailsやMerb、StaticMaticといったアプリケーションサーバと
HTML-Ipsum
Long Paragraph <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vit
Code Courses and Tutorials | Envato Tuts+
Get every type of asset for any type of project, and access to AI tools From $16.50/m
Create a Sleek, High-End Web Design from Scratch | Envato Tuts+
In this tutorial, we'll put together a high-end Web design using a crisp, thin font, gorgeous background images, and clever use of space and layout. You can easily use the technique to create your own unique designs. Then when you're finished reading this tutorial, you can cross over to our sister site NETTUTS and follow along as we build the design into clean and simple HTML. OK let's rock'n'roll
Second Picture- Tutorials of 3D, Photoshop, Photography & Photography Composition
Second Picture is devoted to 3D Tutorials Photoshop Tutorials Photography Tutorials Photography Composition Web Design Tutorials 08.04.2010 Category: 3D tutorials From now on my new 3ds Max tutorials will be published in Polybon Blog. It's my new 3d blog devoted to 3d Max, inspiring renders, and free textures. The reason behind this is content management. Second Picture is hand coded. It doesn't u
CSSレイアウト参考記事まとめ - Cyokodog :: Diary
はてブも煩雑になってきたし、CSSレイアウト系はこちらにまとめてこうかなと。。 CSSによる段組（マルチカラム）レイアウト講座 CSSフレームワークによる作業の効率化 - MdN Interactive CSSで実現するエラスティックレイアウト - バシャログ 考察系 幅固定か可変かではなく、読者環境に合わせて見やすいデザインを提供しよう - Liner note 一行あたりの文字数を制限する elastic layout （エラステックレイアウト） - 2xup.org 2xupで実装されているエラステックレイアウトを調べてみた - TRANS CSSによる段組レイアウトのフレームワーク - Lucy bag::blog 2カラムサンプル13種 - CSS Happy Life 今webサイトは幅何pxで製作されているのか - Liquid Paper Clips スタイルシートによる崩
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
the-golden-grid - Project Hosting on Google Code
Code Courses and Tutorials | Envato Tuts+
Fireworksなどのスライスで、CSSレイアウトで書き出せるの？ - 楽天 みんなで解決！Ｑ＆Ａ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Designer's Guide デザイナーズガイド