無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめ:phpspot開発日誌
Smashing Magazine Blog Archive Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめが紹介されてます。 チートシートって印刷して貼っておくとほんとに便利でお世話になってます。 Ajax関連 What’s Ajax? Cheat Sheet - PDF Prototype Dissected - Cheat Sheet PNG scriptaculous Combination Effects - Cheat Sheet - PDF Apache関連 Apache Cheat Sheet Apache 1.3 Quick Reference Card - free quick reference cards - PDF htacc
MovableType / Serene Bach / FC2ブログ / Seesaaブログ / さくらのブログ / livedoor ブログテンプレート: 小粋空間
Top ＞ Movable Type / WordPress / Serene Bach / sb / FC2ブログ / Seesaaブログ / さくらのブログ / livedoor ブログ / BlognPlus（ぶろぐん+） / アメーバブログ テンプレート Movable Type / WordPress / Serene Bach / sb / FC2ブログ / Seesaaブログ / さくらのブログ / livedoor ブログ / BlognPlus（ぶろぐん+） / アメーバブログ / はてなダイアリー / 忍者ブログ テンプレート お越しくださりありがとうございます。本サイトでは MovableType/WordPress/Serene Bach/sb/FC2ブログ/Seesaaブログ/さくらのブログ/livedoorブログ/BlognPlus（ぶろぐん+）/ アメーバブロ
OverZone Software - CSS Tab Designer
Create killer menus effortlessly! CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required! With the CSS Tab Designer, you can : Quickly design your list visually Choose from a variety of styles/colors (60+ different designs/colors supported). [ Styles Authors / Credits ] Generate strict xhtml complian
Firebug :: Add-ons for Firefox
Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 Firefox 専用 — 今すぐ Firefox をダウンロード
オープンソースとかフリーの海外製ウェブサイトテンプレートあれこれ
海外のシェアウェアの中でかなり秀逸だな～と思ったのは、黄金比をPhotoshopやIllustratorで実現するためのソフト。物差しを組み合わせたみたいな形なのだけど、いろいろとがちゃがちゃそれに合わせてレイアウトすればきれいな黄金比を維持できるというもの。欧米はウェブサイトのデザインでかなり優秀なものが多く、それを反映しているのか、日本ではあんまりお目にかかれないような、有料レベルのテンプレートが無料で配布されていたりします。 詳細は以下の通り。 Open Web Design - Most Popular Open Source Web Design - Download and upload free web designs. http://www.oswd.org/ ほかにもCSSとか、いろいろ。 css Zen Garden: The Beauty in CSS Design
第13回 Webページで読みやすいテキストとは：ITpro
今回のポイント 1行あたりの文字数の目安 1段落の文字数の目安 段落に含む文字数 行間調整の考え方 字間調整を使ったロゴ風味見出し 日本語というのはもともと縦書き文化です。文字も筆で縦書きしていくときに書きやすいように作られています。現在PC画面上で見るフォントは，活字印刷物のフォントとは違い，横書きで読みやすいようにもともとの字体から若干形を変えられています。それでも起源である縦書きの形を完全に壊すことができないので，やはり横書きでは読みづらいようになっています。 日本人が苦痛を感じることなく読める横書き1行あたりの字数は20字＋α程度だと言われています。意識して雑誌などを見るとたいていが!)25文字から28文字程度です。用紙，つまり本のサイズがA4を超えるような大判になると，1ページを左右2段組に分けて25～28字程度に調整されています。 一方，縦書きの場合には識別許容量はグンと増加し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Yahoo! UI Library
Flash Components - FlashDen
CodeZine：プログラミングに役立つソースコードが満載な開発者のための実装系Webマガジン
http://youmos.com/news/code2css
Google Code Archive - Long-term storage for Google Code Project Hosting.