[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

htmlに関するchromoniのブックマーク (11)

  • 『最初に「読む」PHP』は全体的にとても良いが惜しい脆弱性がある

    最初に「読む」PHP(クジラ飛行机)を読みました。書にはセキュリティ用語(クロスサイトスクリプティング、SQLインジェクション等)はほとんど出てきませんが、脆弱性についてよく配慮された記述となっています。しかし、その細部の詰めが甘く、脆弱性が混入してしまいました。その内容を報告したいと思います。 クロスサイトスクリプティング 出力時にHTMLエスケープするという原則を比較的早い段階で説明しています。その説明が素晴らしいと思いました。 ユーザーから送信されたデータを、PHPを使ってそのまま画面に表示することは、レイアウトの崩れや セキュリティ上の危険につながります。必ず、HTMLに変換してから表示します。そこで、画面に「(^o^)<Hello」と表示するプログラムを作ってみましょう。 「HTMLに変換して」という表現がとてもいいですね。難しくいうと、Content-Typeをtext/pl

  • スマートフォン対応でよく使うhtml、css、javascriptのまとめ

    スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtmlcssjavascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon

  • 痛いニュース(ノ∀`) : 海外メディア 「なぜ日本のWebサイトのデザインは2003年っぽいの?」 - ライブドアブログ

    海外メディア 「なぜ日のWebサイトのデザインは2003年っぽいの?」 1 : イータ・カリーナ(岡山県):2012/05/16(水) 09:37:59.35 ID:UCTlhudH0 Japanese Web Design: Why You So 2003? When I think of Japan I tend to think of beautiful design. Zen gardens, temples, shrines, tea ceremonies, manga, anime, wabi-sabi… the list goes on and on. Yet for some reason Japan just can’t put any of this together to make a decent looking website. Where did

    chromoni
    chromoni 2012/05/16
    日本人は方眼紙やエクセルが大好きだ。なんでも枠に収めたがるからWebサイトがああなってしまうのは必然なんだ。
  • 長野県川上村のHPがスタイリッシュだから、他も見習うと良いよ : 長野ウラドオリ

    カテゴリカテゴリ: 信州プチ報道 by ワカバヤシヒロアキ 2012年03月07日 長野県川上村のHPがスタイリッシュだから、他も見習うと良いよ Tweet 長野県南佐久郡川上村。長野県には77の市町村があり、それぞれに公式ホームページが開設されております。その中でも、川上村のサイトデザインが、異様にスタイリッシュなんです。 野菜ができるまで どことは言いませんが、トップページを見た瞬間。いかにも古めかしいデザインの市町村もたくさんあります。また、長野市や松市など、機能的な部分や情報量を優先したデザインのホームページも多いです。そんな中、川上村のホームページはダイナミックで奇麗な写真を上手に使い、すごく洗練されているのです。 観光案内のイラストもステキです この一枚のバナーに、ハイキング、フィッシング、キャンプ、ゴルフ、地野菜、ドライブ、川上犬という村の特色がシンプルに表現されています。

  • 日本でのブックメーカー比較ランキング

    Bet365の概要BET365はイギリスの知名度の高いスポーツブック兼オンラインカジノです。世界中に80万人のプレーヤーを持つ、信頼度抜群のオンラインカジノで、1つのアカウントからスポーツブックもプレイできます。です。BET365が提供するゲームにはプレイテックのものが多く、高画質で楽しいゲームが多いです。BET365ではオンラインスロットはもちろん、ポーカー、ルーレット、ブラックジャック、バカラをプレイできるほか、スポーツブック、ポーカー、ビンゴもプレイ可能です。スポーツブックをプレイする場合、様々なスポーツベットに関するゲームをお楽しみ頂けます。サッカー、アメフト、野球、バスケットボール、ボクシング、クリケット、サイクリング、ダーツ、フットサル、eスポーツ、ゴルフ、ゲーリックスポーツ、グレーラウンド、競馬、アイスホッケー、ロト、モータースポーツ、ラグビーリーグ、ラグビーユニオン、スヌー

  • http://blog.e-riverstyle.com/2009/07/-html5css3.html

    http://blog.e-riverstyle.com/2009/07/-html5css3.html
  • JavaScriptでできること・できないこと

    クライアントサイドJavaScriptの制限 JavaScript格的なプログラミング言語として使えるだけの能力を持っています。そういう意味では、ほかの言語と同じようなことを実現できるといえるでしょう。しかし、Webブラウザなどの実行環境の制限によってできないこともあります。 例えば、WebブラウザでJavaScriptを実行する場合には、セキュリティ上の制約でJavaScriptからクライアントマシン上のファイルを読み込んだり、書き出したりすることはできません。 これは、ウイルスやスパイウェアのような悪意のあるプログラムをJavaScriptでうっかり実行して、クライアントPCに被害を与えたり、情報を盗み見られたりしないようにするための制限です。 このように、操作できるプログラムやデータを制限してプログラムを実行する環境をサンドボックスと呼びます。Webブラウザ上で利用されるJava

    JavaScriptでできること・できないこと
  • Firefox高速化成功 - ゆうぷぺの方法論

    Firefox快適快適。 GreasemonkeyとかAddons入れ過ぎたら、かなり重くなって、 ああーー元の木網って思ってたら、以下のページで解決。 けっこう古いエントリだったから、ちゃんと動くか心配だったけど、 Firefox バージョン3になっても基仕様は変わってない模様で、 試したら普通に速くなったので、2年前に見つけてたら・・ なんて思いながら、Firefox再デビューを果たしたのだった。。 http://apple-shop.jugem.jp/?eid=67 ◆ 2004.12.16 Thursday ◆ 遅ればせながらFirefox高速化, かなーり速くなりました<追記> すっかり乗り換えてしまったFirefoxについてです。 書こう書こうと思っていて先延ばしになっていたのですが、メモとして書いておきます。 まだ試してない方は結構体感速度が上がりますのでお試し下さい。 ・

    Firefox高速化成功 - ゆうぷぺの方法論
  • あなたの中で 「うわっ!こんなサービスウェブで無料公開してる.. - 人力検索はてな

    あなたの中で 「うわっ!こんなサービスウェブで無料公開してるの?」 「今まで、お金払ってたけど、実は無料で提供しているサイトあったんだ・・」 というように下記のように無料で役に立つ『ウェブサービス』を 提供しているとっておきのサイトを教えてください。 回答はできるだけたくさんあると嬉しいです。びっくりさせてください!! 例) http://www.seoseo.net/ (検索キーワードチェックツール) http://symy.jp/ (長いURLを短く圧縮してくれるサービス) http://www.remindermailer.com/ (未来の自分にメールを送れる) http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html (HTML文書の文法をチェックし、採点します) など、自分の中で役に立ってたらOKです!! みんなで紹介しあう形で

  • MOONGIFT: » これはすごい!Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介

    これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ

    MOONGIFT: » これはすごい!Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
    chromoni
    chromoni 2008/08/26
    firefoxでモックアップ
  • [CSS]スタイルシートに「if」を使った条件式が利用できる -Conditional-CSS | コリス

    ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでアクセスすると、それぞれ用の画像が表示されます。 条件式に利用できるものは、下記のようになっています。 browser IE - Internet Explorer Gecko - Gecko based browsers (Firefox, Camino etc) Webkit - Webkit based browsers (Safari, Shiira etc) Opera - Opera's browser IEMac - Internet Explorer for the Mac Konq - Konqueror IEmob - IE mobile PSP - Pla

  • 1