フレームは非論理的、再掲 フレーム(サイト)に関しては自分の中でロジックが出来上がっていて過去に幾度と無く発表したりしていたので今更という気もするけど、その今更記事を改めて発表しておこうと思う。上記事の言及ではなく「その先」にあるものを補足するものとしてお読み頂ければ。 そもそもフレームに論理性を求める必要性は無い 元々『論理的に結びついている「本文」「目次」という2つの文書』があり、この目次部分がブラウザのサイドバーとかで表示できたら便利なのにそういう機能が無いから代替的にフレームでやるしかねえな、というのがオレが求めた形(というのはいささか大袈裟だけど)だった。フレームが左本文・右目次で分かれていたとして「右目次」はオマケでいい、無くても全然かまわない。論理的に結びついている目次を擬似的に表示しているだけ。というのがオレの持論。大元がきちんと出来ていれば、フレームだとかそんなことはホン
公開: 2024年3月9日15時30分頃 「新はてなブックマークの登録ブックマークレットは使ってはいけない (takagi-hiromitsu.jp)」。クロスドメインで疑似ダイアログが表示され、その中にログインフォームが現れるというお話。 ※高木さんは「ページ内JavaScriptウィンドウ」と呼ばれていますが、うちの社内では「疑似ダイアログ」(略して「疑似ダイ」) で通っていますね。実装がJavaScriptかどうかという点は本質ではありませんし、ここではとりあえず「疑似ダイアログ」と呼んでおきます。 疑似ダイアログにはアドレスバーも何もありませんし、クロスドメインで表示されているのかどうかを利用者が知る手段はありません。あくまで、ブラウザのアドレスバーのみを信用するようにして利用しないと駄目ということですね。 逆に、疑似ダイアログを使ったインターフェイスを設計する際には、こういう形で
フォーム内に商品の購入ボタンがあります。同じフォーム内に商品名でグーグルのサイト内を検索させるボタンを設置し、横に並べることは可能ですか? フォームの入れ子はよくないようなので、検索をJava scriptでできればよいのですが・・・ スタイルシートではデザイン上無理でした。 <form id="fm" name="fm" action="URL" method="POST"> <input type="hidden" name="shouhinmei" value="商品名"> <input type="hidden" name="kakaku" value="500"> <input type="image" src="kounyuu.gif value="購入"> <form method=get action="http://www.google.co.jp/search"> <i
35 Tutorials for Creating Website Layouts in Photoshop | Vandelay Website Design Photoshop is an excellent tool for creating attract websites. プロのサイトデザイン方法を作って学べる手順集。 次のようなサイトデザインのPhotoshopチュートリアル集です。 Create a Dark Themed Web Design from Scratch Making Your Own Portfolio Web Page Design a Cartoon Grunge Website Layout Hand Drawn Layout Online Photo Portfolio Layout Sound System Studio Website Layo
Color accessibility is more than just ticking boxes. Even with good contrast, some color palettes can make interfaces challenging for users. Here are some practical guidelines to ensure more inclusive design for colorblind people. An upcoming part of Smart Interface Design Patterns. Continue reading ↬
トミナガです。本来ならもっと早く寝るはずだった。日付が変わってしまったじゃないか。 この3年か4年間、いろんな会社とお付き合いしてきましたけど、今日はいろいろ思う日でした。 基本的に、制作のみ、または制作工程の1分のみ請け負うので、やりとりが煩雑にならないっていうのは基本なんだけど、うーんと唸ることが最近増えてきたので、じゃあ、どういう仕事の進め方だったらいいのかな? って考えてみました。 電子メールの件名には、【クライアント名】や[サイト名]など、フィルタリングしやすいものを記入してください。 大きな添付ファイルは、CDROMに記録して、メール便(市内であれば1日で届きますし、送料も安い)で送ってください。 あなたの会社に取りに行くと、往復3時間ぐらいはかかり、その間に数ページのコーディングはできる計算になります。 最後まで金額を知らせないで、案件の受注可否の選択を迫らないで下さい。
デザインの現場に長年いる方でも、イラストレーター、フォトショップなどのデザインツールすべての事が完全に頭に入っていると言う方は少ないかと思います。今日紹介するのはショートカットキー一覧や、カラー表など、デザイナー向けのチートシートを集めたエントリー「Useful Cheat Sheets for Web Designers」です。 Web Designer Color Reference Hexagon Mouse Pad タイトルからWEBデザイナー向けとなっていますが、PC、MACでデザインしているデザイナーには役立つチートシートが集められています。今日はその中からいくつか気になったチートシートを紹介したいと思います。 詳しくは以下 ■Photoshop CS3 Keyboard Shortcuts Cheat Sheet photoshopCS3〜CSまでのショートカットキー一覧が
text-shadowプロパティを利用すると、文字に影をつけて表示することができる。これまではSafariが対応しているだけだったが、Firefox 3.1(アルファ版)とOpera 9.5が対応した。 また、Firefox 3.1(アルファ版)は本連載の「ボックスにドロップシャドウの効果をつける」で紹介したbox-shadowプロパティにも対応したので、それについても紹介したい。 文字に影をつけて表示する text-shadowはCSS 2で定義されたプロパティだが、CSS 2.1では削除され、CSS 3のTextで復活している。 text-shadowプロパティで文字に影をつけて表示するには、次のような形で4つの値を指定する。 text-shadow: [横方向のオフセット] [縦方向のオフセット] [ぼかしの半径] [影の色] たとえば、赤色の文字にグレーの影をつけると次のように表示
あらすじ Pintoというソーシャルブックマークサービスを、Rubyで開発中です(GitHubリポジトリ)。開発中に気づいたことや工夫した点などを、備忘録も兼ねて書いています。その12回目です。 URIを変更 ニコニコ動画の外国語版が公開されたとのニュースを読み、そこに記されていた「http://de.nicovideo.jp/」「http://es.nicovideo.jp/」などのURIが格好よく見えたので、Pintoでも真似してみました。 変更前 英語版 http://pinto.jp/index.en 日本語版 http://pinto.jp/index.ja プラトニックURI http://pinto.jp/ 変更後 英語版 http://en.pinto.jp/ 日本語版 http://ja.pinto.jp/ プラトニックURI http://pinto.jp/ 単純に、U
_ Catalyst::Controller::Atompub - コレクション URI の変更 [atompub][perl] (追記) 情報が古くなってますので [2008-04-10-1] を参考にしてください ZIGOROu さんから,Catalyst::Controller::Atompub でコレクション URI を変更する方法について相談を受けました. Catalyst::Controller::Atompubのdispatch、Slugヘッダとか - Yet Another Hackadelic 結論としては,ZIGOROu さんが自力で解決されたので僕が出る幕はない のですが,いくつか修正とまとめをしておきます. クラスが 1:1 に対応するという前提で作られています. たとえば,次のようにしてコレクション Controller を作成します. package MyApp
リソースの抽出 何を基準としてリソースとすべきか アプリケーションにとって重要なもの クライアントがリンクしたいと思うもの 芸術作品 情報 物理オブジェクト 概念 ... リソースの表現 Web サービスはリソースをどのように表現するべきか URI をリソースの名前として割り当てる リソースの名前は少なくすべき 同一リソースを表す URI が多すぎるのは良くない リソースには直接アクセス出来ない 静的なサイトではリソースはファイル (HTMLファイルとか) データベースの行、物理オブジェクト、概念などもリソースだったりする
アクセスが多いので(感謝のシルシに)4つぐらいに分けて書いておいた記事をまとめました。 たぶんアクセスされた方が知りたいのは、どこのどんなサービスを使えばモバイルアドセンスに対応した携帯サイトが(安く)作れるのか、と思います。 まずはレンタルサーバをどこにするか。 ここで、「楽なブログ形式で作ることができればいいな」と思ってる人へ。 残念!モバイルアドセンスはブログが作り出す静的なhtmlページでは表示できません。普通にレンタルサーバを借りてモバイル用のホームページを作る必要があります。 また、FTPが使え、PHPが動作するサイトでないと基本的にダメです。 (PHP以外のプログラムでも可ですが、上級者は勝手にどうぞ) 拡張子htmlをphpに変えて動作できる環境が必須です。 そうなってくると、有料レンタルサーバ(容量借り)が、まず必要です。 私がモバイルサイトを作ったのは、ロリポップ!レン
Sponsors Free website builder. Create a website now! EcommerceBooth is an eCommerce resource where you can find useful guides, tutorials, and exclusive deals. WPKube - learn how to get most out of WordPress. Popular Topics Companies (6,703) Freelance / Portfolios (4,828) Technology (6,562) Internet (5,264) Marketing (4,812) Lifestyle (3,905) United States (3,078) United Kingdom (1,713) Weblogs (2,
[みんなのお題]ie7の「ページの拡大」によるレイアウト崩れは「letter-spacing」で回避できる? 公開日時: 2008/01/09 01:40 著者: ミキ・オキタ この記事のトピック Internet Explorer 7「ページの拡大」機能でレイアウトが崩れる 「letter-spacing」で「ページの拡大」時のレイアウト崩れを回避 Internet Explorer 7「ページの拡大」機能でレイアウトが崩れる こんにちは。“時代の3歩先をねらうWeb屋さん”ミキ・オキタです。 このブログ「WebClip ウェブデザインのニュース」では、Webデザイン・Webマーケティングの話題をお届けしている。 今回は、Web制作者にとって悩ましいブラウザの問題のひとつ、Internet Explorer 7の「ページの拡大」機能によるレイアウト崩れの回避方法について。 僕
複数の画像を一枚にまとめて、スタイルシートで背景画像として指定するCSS Spritesに利用できる画像置換の実装例の紹介です。 画像置換する際には、CSSオフ時・画像オフ時・印刷時・音声ブラウザ対応・空タグ使用などを考慮する必要があります。 備考 コードは、参考サイトからサイズ指定などを変更しています。 画像置換元は、全てH3要素になっています。 H3は、テキスト(見出しのテキスト)もしくは画像(印刷用の見出し画像)です。 ブラウザに「背景画像」が表示されていれば、期待通りの動作です。 使用している画像は、次の通りです。 背景画像 印刷用の見出し画像 1pxの透過画像 名称は、Revised Image Replacementを参考にしています。 サンプル:01 -Classic FIR デモページ <textarea name="code" class="html" cols="60"
specky boyのエントリーから、ブラウザのスタイルの初期化やレイアウトのテンプレートなど、スタイルシート設計のベースとなるCSSのフレームワークを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く