The owner of this domain has not yet uploaded their website.
SitePoint CSS Reference SitePointは31日(米国時間)、CSSのリファレンスサイトSitePoint CSS Referenceを公開した。同サイトはTommy Olsson氏およびPaul O'Brien氏という著名な2人のCSSエキスパートによって執筆されたもの。そのままコピー&ペーストして使えるようなCSSのコードと説明がまとめられたサイトで、CSSを編集するWebデザイナはぜひともブックマークしておきたいサイトだ。 SitePoint CSS Referenceは公開以前となるプライベートベータテストの状態で、すでにSitePointコミュニティからのフィードバックを受けて改善が実施されている。いわば現状でのCSSベストプラクティスがまとまっているコンテンツだ。 SitePoint CSS Reference - そのまま使えるサンプルとブラウザでの
17日から下書き状態だったエントリー、、、沢山用意する予定だったけど色んな都合で増えない予感なんで公開。 ずいぶん昔にフッターの区切りっぽいサンプルを作ったけど、ヘッダーは作ってなかったので、ヘッダーのサンプルを作ってみましたよっと。 というか、ヘッダーのサンプルって見かけたことがほっとんど有りません。(必要とされてないから? ヘッダーって作るの大変というか、厄介だったりしませんかね。 全部画像ならがっちり固定しちゃえば、文字サイズ変更されても耐えられますけど、一部テキストがあったりした場合とかに文字サイズ変更するとレイアウト崩れてしまったりっていうアレが厄介だったりするのです。 文字サイズ変更しても崩れないようにする事を、DDTT対応っていうんでしたっけ。 今回のサンプルデザインは、一部弊社デザイナーにお願いしてつくってもらいました。 感謝感激でございまする。 デザイン提供してくれた方は
人気沸騰中の フォクすけ*テーマ 1.0 ですが、私には文字が少し読みづらいのです。ということで、文字を黒くするユーザスタイルシートをあてがうことにしました。 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); :root, menu:not([disabled="true"]):not([_moz-menuactive="true"]), menuitem:not([disabled="true"]):not([_moz-menuactive="true"]), toolbarbutton:not([disabled="true"]) .toolbarbutton-text, statusbar, sidebarheader, page[class$="-panel"] hbox,
パイプ区切りのテキストナビゲーションバーが、単純な構造でできた。これなら2行目以降の左や右端に無駄パイプが残らなくてよさげ。 サンプルHTML <div> <ul> <li>HTML</li> <li>Blog</li> <li>XHTML</li> <li>CSS</li> <li>Seminar</li> <li>Usablity</li> </ul> </div> div{ overflow:hidden; _height:0; /* holly hack for ie6 */ min-height:0; /* fix has layout bug for ie7 */ } ul{ margin:0 0 0 -11px; _height:0; /* clear float for ie6 */ min-height:0; /* clear float for ie7 */ } ul:
There’s been a welcome resurgence of interest in web typography over the past year or so, with many articles and conference talks offering techniques and theory. Frequently asserted is the notion that good typography requires accurate control of font size and line-height. But this is the web: it’s a special medium where the reader can have as much control as the designer—the implication being that
【使い方】 ソースコードを上のエディタに貼り付けて、画面下部のプログラミング言語を指定して、[変換]ボタンを押します。 すると、変換処理が行われ、プレビュー画面と、タグ付けされたHTMLが表示されます。 【対応言語】 JavaScript, XML/HTML, CSS, Adobe Flex(MXML), ActionScript2/3, BASIC(Visual Basic, VB.NET, VBA), PHP, Ruby 【ブログに貼り付けるとき】 ソースコードには、pre.code というスタイルが設定されます。 CSSタブにある、CSSファイル、あるいは、こちらにあるCSSをブログのサイトにアップして、ヘッダに次のような一行を追加します。 <link rel="stylesheet" type="text/css" href="source.css" /> 或いは、HTMLのSPA
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
スタイルシートの文脈で文書指向ウェブデザインを説明すると、文書を読みに来た閲覧者のみをターゲットにしたデザインということだ。正式版をjintrick.netで公開する前に1時間で書いたプレビュー版を糞ブログに「流して」おこう。 前景色は黒(#000)、背景色は白(#FFF)にすることで、より確実な可読性を確保できる。眩しくて読みづらいというよくある批判に対する答えはこうだ: モニタの輝度を落とせば良い。 モニタの輝度を落とさなければならない状況が考慮されていない。 特に後者はまだ誰も言及していないんじゃないかな。 左右のマージンを小さくすることで、より幅広い状況に適応できる。相対指定の2〜3%程度で十分だろう。それでも左右が詰まっていて息苦しいという批判に対する答えはこうだ: その閲覧者はデザインを眺めに来たのであって、文書を読みに来たのではない可能性が高い。 CSSにおけるmax-wid
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I’ve been thinking a lot about screen resolution lately and how the use of fluid width websites is the best way to accommodate all visitors screen resolutions. The alternative, static width websites, have to make a choice. You can optimize for 800px width, the lowest common denominator, and
CSS MENUS › Professional horizontal series Date : August - November 2007 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Professional #1 Home Privacy Policy Products Where to find us Contact us Search Download Pro menu #1. Please read terms and conditions below. Professional #2 Home Privacy Policy Products Where to find us Contact us Search Down
XREA を無料で利用する場合、表示が義務付けられている広告をヘッダ(タイトルバナー)にきれいに埋め込んで表示する方法です。質問を頂きましたので本エントリーにてカスタマイズを紹介します。 リキッドレイアウトであれば position プロパティを利用した絶対配置で比較的簡単に設定できますが、固定レイアウトでも position プロパティを組み合わせることで、決まった位置に表示させるテクニックがあります。 ここでは公開テンプレートを例に設定していますが、テンプレートに関係なく適用可能です。 1.(X)HTMLマークアップ 広告表示用の script 要素を追加し、script 要素を div と p で括ります(青色)。div に任意の class 属性、または ID 属性を設定します。 <div id="header"> <h1 id="blog-name"><a href="" acc
スマートフォン向け位置情報データサービス。独自開発SDKによりスマートフォンの位置情報データを保有。広告・プッシュ通知・分析などの様々なソリューションを提供。
July 5, 2007CSS: Using Percentages in Background-Image Last week you might have noticed we’re trialling a new experimental screen gadget in our books section — a JavaScript-powered book that allows you to thumb through the book to get a quick sense of the layout and feel. While I might talk about that directly later, I thought I’d share some of my research on CSS background images along the way. L
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く