タグ

ブックマーク / allabout.co.jp (5)

  • JavaScript Examples　サブウインドウの位置等を指定 [Javascript] All About

    Cherenkov
    Cherenkov 2012/06/29
    multi window マルチウィンドウ window.open
    リンク

  • 2/8 スパム対策をしてメールアドレスを公開する方法 [ホームページ作成] All About

    スパム対策1. メールアドレスを画像化する方法 迷惑メールを防ぐスパム対策としてよく使われているのが、メールアドレスをテキストで掲載するのを諦めて、下図のように画像だけを使って表示する方法です。 説明するまでもないでしょうが、このようにメールアドレス全体を画像化して掲載しておけばHTMLソース内にはメールアドレスが一切登場しませんから、自動収集されてしまう心配もなくなります。 【このスパム対策の目次】 メールアドレスを画像化するメリット・デメリット メールアドレスの画像化サービスを使う方法 「@」記号だけを画像化する方法 メールアドレスをQRコード画像にする方法 メールアドレスを画像化するメリット・デメリット ■メールアドレスを画像化するメリット メールアドレスを画像で掲載すれば、HTMLソースを読んでもメールアドレスは分からないので自動収集は防止できます。 OCR技術を使えば画像に描かれ

    2/8 スパム対策をしてメールアドレスを公開する方法 [ホームページ作成] All About
    Cherenkov
    Cherenkov 2012/01/06
    mail メールアドレス 画像化
    リンク

  • 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About

    携帯サイトの作り方 第1回 作成方法の基礎携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 (注) 本記事の解説は、ガラケーサイトの作成方法です。 本記事は、ガラケー(フィーチャーフォン)端末向けのウェブサイトを作成する方法の解説です。スマートフォン端末向けのウェブサイトの作成方法ではありませんのでご注意下さい。スマートフォン向けモバイルサイトの作成方法に関しては、下記の記事などをご参照下さい。 スマートフォン対応サイトを作る際の注意点 レスポンシブ・ウェブデザインの簡単な作り方 レスポンシブCSSで使うブレイクポイントの決め方 モバイルファーストでデザインする際のCSSの書き方 ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選

    携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About

  • Flashでマイクを使用するインターフェイス [Flash] All About


    マウスやキーボードだけがFlashのインターフェイスではありません。今回はパソコンのマイクにアクセスし、キャラクターに声をかけて起こすFlashを作成します。 声をかけるというインターフェイスをFlashで実現。パソコンのマイクに大声をかけてキャラクターを起こしてください。 Adobe Flash 8 Professionalを使用してサンプルを作成しています。 1.　サンプルのFlashをここからダウンロードしてください。1～9フレームは図のように寝ているキャラクターのイラストが配置されていて﹁sleep﹂とラベルが付いています。また10～19フレームまではビックリして起きているキャラクターのイラストが配置され﹁wakeup﹂とラベルが付いていることを確認してください。 2.　レイヤー﹁action﹂の1フレーム目に以下のActionscriptを記述してください。stop(); _r
    Flashでマイクを使用するインターフェイス [Flash] All About

  • 看板画像に文字を重ねて表示する方法


    最後に、冒頭でご紹介した﹁画像の上に文字やオブジェクトを重ねる﹂サンプル3つを実現するHTML＋CSSソースをご紹介いたします。 看板画像に文字を重ねて表示する方法 まずは、以下のような看板画像の内側に文字を重ねる方法をご紹介いたします。 上記のように画像に文字を重ねるには、以下のようにHTMLとCSSを記述します。ここでは、どこにどんなスタイルを適用しているのかを分かりやすくするため、HTMLの各要素の中にstyle属性を使って直接CSSソースを記述しています。 <p style="position: relative;"> <img src="dog.jpg" width="320" height="140" alt="犬看板" /><br /> <span style="position: absolute; top: 15px; left: 150px; width: 150px;
    看板画像に文字を重ねて表示する方法
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.