»HTMLで空白や記号を使う

HTMLで空白を入れる場合、スペースでなんて人も結構いるかと思います。
でも半角スペースだと連続して空白をかけなかったり、全角スペースだと微調整が効かなかったりしますよね。
実は空白を入れたいからといってスペースを使うのは、HTML的にあまりよろしくないことなんです。

(さらに…)

公開日: 2013年2月18日 0:00 | カテゴリー: HTML | タグ: , ,

»Javascriptで文字列を半角に!英数字・カタカナ・記号対応

モバイルのお仕事をしていたりすると何かと半角にする必要があったりします。
PHPだとmb_convert_kana()っていう関数が用意されていて簡単なのですが、Javascriptではすべてを置換してやる必要がありますよね。
書くの面倒だなぁとか、そもそもやり方がわからんとか、そんな人は是非下記のコードを利用してください。

(さらに…)

公開日: 2013年1月24日 0:00 | カテゴリー: HTML, JavaScript | タグ: , ,

»Javascriptでフォームが送信される前にチェック!

ユーザがフォームを送信する前に確認ダイアログを出したい!データが送信される前にチェックを走らせたい!そんな場合には下記のようにJavascriptとHTMLに書いてあげれば万事解決!

送信前にconfirm

Javascriptに

function submitCheck(){
    if(window.confirm('送信しますか?')){

    //ここらへんで送信前に何かを実行してもOK

        return true; //「はい」を押すと送信
    } else {

    //ここらへんでキャンセル時の何かを実行してもOK

        return false; //「キャンセル」を押すと送信キャンセル
    }
}

HTMLに

<form method="post" action="" onSubmit="return submitCheck()">

と書いてやればいいだけです!

公開日: 2013年1月22日 1:57 | カテゴリー: HTML, JavaScript | タグ: , , ,

»テキストエリアをクリックしたら全選択

ユーザがコピーするだけのテキストエリアならば、ユーザビリティを考えるとクリックした時点で全選択されると嬉しいですよね。
これはJavascriptを使えば簡単に実装できます。

(さらに…)

公開日: 2013年1月18日 19:01 | カテゴリー: HTML, JavaScript | タグ: ,

»web制作で使える!「web apps」 をリニューアルしました。

以前から日々のweb制作業務によく使うツール集を制作しております。
今回は「web apps」のサイトデザイン、使い勝手の向上を目指してリニューアルいたしましたのでぜひお試しください!

web apps

どんなものがあるかというと・・・。

まだまだ鋭意作成中です!
「あんなものやこんなものなんか使えるんじゃない?」といったご要望も受け付けておりますので、コメントでも残していただけると嬉しいです!

公開日: 2013年1月18日 17:47 | カテゴリー: CSS, HTML, JavaScript, PHP, web apps, 未分類 | タグ: , , , ,
1 2 3