CSSを無効化するブックマークレット・改 - LogJET
CSSを無効化するブックマークレット・改 CSSを無効化するブックマークレットを更に改造してみました。 CSS無効化・改 (クリックするとこのページのスタイルが無効になります) 右クリックからお気に入りに登録してください。 今回のブックマークレットはCSSの無効、有効を切り替えることができます。 このブックマークレットについて 先日、うちのアクセスログ見てたら2ちゃんねるSafariスレからアクセスがあったので、何だろ？と思って見てみたら、CSSを無効にするブックマークレットでアクセスがありました。 その時、同時に紹介されていたリンク先のPimp My Safariというサイトで、CSSのオン、オフを切り替えるブックマークレット「Toggle linked CSS」が公開されていたのですが、どうもFirefoxやIEでうまく動かない。trueというページが返ってきてしまう。 ブックマークレ
ブックマークレットで簡単起動できる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にも同様の機能が存在しますが、
『PHPでMagpieRSSを使ってRSSリーダ作成し、トップページに埋め込みました！』
嫁はん妊娠から出産～育児っと、、、NSR活動を自主規制してるので (∀｀*ゞ)ｴﾍﾍ 自サイト（http://www.yamasita.info/ ）の更新ネタもあまりなく ヽ(´Д`；)ﾉｱｩｱ... Web上に分散してるNSRに関する情報を、もっと有効活用できるように情報共有したいなー なんて漠然と思いつつ、、、ブログの更新情報（RSS配信）を更新日で並べて表示とかどうかな？ んっと、自サイトにRSSリーダー機能を追加してみるか！？っと思いつき (ﾟзﾟ)ｲｲﾝﾃﾞﾈｰﾉ? …で、RSS（XML）ファイルの読込みなどをWebで検索して情報収集して下調べ o(ﾟДﾟ = ﾟДﾟ)o ｷｮﾛｷｮﾛ 要求事項（僕のニーズ）は… ( ﾟдﾟ)ﾎｽｨ… １．複数のRSSファイルを読み込んで、トップページに5件ほど、あとは全件表示したい！ ２．複数のブログ記事を、日付で逆ソートして最新記事を上にし
レイヤーを使用したFull Flash
最近PopUpに変わって需要の出てきたレイヤー。写真を載せるのはよくありますが、そのFlash版を誰でも簡単に使用できるスクリプトを組んでみました。 最近写真をレイヤーで見せるのが流行ってますよね。（POPUPブロックの影響によるPOPUP代わりみたいなものでしょうが。） そういうものはJavaScriptが結構公開されているのですが、FLASHはないですよね。（使用したもの自体、見ることもまだあまりないですね。） そういうわけで組んでみました。 まずは下記URLをご覧ください。 http://www.muraken.biz/overlay/overlayflash.html（”ここをクリック"のところをクリックしてみると、実行されます。） 今回、これを簡単に作れるスクリプトを組みました。 JavaScriptに関しては文末にてソースを置いておきますが、説明するとかなり長くなるので割愛いた
検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE
よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報
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
xampp:Mysqlに関するPHPMyAdminの文字化けの解消方法 - artful
2006年07月19日 xampp：Mysqlに関するPHPMyAdminの文字化け xamppを入れたのですが、PHPMyAdminでの日本語データ操作時に文字化けが発生。色々と他の方々の事例を調べてあれやこれやと試してやっとこ解決。そのメモを。 phpMyAdminだけが文字化けする場合はこちら(2007/05/02) XamppのphpMyAdminの文字化けーその２ ■環境 ApacheFriends XAMPP (basic package) version 1.5.3a ・Apache 2.2.2 ・MySQL 5.0.21 ・PHP 5.1.4 + PHP 4.4.2-pl1 + PEAR ・phpMyAdmin 2.8.1 ■試したこと １）my.cnfの各項目に以下のコードを追加 → 解決せず [mysqld] character-set-server = utf8 co
PHP 正規表現の基本 （preg_match）
正規表現をまとめてみる。 preg_match で使われる正規表現の書き方の前に まずは、 ＜検索対象文字列が1行か？それとも複数行か？＞ 文字列の中からパターンに合致する部分を探し出す場合、その文字列が1行（改行文字が１つ）なのか、複数行（改行文字が複数）なのかで、マッチ演算子を適切に指定。 preg_match("/パターン/", 調べる文字列); "/パターン/" //文字列の1行目のみを調べる "/パターン/g" //複数行を調べる "/パターン/s" //改行文字を無視し、1行とみなして調べる ついでに、 "/パターン/i" //文字列の大文字・小文字を区別しない "/パターン/is" //大文字・小文字を区別せず、1行とみなして調べる ＜基本＞ preg_match は、文字列中に現れた最初のパターンのみを検出。
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.これは見出しです。 付せんのようなデザイン
RedLine Magazine : リストタグを使用時のIEでの変な隙間を消す
リストタグを使用時のIEでの変な隙間を消す 私的覚え書き。 リストタグを使用してメニューを作ったりする際にIEだけに変な余白が入る事がある。それを解消するネタ。 >>問題のサンプル・こんな感じ。 Firefox等で見るとちゃんとメニューの間が詰まっててＯＫなのだが、IEの場合だと勝手に余白が入る。marginやpaddingを0にしても、liタグを途中改行しても効果なしで、その都度ごまかしてきたりしてたんだけど、とりあえず原因はIEの場合、リスト内のインライン要素をブロック化すると余計な余白を入れるというかline-heightの解釈が正しくないっぽい。 >>対策はこんな感じ。 li { line-height:0; } a { display: block; background-color:#900; padding: 5px; color: black; text-decoratio
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ページを開く
正しいアクセス解析は正しい用語の理解から | 基本編 | Web担当者Forum