contenteditable=contenteditable - コンテンツの編集許可 - とほほのWWW入門Internet Explorer 5.5(Windows版)で追加された機能です。HTML5 でもサポートされました。この値を true にすると、HTMLのコンテンツをブラウザ上で編集することができるようになります。Chrome 11, Firefox 3.0, Opera 10.6, Safari 3.2 でもサポートされました。 inherit親の要素の属性を継承します。既定値。 true編集モードをオンにします。 false編集モードをオフにします。
[CSS]縫い目風のかわいいデザインをスタイルシートで実装したナビゲーション
ぱっと見、画像を使用しているかのような縫い目風のデザインをスタイルシートで実装するナビゲーションを紹介します。 もちろん、画像は使っていません。 また、IE6などのCSS3非対応ブラウザも配慮した実装となっています。 Sexy CSS3 menu デモページ [ad#ad-2] 実装のポイント スケーラビリティ アンカーのフォントサイズを変更することで、サイズを簡単に調整できます。 画像は無し 画像を使用していないため、メンテナンスが簡単です。またHTTPリクエストを減らします。 カスタマイズ 簡単にドロップダウン型などに変更できます。 このスタイルシートのアイデアの元となったのは、LESSで使用されているダウンロードボタンです。 LESS 実装方法 HTML HTMLはspan要素を使っている以外は、クリーンです。 このspanはスタイルをつけるのに必要で、疑似要素非対応ブラウザへの配慮
プロミス 申込 入ロ
多くのカードローン、ないしはキャッシングの時は利息がとられますが、無利息キャッシングだと、決まった期限内に返したら、利息は生じません。 低い金利のカードローンは、大きめの資金の借り入れを希望する場合や、頻繁に借りる必要がある時には、月の返済額を相当少なくすることが可能なカードローンだといわれています。 5万円～10万円という、一括にて返せる大した金額ではないキャッシングだったら、利用しやすい無利息サービスを標榜しているキャッシング会社に申し込みをすれば、利息を徴収されることはないのです。 少しでも早く現金が必要なら、「借入申し込み額を50万円未満」にするようにしましょう。５０万円以上のキャッシングのケースでは、借り入れる方の「収入証明書」が要求されるから、少々面倒です。 近頃ではクレジットカードでも、手軽にキャッシングできるようになっているものが出ているので、手っ取り早くキャッシングの申込
World Wide Web Consortium (W3C)
The World Wide Web Consortium (W3C) develops standards and guidelines to help everyone build a web based on the principles of accessibility, internationalization, privacy and security. Working with stakeholders of the Web A range of organizations join the World Wide Web Consortium as Members to work with us to drive the direction of core web technologies and exchange ideas with industry and resear
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
結局どうすればいいの？ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
グラフィックデザイナーのためのCSSレイアウトメモTIPS「position : absoluteについて」
CSSレイアウト[TIPS] position : absoluteについて 「position : absolute」はpositionプロパティのなかの１つで、ボックス要素を絶対的な位置で配置する。 position:absoluteで指定されたボックスは、他の要素との関係は切り離され別物になる。親ボックス以外の他のボックス要素から影響を一切受けない。 position:absoluteには必ず「親」がいる。これが大事。 親にしたいボックスに「position：static」以外のposition指定をし（たいていはrelativeでOK）、そのなかに子を入れてposition:absolute指定をする。「top」「bottom」「left」「right」の値は、親ボックスからの距離。 親ボックスを指定しなければ「ブラウザウィンドウ」が親になる。 結論から言うと、親ボックスが「ブラウ
ケータイサイト制作前にコーダーが確認しておきたいところ │ これからゆっくり考L +α
モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字は？ ・カタカナの扱いは？半角？全角？ ・VGA対応は？ xhtml？html？ 最近は基本xhtmlで作成という流れに（私の場合は）なってますが、それでも念のために一応聞いておきたいところ。 昔、xhtmlで作成してほぼほぼ終わった段階で「アップするサーバーでxhtmlが使えないのでhtmlに変更してください！」と言われてやり直したことがあります...。 文字コードは？ 携帯サイトといったらSh
SEO的に301リダイレクトは是が非か？ | ランサーズ社長日記
いいね！ 4 ツイート B! はてブ 168 Pocket 10 サイトを移転してURLが変更になる場合、多くのウェブ運営者が「検索エンジン対策」で頭を抱える。 なぜならば、人間の目からみれば、サイトに引越し案内が出ていれば、引っ越したことは明らかであるが、検索エンジンのロボットからすれば、「引越ししました」という文言や、「新しいサイトへのURL」は1テキスト、1リンクにすぎず、サイトを引越したことを理解することができない。 つまり、今までのURLを新しいURLに変更するということは、PageRankや検索順位も新しくなり、GoogleやYST（Yahooの検索エンジン）からはまったくの新しいサイトという評価になってしまい、いままで苦労して集めたリンクやSEO対策が水の泡になりかねないのだ。そんな迷えるウェブ運営者の救世主が301リダイレクトだ。 301リダイレクトはHTTPステータス・コ
[CSS]CSS3対応・非対応ブラウザで動作するアイコン付きの素敵なツールチップ
CSS3対応ブラウザではより美しく、非対応ブラウザでもそれなりに美しいアイコン付きのツールチップを紹介します。
第6回 先行バイトの埋め込み | gihyo.jp
今回は、「先行バイトの埋め込み」という攻撃方法について紹介します。 ご存じのとおり、ほとんどの符号化方式（文字エンコーディング）においては、ひらがなや漢字などASCII以外のほとんどの文字は、1文字が複数バイトにて構成されています。たとえば、ひらがなの「あ」は、Shift_JISにおいては0x82 0xA0という2バイト、UTF-8においては0xE3 0x81 0x82という3バイトで表現されます。 攻撃者がマルチバイト文字の先行バイト部分だけを与えることにより、本来存在している後続の文字を無効にしてしまうのが、今回紹介する「先行バイトの埋め込み」という攻撃方法です。 先行バイト埋め込みの具体例 では、具体的な例を見ていきましょう。 たとえば、Shift_JISで書かれたHTMLとして、次のようなものがあったとします。 name: <input type=text value="" />
携帯３キャリアに対応したinputタグへの初期入力モード指定方法 | 携帯サイトをつくろう。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
window.open()でPOST - DO☆KA☆TA ~information technology~
window.open()でURLにクエリストリングを付加した状態で ウィンドウが立ち上がるのがセキュリティ上よろしくない ということで現場SEの方が悩んでたので一緒に悩んだ。 ネットで調べてて、結構この手の問題を悩んでた人が多いみたい。 解決策も多かったけど、シンプルに感じた方法は以下である。 情報元 <html> <script language="javascript"> function test() { window.open("", "ATMARK") ; window.document.inform.action = "http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php" ; window.document.inform.target = "ATMARK" ; window.document.inform.method = "P
HTML5+JavaScriptでFlashコンテンツを再現する「Smokescreen」 | パソコン | マイコミジャーナル
「Smokescreen」Webサイト スマートフォンなどの組み込み系デバイスでのFlashサポートが話題になっているが、ここにきて新しい技術がオープンソースとしてデビューを飾ろうとしている。Flashの代替技術が開発されつつあるのは多くが知るところだが、今回紹介する「Smokescreen」はFlashそのものを排除するのではなく、HTML5とJavaScriptを組み合わせてFlashコンテンツを再現しようというものだ。 AppleがiPhone OS上でのFlash非サポートを宣言する一方、GoogleやOperaなどのベンダーがFlashサポートを改めて明言するなど、業界内部でFlashを中心とした対立構図ができあがりつつあることが大きな話題になっている。だが実務レベルの話でいえば、これまでさまざまな場面で利用されてきたFlashをいきなり丸ごと排除するのは現実的ではなく、既存のサ
【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ma<s>atokinugawaの日記
xhtmlで携帯3キャリア共通の初期入力モードを指定 - hex6.net
CSS Lecture: 有名サイトが使っているid名class名集めてきました！
Engadget | Technology News & Reviews
