IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html
sta la sta - 人の目を引くタイトルを作るための5つの方法
RSSリーダーやソーシャルブックマークを情報収集のツールとして使用していると、自分はタイトルを見て記事を読むかどうかを判断している場合が多いことに気付く。 溢れる情報の中でパッと目につくタイトルがあるととりあえず見てしまう。こういう人って意外と多いんじゃないかな。 こちらの記事では、そんな重要なタイトル作りのノウハウをいくつか紹介しています。 http://www.modernlifeisrubbish.co.uk/article/how-to-write-great-headlines 話題のキーワードやトレンドを記載する みんなの関心を引くには、みんなが今関心を持っている事柄をタイトルに入れよう。 基本といえば基本ですが、ちょっとした工夫でより人の目を引くタイトルになるかも。 悪い例：カタールのTV局が新しい機器を入手 (Qatar TV Channel aquires new har
HTMLのリスト要素を視覚的に階層表示する「StyleMap」:phpspot開発日誌
Scott Jehl, Designer/Developer, Boston, MA | Process: StyleMap: Visual Sitemap If you've ever had to produce a sitemap for a client using tools like Visio or OmniGraffle, you know that it can be tedious to visual organize a complex hierarchy of pages. Having experienced this myself, I developed a simple and efficient way to make a sitemap through the benefits of standards-based HTML and CSS. HTMLの
WEBマスター/WEB開発者、御用達のサイトリンク集:phpspot開発日誌
Resources for the webmaster/website builder - SiteAdminStuff.com WEBマスター/WEB開発者、御用達のサイトリンク集。 XHTML, Apache, Blogging, CSS, DynDNS, Domain等、開発者必須の便利サイトがまとまっています。 上記サイト上で発見したのですが、JS の WYSIWYG なエディタって結構あるんですね。 TinyMCE, FCKEditor しか知りませんでした:-) Xinha I've used this. FCK Editor Mozile From Mozilla Cross-browser RTE from Kevin Roth (I've used it) Kupu Easily integratable with different CMSs TinyMCE Open-
第26回 どこにメニューをおくべきか，どこが画面の一等地か：ITpro
Webサイトのデザインの中で，ここ2年で大きく変わりつつある「常識」があります。それは，「メニュー（索引）」の位置と「一等地」の場所です。ユーザーの閲覧環境が加速度的に変化しているという認識の下で，それでも最良のユーザビリティを提供しようとするなら，どのようなことを考えておく必要があるでしょうか。 左メニューと右メニュー（視線との交差）のどちらがベスト？ まだモニター画面の大きさが小さかった時代（1995年前後），情報へアクセスしやすくする「メニュー」の位置は，ほとんど誰が考えても左側にあり，議論もされなかったように記憶しています。確実に画面の中に入り，ユーザーも基本的に左端にさえ注意を向けていれば，大切な情報にたどり着けるという「暗黙の常識」が存在していたかのような時代でした。 しかしここ数年，メニューが左側にあると本当に操作性が良いのかという議論を聞くようになり，大手のWebサイトでも
印刷専用ページを簡単に作るには（SSI版） - ［ホームページ作成］All About
印刷専用ページを用意する！ ホームページ上のコンテンツは、紙に印刷されることもよくあります。 ページの左右にメニューや広告などが配置されている場合、うまく印刷できない場合もありますね。 印刷される頻度が高そうなコンテンツには、余計なものをなくした シンプルな「印刷専用ページ」が用意されていると便利です。 しかし、同じコンテンツを「表示用」と「印刷用」の2ページに記述するのは面倒ですね。 更新する際にも2ページを同時に修正する必要があって大変です。 そこで、今回は、SSIを使って簡単に「表示用」と「印刷用」の2ページを用意する方法をご紹介致します。 SSIを使えばコンテンツ本体は1ファイルだけで済む SSI（Server Side Include／サーバ・サイド・インクルード）を使うと、HTML中に他のファイルの中身を挿入（合成）することができます。 この機能を使うと、
印刷時専用のスタイルシートを作る [ホームページ作成] All About
印刷時専用のスタイルシートを作る凝ったデザインは、画面上では綺麗でも印刷には向いていないことがあります。印刷時にのみ適用される「印刷専用スタイル」を作れば、画面上のデザインとは別に、印刷に適したデザインで印刷させることができます。 印刷されることを考慮したページにするには？ 凝ったデザインは、画面上で閲覧するには良くても、印刷には向いていないことがあります。 デザイン目的の画像が多かったり、背景色が多くてインクがもったいなかったり…。 印刷されることも考えつつ、画面上で見栄えの良いデザインを考えるというのは、なかなか大変です。 そこで、画面表示用とは別に、印刷専用のスタイルを用意してみましょう。 そうすることで、印刷用にシンプルなデザインを適用させることができます。 出力メディアタイプ別にスタイルを用意 スタイルシートでは、出力先に応じたスタイルを記述できる仕組みが用意されています。 例え
![印刷時専用のスタイルシートを作る [ホームページ作成] 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)
スタイルシートを分けて管理する方法をまとめる - 2xup.org
comment 2006-10-17T21:15:00+09:00 お好みの言語が英語で無い場合は、日本語でどうぞ。 In this PDF file, the order of the set format rule and property's appearing was announced. This time, the method of separately managing the CSS file used on the site is announced. Why is CSS divided? I think that most reasons are the improvements of the work efficiency. The access to the revision part becomes early They are combined and co
ちょっと使えるかもしれないCSS(1) - 見出しを飾る | オトコのキモチ２
こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa
第14回 “読まれない”注意事項を読ませる方法
今回取り上げるのは，ほとんどのユーザーが読んでくれないのに，用意しなければならない“悩ましい”ユーザー・インタフェース（UI）部品――「（長めの）文言」――すなわち，注意事項などの説明文です。 どんなシステムであろうと，熟練ユーザーのみを対象にしない限り，何かしらの「説明文」は必須です。RIA（Rich Internet Application）の場合も例外ではありません。特に，RIAの「わかりやすさ」や「直感的に操作できる」という特性を活かせば活かすほどユーザー層が広がるので，「万が一」のためにも何かしらの「（長めの）文言」を表示する必要性が高まります。 この課題に対する秀逸な解決法を，全日本空輸（ANA）の「ANAパスポート」を例に説明してみましょう。日程/出発地/到着地の三情報を選択して，「空席照会」をクリックしたときに表示される「ご注意/ご案内」パネルに注目してください。 航空券は
第4回 デザイナーがプログラミングについて誤解していること
「無知の知」では済まされないこと 顧客あるいはプロジェクト・リーダーからの相談内容が，筆者の相方（プログラマ）の耳に届くことがある。筆者は，技術無視の相談にも気長に耳を傾けられるが，相方は，そのような質問が生じること自体が，不思議でならないといった様子だ。 たしかに，拡張子の存在を知らなかったリ，存在を知っていてもWindowsマシンでの表示方法を知らなかったり，さらにJavaとJavaScriptを混同していたり…というのは困る。また，顧客の希望がローカル・アプリケーションなのかWebアプリケーションなのかを確認しないまま相談を持ちかけられても答えようがない。 筆者は，.NETをプラットフォームとする開発が多いが，その場合ならせめて下記の表のアプリケーションの種類については，確認しておいたほうがよい。 だが，デザイナーが知らなくてもやむをえない情報は，山ほどある。 筆者の経験からいえば，
スタイルシートを書く時のガイドライン - 2xup.org
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
Webデザイナーのためのリンク集
Webデザイナーのためのリンク集 このサイトの新着情報をあなたのブログやページに貼り付けられます トップ | 全一覧 | 未分類サイト | サムネイル全一覧 OR AND 登録されている全サイト一覧(全1443件) - 登録順 DivVoted - vote for your favourite designs - another YoDiv site [更新] [削除] http://www.divvoted.com/ 新しいウィンドウで開く Uncover [更新] [削除] http://www.uncover.com/ 新しいウィンドウで開く Gold Coast Web Design - Pixel House [更新] [削除] http://www.pixel-house.com.au/ 新しいウィンドウで開く MochiAds - The Largest Ad Networ
WebScan
WebScanの特徴 Webページのキャプチャで苦労していませんか？ WebScanは縦長のページもボタン一つで一発キャプチャする、Webプロフェッショナルの必携ツールです Webページ全体をまるごとキャプチャ スクロールしなければ見えない部分も含めて一発でキャプチャします。縦に長いページも切り貼りの必要がありません。 ブラウザスキン 様々なOSとブラウザの外観をキャプチャした画像上でシミュレートします。ブラウザをカスタマイズしている場合でも、デフォルト状態でキャプチャされます。 Internet Explorerへの統合 Internet Explorerのツールバーやメニュー、ショートカットキーから素早く起動できます。 あらかじめ別のアプリケーションを起動しておく必要はありません。欲しいときにすぐ、高機能なキャプチャを利用できます。 豊富な保存オプション キャプチャした画像のクリッ
9800個のフリーフォント配布サイト - GIGAZINE
9800個もあるフォントを無料でダウンロードできるサイトです。ちゃんとプレビューも表示されるのでダウンロード前にどんな書体か確認もできます。 ダウンロードするには「DOWNLOAD THE FONT」の下にあるフロッピーディスクのアイコンをクリック。ポップアップしたウインドウに表示されるランダムなアルファベット3文字を入力して「Send」をクリック。あとは表示される「click to download the file」をクリックすればダウンロードできます。 9800 Free Fonts, fonts for free, font finder, download free fonts, free typography http://www.creamundo.com/index.php?lang=en ほかにも以下のサイトで無料のフォントを山ほどダウンロードできます。いざというときに備
シンプルな背景パターン画像を作成する無料サービス「Background Image Maker」
斜め線や平行線、ドットやグラデーションのパターンのもととなる背景画像を簡単にサクサク作成できる無料サービスです。線と線の間隔や色、背景色、透過するかどうかなどを指定することで、お好みのパターンが作成できます。 Background Image Maker http://lab.rails2u.com/bgmaker/ 条件を指定してから「Make」をクリックすれば右側にサンプルが出てくるので、気に入ったパターンが生成されたら「URL」に表示されているアドレスをコピーして、ブラウザのアドレスバーに貼り付けて表示すれば、元になる画像が表示されます。あとはそれをダウンロードすれば完了。 繰り返しパターンの画像というのは慣れている人はすぐに作成できますが、それでもいろいろな種類をドンドン作るというのはかなり繁雑な作業の繰り返しになるので、こういったサービスは助かります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色相環
Michael Leander - Digital Expert In Marketing, Business & Tech Industries
『Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック：ITpro』へのコメント
NBPC ケーススタディ1：埼玉県 Webリニューアルに「サイト診断」を活用使い勝手を大幅に改善させた