スパム対策1. メールアドレスを画像化する方法 迷惑メールを防ぐスパム対策としてよく使われているのが、メールアドレスをテキストで掲載するのを諦めて、下図のように画像だけを使って表示する方法です。 説明するまでもないでしょうが、このようにメールアドレス全体を画像化して掲載しておけばHTMLソース内にはメールアドレスが一切登場しませんから、自動収集されてしまう心配もなくなります。 【このスパム対策の目次】 メールアドレスを画像化するメリット・デメリット メールアドレスの画像化サービスを使う方法 「@」記号だけを画像化する方法 メールアドレスをQRコード画像にする方法 メールアドレスを画像化するメリット・デメリット ■メールアドレスを画像化するメリット メールアドレスを画像で掲載すれば、HTMLソースを読んでもメールアドレスは分からないので自動収集は防止できます。 OCR技術を使えば画像に描かれ
携帯サイトの作り方 第1回 作成方法の基礎携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 (注) 本記事の解説は、ガラケーサイトの作成方法です。 本記事は、ガラケー(フィーチャーフォン)端末向けのウェブサイトを作成する方法の解説です。スマートフォン端末向けのウェブサイトの作成方法ではありませんのでご注意下さい。スマートフォン向けモバイルサイトの作成方法に関しては、下記の記事などをご参照下さい。 スマートフォン対応サイトを作る際の注意点 レスポンシブ・ウェブデザインの簡単な作り方 レスポンシブCSSで使うブレイクポイントの決め方 モバイルファーストでデザインする際のCSSの書き方 ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選
マウスやキーボードだけがFlashのインターフェイスではありません。今回はパソコンのマイクにアクセスし、キャラクターに声をかけて起こすFlashを作成します。 声をかけるというインターフェイスをFlashで実現。パソコンのマイクに大声をかけてキャラクターを起こしてください。 Adobe Flash 8 Professionalを使用してサンプルを作成しています。 1. サンプルのFlashをここからダウンロードしてください。1～9フレームは図のように寝ているキャラクターのイラストが配置されていて「sleep」とラベルが付いています。また10～19フレームまではビックリして起きているキャラクターのイラストが配置され「wakeup」とラベルが付いていることを確認してください。 2. レイヤー「action」の1フレーム目に以下のActionscriptを記述してください。 stop(); _r
最後に、冒頭でご紹介した「画像の上に文字やオブジェクトを重ねる」サンプル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;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く