ハイクオリティでフリーなXHTMLテンプレート61:phpspot開発日誌
61 High Quality And Free xHTML Templates Part 2: Year 2010 | Graphic and Web Design Blog ハイクオリティでフリーなXHTMLテンプレート61がまとまったエントリのご紹介です。 これがフリー？というような物が多く、簡単なサイトならば誰でも美麗なウェブサイトを構築出来そうです。 沢山あるので、作りたいサイトのイメージに合うデザインが見つかりそうですね。 関連エントリ フリーな(X)HTML/CSSなテンプレート集のまとめ フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 フリーのCSSデザインテンプレート集「Free Css Templates」 フリーのWEBデザインテンプレート集
W3C Sites - Web sites created by designers that conform with W3C standards
w3csites.com est un blog incontournable pour les passionnés de technologie et les professionnels du numérique. Il propose des actualités sur les dernières innovations technologiques, le développement de logiciels et les solutions SAAS. w3csites.com couvre également les tendances actuelles du web, offrant aux lecteurs des insights précieux pour rester à jour dans ce domaine en constante évolution.
link要素とCSSのみでナビゲーションを作る
叢では、サイト内を結ぶリンクをlink要素のみで表現している。その為、OperaやLink Widgets、或は同等の機能を有すextensionがインストールされているFirefox以外のブラウザでは、サイト内を結ぶリンクが、通常は表に出ない構造となっている。表に出ずとも、殆どのブラウザに、開いている頁のソースを表示する機能が備わっている。なので、問題はなかろうと思っていた。 しかし、その考えは甘かった。そのような煩わしい手順を踏んで下さる方は稀で、抑々、そのような事をしていると気付かれない方が殆どだった。 どうにかしようと思い立ち、可視化する方法を考えた。出来るだけ既存のXHTML文書を書き換える事なく済ませたい。JavaScriptを無効にしている方も困る事ないようにしたい。そう思ったので、CSSを使う事にした。Geckoエンジンが載せられたウェブブラウザではlink要素はa要素と同
続brとp - 指輪世界の第五日記
brとp、間隙と塊、シリアルとブロックの補足。 別の言い方をすると； pタグのへぼいところは、pタグを使うということが、改行を制御するのを放棄するも同然だ、という点です。 改行ブロックレベル要素派、すなわち改行pタグ派には、<br><br><br>に相当する実装がありません。<br><br><br>とは「二行空け」です。これはたとえばCSSファイルに、p {margin-top:2em;}と定義すればいい、のですが、それだと全てのpが二行空けになってしまいますから、クラスで特定して、p.hoge2 {margin-top:2em;}となります。同様に、単なる改行はp.hoge0 {margin-top:0em;}であり、三行空けはp.hoge3 {margin-top:3em;}です。まとめると p {margin-bottom:0em;} p.hoge0 {margin-top:0em;
brとp、間隙と塊、シリアルとブロック - 指輪世界の第五日記
HTMLのタグのなかで何が好きといって、br、強制改行タグが一番好きです。pタグは苦手です。 brタグはインライン要素に属し、シリアルに文章の中に置かれてその前後を隔てます。一方、pタグはブロックレベル要素に属し、段落の前を開始タグ<p>で、後を終了タグ</p>でもって囲むことで機能します。 W3Cによるとbrは非推奨のタグであり、pを使うべきとのことですが、受け入れがたい話です。XHTML2.0でpタグの制約が緩和されようが、sectionタグとの連繋が検討されていようが（8.6. The p element）、的が外れているというものです。頑然、brを推します。 文章を書くというのは、単語をシリアルに並べていくことであり、文章を読むというのは、それら単語の間に因果や逆接、主述や並列等の関係を見出していくことです。そしてそれらの関係は、文章の中に細かく錯綜し、跋扈し、一つの単語に二重三重
Collection & Copy - 画像 CSSを使った角丸
画像 + CSSを使った角丸 技術 wg:Introducing DomCorners 上記ページを読んだ。 Nifty Corners 作者はCSSのみで角丸を実現する記事を書いている。当ブログでも、これを利用している。 その上で異なるアプローチの角丸を紹介している。 上のような画像を、1コマずつずらしながらCSSを利用して貼りこんで行く。 対象となる領域のHTMLは以下。 <div id="box"> <b class="btop"><b></b></b> content here... <b class="bbot"><b></b></b> </div> CSSの定義は以下。 b.btop, b.btop b, b.bbot, b.bbot b{ display: block;height: 10px;font-size: 1px; background-image:url(rc.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhone 3G用のWebページを作る3 [Javascript] All About![iPhone 3G用のWebページを作る3 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
http://ima.pandach.com/cgi-bin/mt/2006/09/firefoxoperalink.php