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.
(2009.8.11追記)よい記事を見つけました。Windowsとマックのインストール率があります。 CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don't use in css, but should』Palatino Linotype・Palatinoも、使えるようです。 (2009.10.25追記)いやな記事を見つけました(記事がイヤなのではなくて中身がイヤ) 「似た」フォントって(2)@タイプディレクターの眼 >“Book Antiqua” >Palatino の低級なコピー 追記ここまで こちらさま↓のMacーOS10とWindowsの書体を見比べてみると。 http://rinrin.saiin.net/~aor/fonts/allfonts 共通書体は以下のとおりってことらしい。 Arial,01213456789 Ar
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
ケンタッキー クリスマス メニュー当社の製錬能力は世界の生産量の約 1.5% である 760,000 トンに増加します.信頼性の高い電力供給とサマラジュという戦略的な立地により
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
米Microsoft Corporationは9日(現地時間)、Webページの構造を検証できるIE用プラグイン「Internet Explorer Developer Toolbar」の正式版を無償公開した。Windows XP/Server 2003/Vista上のIE6/7に対応し、現在同社のダウンロードセンターからダウンロードできる。 「Internet Explorer Developer Toolbar」は、IEのエクスプローラバーとして動作するWeb制作者向けのプラグイン。ローカルまたはインターネット上のWebページのHTML/CSS構文を解析でき、レイアウトや色合いの調整、W3Cの文法チェックサービスを利用した構文エラーチェックなど、アクセシビリティに配慮したWebページ作成に便利な機能が多数搭載されている。 エクスプローラバーはWebブラウザー画面の下側へ表示され、上部に各
CSS3 「gradient」と 「ウェブフォント(@font-face)」 このページは背景画像を一切使用していません。 背景のストライプ模様はCSS3のbackground-image:gradient、フォントはCSS3の@font-faceでサーバー上に置いたフォントを読み込んで表示しています。これによって、閲覧者のパソコンにインストールされていないフォントも表示する事が出来ます。また、画像文字ではないのでコピーする事も可能。 SEOの一環としても有効です。 2010年1月現在、InternetExplorerとOperaではまだgradientに対応していない為、これらのブラウザでは背景は単色になります。フォントファイルはうっかり領収書5部ダメにできる筆圧を誇るふいさんの作った「まきばフォント」をお借りしています。 フォントの為のスタイル指定 @font-face { font
CSSもHTMLと同じように、ソース中にコメントを挿入することができます。 /*と*/で囲った文字列がコメントになりますが、入れ子にすることはできません。また、他のプログラムにあるような「#」や「//」といった単一行コメントはありません。 適切なコメントを挿入することで、複数人での作業するときや、時間がたってから編集するときなどにコードの見通しが良くなります。ブラウザ間の差異を埋めるための宣言やハックなんかも、適用させるブラウザ名や理由などをきちんとコメントで書いておきたいですね。 僕は、スタイルをグループに分けて記述するときなど、コメントを目立たせるために次のように記述しています。 /* ------------------------------ Header ------------------------------ */ div#header { } . . /* -------
実は以前に別の場所でも書いたのですが、今回Google Page Speedの方でも少しだけ触れられていたので、改めてまとめ。 自分でも経験があることなのですが、開発をやっているとどうしても、構造をモジュール化して複数のファイルに分割して管理したくなります。 StyleSheetにおいても同様で、プレゼンテーション層のコンポーネントにあわせてCSSを用意し、ページ構成にあわせて取り込むようなことをやりたくなるでしょう。 しかしその際、@import構文を使うのはパフォーマンスと挙動の両方に有害である可能性が高いと、「」の著者としても知られるSteve Souders氏が警鐘を鳴らしています。 使うべきでないポイント @importは、大きく分けて2つの観点で「使うべきでない」とされています。 ひとつは、パフォーマンスの問題。StyleSheetはほぼ全ての主要ブラウザでパラレルロードがサポ
執筆が終わったと思えば、主業務が激務でネタがちらほら浮かんでたのに書けない今日この頃。 でも、どこぞのiPhoneネタと宣伝ばかりになってしまったブログよりいいかも知れません。えぇ。 さて、CSSってある程度覚えてしまえば思った以上に簡単に組めたりして、何となく組めている気がするって思ったりしないっすかね。 もしくは、その逆になーんかイマイチ成長してないようなって感じてる時とか。 そんな状況のときに、今よりちょっとだけコーディングのクオリティや効率を上げるのに意識する事とかやっておくべきこととかを思いつくままに上げてみます。 仕事としてってのがベースなので、個人サイトやブログレベルだと当てはまらないかも。 ボクが昔はやってなかったけど今は当たり前な事とか、今でも忘れがちな事とか、何かそういう感じのことを書いていくので、人によっては当たり前だし、ちょっとした発見がある人も居るかも? よく分か
Windows XPを使っていると様々な不便を感じます。 その一つ一つは小さな物ですが、一日中PCを使う僕たちからするとかなりのストレスとなってしまいます。 そんな時はツールを使って解決すると良いです。 注意:紹介しているツールは全てWindows用です。 CLCL かなり有名なクリップボード拡張ツールです。 「もう使ってるよ!」という人が多いと思います。 通常、Ctrl+Cなどでコピーしておける内容は一つのみです。 もう一度Ctrl+Cをすると、内容が上書きされてしまいますよね。 CLCLを使えば、その履歴を辿って呼び出す事ができます。 Alt-Tab Extender"Joe" このツールは超オススメです。 レジストリは使っていないので、一度試してみてください。 僕は、このツールが無いとWin XPを使う気にならない程に依存しています。 マークアッパーはウィンドウが増えがちです。 エデ
AutoHotKeyを使ったスクリプト 先週土曜日のSaCSSコーディング勉強会 vol.4のライトニングトークでお話した、 AutoHotKeyのスクリプトを作ったので、取り急ぎ公開します。 何が出来るの? Dreamweaverで「Ctrl + s」を押して上書き保存された瞬間に、 バックグラウンドのFirefoxに「F5」を送って自動でブラウザをリロードさせるスクリプトです。 htmlやcssを書き換える度にブラウザを更新しなくても良くなるので、 活用すればコーディング速度がアップして集中力も途切れなくなるはずです。 ダウンロードと使い方 【スクリプトのダウンロード】 zipを解凍した中に、起動するだけで使えるexeファイルがあるので実行。 セキュリティ不安な人は、 AutoHotkey公式サイトのDownloadページから「AutoHotkey Installer」でインストール。
Beginning HTML5 & CSS3 The Web Evolved: A new book on HTML5 & CSS3 by Richard Clark, Oli Studholme, Christopher Murphy and Divya Manian. Buy it now HTML5 DoctorHave a look at our sister site, HTML5 Doctor for news, views and tutorials about HTML5. With articles by Bruce Lawson, Remy Sharp and more. Visit HTML5 Doctor This site is licensed under a Creative Commons Attribution-Non-Commercial 2.0 sha
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tool... 次の記事 ≫:JavaScriptで使えるカラーピッカー作成ライブラリまとめ deconcept ? SWFObject: Javascript Flash Player detection and embed script SWFObject is a small Javascript file used for embedding Macromedia Flash content. The script can detect the Flash plug-in in all major web browsers (on Mac and PC) and is designed to make embedding Flash movies as easy as possible. Flashプレイヤー
テーブルレイアウトのメリット 初心者でも段組しやすい ブラウザ表示モードによる影響をあまり受けない 均一性のあるレイアウトで見た目が良い はじめに、実は【Yahoo!JAPAN】のトップページもテーブルを使ってレイアウトされてます。「初心者でも作成しやすい」というのは、基本的な枠の中にさらにテーブルを入れその隣にテーブルを入れ,,,,といったように、テーブルの入れ子状態にするだけの場合です。文章がメインのサイトなら全然それでOKです。 「ブラウザによる影響」というのは主にスタイルシートを利用した場合の話で(「スタイルシートレイアウトについて」で説明)テーブルレイアウトを使用する際はあまり気に留めなくても良いかと,,,, テーブルレイアウトのデメリット 本来テーブル(表)はレイアウトを組むものではない アクセシビリティ上はあまりおすすめ出来ない 構造が複雑化すると手に負えない 構造が複雑化す
Web業界では「Web標準(Web Standards)」を意識した正しい(X)HTML+CSSに基づくサイト制作が当たり前になってきている。Webのポテンシャルを最大限に活かすためのWeb標準について、基礎知識だけでなくトレンド的な観点を交えながら、「なぜWeb標準が普及してきているのか」を考えてみよう。 Web標準とは何か Web標準(Web Standards)とは、「Webで標準的に利用される技術の総称」である。では、何をもって「標準的」とするのだろうか。今日の一般的な理解では「国際的な標準化団体が取りまとめている」ということであるが、そのもっとも代表的な団体がW3C(World Wide Web Consortium)である。ほかにもISOやIETF、IANA、ECMA、OASISなどもWeb技術の標準化に大きく関わっているが、W3Cが中心的な役割を果たしているといってよい。 W
position: relativeを使って、divボックスを移動させました。 が、IE6で見ると、本来そのdivが表示されるはずだった場所に空白のみが残ってしまい、困っています。(ie7、FireFox、Safariなどは大丈夫) この空白を無くす方法をご存知の方、ご教示いただけませんでしょうか? ソースは以下のような感じです。 ----------------- <body> ■略■ <div id=\"outer\"> <div id=\"maincontents\">メインコンテンツが入っています。</div> <div id=\"gazou\">メインコンテンツの右上に重ねて表示したいbox</div> </div> ■略■ </body> ----------------- #gazou { position: relative; top: -700px; left: 300p
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く