メールアドレス暗号化(メール暗号化ツール)
<a href="mailto:abc-xyz@yahoo.co.jp">abc-xyz@yahoo.co.jp</a> ↓ <script type="text/javascript"> <!-- function converter(M){ var str="", str_as=""; for(var i=0;i<M.length;i++){ str_as = M.charCodeAt(i); str += String.fromCharCode(str_as + 1); } return str; } function mail_to(k_1,k_2) {eval(String.fromCharCode(108,111,99,97,116,105,111,110,46,104,114,101,102, 32,61,32,39,109,97,105,108,116,111,58) +
HTML+CSSによるウェブページ制作例－CSSの基本
■HTML+CSSによるウェブページ制作例 ウェブページ制作の流れ 実際にXHTML+CSSでウェブページを作成してみましょう。 ウェブページ作成の流れは、大まかに以下のようなものとなります。 テキスト原稿を作成する フリーハンドのスケッチなどで、レイアウトのイメージを固める HTML・XHTMLのバージョンを決める HTMLタグで情報の構造付けをする 必要に応じて、<div>や<span>でスタイリングのためのタグ付けをする id属性やclass属性で各部分に名前を付けて、CSSのセレクタを設計する CSSでスタイル指定する レイアウトのイメージを固める ウェブページを作成する際には、まずテキスト原稿や掲載する画像などのコンテンツとなる情報を作成します。 それらをページ内にどのように配置するか、フリーハンドのスケッチなどでレイアウトのイメージを固めます。 今回作成するウェブサイトの完成イ
文字列のエンコーディング
メールアドレスを数値文字にエンコードします Ｗｅｂページに掲載するメールアドレスを巡回型アドレス収集ロボットに拾われないように、数値文字[＆＃123；]にエンコーディングする為のツールです。 勿論、アドレス以外のどんな文字列でも変換します。 ソースを見ていただくと分かりますが、ここに表示されている文字列は、全てこれで変換した文字コードで記述しています。 元アドレス： 変換結果をここに表示します。 ¨元アドレス¨Ｂｏｘに変換したいアドレスを入れて¨変換¨ボタンを押して下さい。 表示された変換結果をコピーしてHTMLソースに貼り付けて下さい。 JavaScriptで変換して表示しているだけですので、データは記録としては残りません。 © Copyright 2003,Kyotoku.co.jp, All rights reserved.
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ
【ソフト】Macであんまりないhtmlエディタ探してみた - デザインネタ集
マックをお持ちのウェブデザイナーさんはよくご存知だとは思いますが、マックでhtmlを編集できる無料ソフトって多くないですよね。 そんななかで、エディタの紹介をしてある記事を見つけました。 構想雑文- MacでDreamweaverの変わりになるかもしれないフリーのHTMLエディタ 5本 http://blog.livedoor.jp/unahide/archives/52547832.html こちらで紹介されているブログでも、かなり良い内容のものを紹介されていますので、事足るかとは思うのですけど、日本語が対応になっていなかったり、対応させる為に一手間かかっているようなものがありましたので、それに付け加えて僭越ながら、私の情報も追加させてもらいたいなんて思ったりしています。 mi http://www.vector.co.jp/soft/mac/writing/se331164.html
パニック・ジャパン - Coda - Mac OS X 用 シングルウインドウ Web 構築環境
Codaは終売しました。 サポートやプラグインのご入手などはライブラリをご参照ください。 他社製のCodaはこちら。 ...まったく新しい、Macにネイティブなウェブコードエディタの誕生です!
Project "hpDrafter"
hpDrafter は以下の環境で開発・動作確認をおこなっています。 MacBook 1.82GHz/PowerBookG4 1.5GHz MacOSX 10.4.6 Xcode 2.3 まことに残念ながら，上記以外の環境での動作は保証できかねます。 ま，特に変なことはしてないつもりなので，大丈夫だとは思いますが・・・。 OS をそこそこ新しいバージョンにアップデートしていただく必要はあるかもしれません。 少なくとも，WebKit を使用しているため，10.2 以上の OS と WebKit のインストールは必須です。 10.4 も必要かも・・・。 hpDrafter に関するすべての権利は作者である kokam (以下，作者) が保持します。 ・・・と言いたいところですが・・・。 hpDrafter が他者の権利を侵害していないと言い切れないのが辛いところ・
MacでDreamweaverの変わりになるかもしれないフリーのHTMLエディタ 5本 : 構想雑文
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 Mac OS Xでウェブサイトを作りろうと考えると、最初からiLifeがインストールされている場合は「iWeb」を使ってウェブサイトを作る方法があります。 でも「iWeb」では、できることが限られています。 実際に「DreamweaverみたいにHTMLを書くことができるソフトウェアで、できれば個人が趣味で使うような場合は、無料で使えるソフトウェアはないですか？」という質問をされたので、リストアップしてみました。 Mac OS Xで使えそうはソフトは だいたい5本くらいでしょうか？ Kompozer http://www
シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)
Crescent Eve はシンプルなエディタです。 こだわりの基本機能とHTML編集機能を持っています。 【雑談】 ある日のふとした疑問 ～ HTMLを書く道具 ～ ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。 「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」 「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」 「よし、作ってみよう！」 「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」 「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」 「文字コードの自動認識は、絶対失敗しないようにしよう」 ・・・というような考えから Crescent Eveを開発することにしました。 その後 公開以来、多くの方に好評を
スマートフォン向けのHTML5製フレームワーク・Lungo.js - かちびと.net
今更ですけどLungo.jsを少し触って 見ました。Lungo.jsはHTML5+CSS3の スマートフォン向けフレームワーク です。jQueryやmootoolsなどを必要 としない非依存型のライブラリです ので覚えておいて損は無いかも。 スマフォ向けフレームワークです。GPLv3ライセンスでOSSとして公開されています。 スマフォ向けのフレームワークは相当出回っていますので珍しくないかもですけど・・触った感じはなかなか使いやすそうでした。コアファイルは非圧縮で40kbほど。 以下、公式サイトのサンプルです。 Sample スターターキット的にも使えそうです。 ↑ 実機でのスクリーンショット この手のは沢山あるので好みで選べばいいですね。詳細は以下でどうぞ。 Lungo.js
前から気になってたHTML5について色々調べてみました - もとまか日記
先日、ドコモのAndroid端末である「GALAXY S」を予約したわけですが、そうなると気になるのが、ずーっと前から気になってたHTML5について。これからスマートフォンが普及するにつれて、無視出来ない技術であるのは誰の目にも明らかなのではないでしょうか。 てことで、HTML5について調べてみたメモです。 HTML5の概要まずは難しいことは抜きにして、概要を読んでみると分かりやすいです。 HTML5, きちんと。この記事だけで十分です。長くもなく、文字も少ないので非常に入りやすいです。 HTML5仕様関連一応ですが、仕様について。 HTML5.JP - 次世代HTML標準 HTML5情報サイトHTML 5 ― HTML 4 からの変更点 (http://www.w3.org/TR/html5-diff/ 日本語訳) 必要に応じてみればいいので、細かくは見てません。 基礎知識概要が理解出来
DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp
スマートフォンにてソーシャルゲームを作ろうとすると、HTML5を中心にブラウザで動作するもの、もしくはネイティブアプリでの提供ということになります。モバゲータウンやグリーはその両方をサポートしています。ネイティブアプリの作り方は既に文献も多数なのですが、HTML5となるとまだ十分とは言えません。この資料は必見です。 「HTML5@iPhoneゲーム開発」はディー・エヌ・エーのスマートフォン開発グループの岸弘倫氏が「DeNA Technology Seminar #3」での講演用に作成したものになります。同社では北米のMiniNation向けにiPhone『Pirate Nation』(海賊トレジャー)をHTML、CSS、JavaScriptで開発して提供していて、そのノウハウを凝縮したものです。 『Pirate Nation』は冒頭の括りで分けるとブラウザで動作するアプリということにな
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
Mariのいろえんぴつ カラーチャート
更新履歴 +more+ ホームページ更新 ('23/9/4) ホームページ更新 ('18/11/2) 素材（Back,Icon,Number）追加 ('07/8/17) 素材（Back,Icon,Line）追加 ('07/8/5)
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今風のWEBベースチャットを作れるオープンソースソフト「kandan」:phpspot開発日誌
HTMLクイックリファレンス
ゼロから始めるレスポンシブWebデザイン入門
日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら
alphaEDIT WYSIWYG HTML Editor