ブックマークレットで簡単起動できるDOMインスペクタ:phpspot開発日誌
slayeroffice | tools | Mouseover DOM Inspector v2.0 Help The Mouseover DOM Inspector, or MODI for short, is a favelet (also known as a bookmarklet) that allows you to view and manipulate the DOM of a web page simply by mousing around the document. ブックマークレットで簡単起動できるDOMインスペクタ。 次のように、カーソルを合わせた部分のHTML要素の属性についてサクっと知ることができます。 ( 上記はブログのタイトル画像にカーソルを合わせて、画像の属性について表示させているところ ) FirefoxのFireBugにも同様の機能が存在しますが、
レイヤーを使用したFull Flash
最近PopUpに変わって需要の出てきたレイヤー。写真を載せるのはよくありますが、そのFlash版を誰でも簡単に使用できるスクリプトを組んでみました。 最近写真をレイヤーで見せるのが流行ってますよね。（POPUPブロックの影響によるPOPUP代わりみたいなものでしょうが。） そういうものはJavaScriptが結構公開されているのですが、FLASHはないですよね。（使用したもの自体、見ることもまだあまりないですね。） そういうわけで組んでみました。 まずは下記URLをご覧ください。 http://www.muraken.biz/overlay/overlayflash.html（”ここをクリック"のところをクリックしてみると、実行されます。） 今回、これを簡単に作れるスクリプトを組みました。 JavaScriptに関しては文末にてソースを置いておきますが、説明するとかなり長くなるので割愛いた
IFRAME を使わない方法の補足 | WWW WATCH
phpspot開発日誌さんで紹介されていた 「IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法」 を読んでちょこっと補足。 人気エン... XHTMLではiframeタグは禁止されているのでValidにしたい場合はこっちを使ったほうがよいらしいです。 iframe 要素は、HTML4.01 Strict 及び XHTML1.0 Strict では未定義 （Transitional、Frameset では定義済み）、XHTML1.1 では廃止されていますので、Strict でコーディングする際に外部オブジェクトを (X)HTML によって読み込むには object を使うことになりますね。 で、object 要素の DTD はどうなっているかというと、（XHTML1.0 Strict） <!ELEMENT object (#PCDATA | param | %bl
hail2u.net - Weblog - CSS2 Specificationでのプロパティの出現順序
少し前にCSSコーディング・スタイルというエントリで書いたように、各CSSルールのブロック内でプロパティを書く順序はCSS2 Specificationで出てくる順という縛りでCSSを書いている。大体のところはソラで覚えているのだけど、font-weightとfont-sizeはどっちが先だっけとかは忘れるので、備忘録がてら序列付きリストにしてみた。 margin margin-top margin-right margin-bottom margin-left padding padding-top padding-right padding-bottom padding-left border border-top border-bottom border-right border-left border-width border-top-width border-right-widt
見出しをCSSでシンプルに装飾するtips - EC studio デザインブログ
谷です。 今回はデザインブログらしく、デザイン系の記事を書きます。 私は企画デザインで主にHTML/CSSコーディングと プロモーション系以外のデザインをしています。 具体的にはボタンの画像や、見出しの装飾画像などです。 ※制作するサイトによっては全体の情報設計などもおこないます。 デザインブログというからには、ブログの投稿記事なども 見やすく見栄えよく！と思い立ったので、CSSを利用した 簡単な見出しのデザインを紹介します。 画像・余分なマークアップ(タグを加えたりとか）無しでデザイン ↑のような見出しのデザインですね。 見出しに該当する文章は基本的に「h○タグ」でマークアップされますので そのh○タグ（今回はh4タグ）を装飾していきます。 1.これは見出しです。 非常にシンプルな形です。ブログの記事のタイトルの装飾は これの色違いですね。 2.これは見出しです。 付せんのようなデザイン
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
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.
横並びメニューのロールオーバーをJavaScriptを使わずCSSで実現
かなり色んなサイトで見かけるようになった、JavaScriptを使わずにロールオーバーをCSSのみで実現するテクニック、そのやり方です。 以前のエントリーで、縦並びのメニューで同様のを紹介しましたが、横並びのメニューは随分勝手が違います。 またメニューをテキストではなく、画像で行っているのでその部分についても説明していきます。 サンプル： サンプルページを見る ダウンロード： サンプルをダウンロード 使用画像 ロールオーバー用画像 ナビ背景画像 では、やり方をば、、、 まずはロールオーバー用の画像を用意します。 今回使用してる画像は上記の2枚のみです。 また、メニューの背景画像として、全てがオフの状態の画像を用意しています。 コレは、サーバーや回線の都合でたまに読み込みが遅れて、メニュー部分が真っ白になってしまうのを防ぐ為です。 必要無いといえば無いですが、結構気になっちゃうので（ボクは）
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
