JQueryで電話番号とメールのバリデーションをする

新規でフォームを作成していくと不正な入力を拒否はしておきたいですよね。今回は私が普段から使ってるアラート分の内容が変化するそれなりの高精度のバリデーションを紹介します。特に電話番号に関しては規則性があるのでそれなりに精度はあると思います。汎用性もまぁまぁあるので一応入れれば終了みたいな形になります。

selectとcheckbox、radioはこちらで項目を用意するものなのでvalueの
値があるかとかcheckされたタグが1個以上あるかなどで判定できると思います。なので省略!

続きを読む

h2のデザインをCSSのみで表現

CSSのみでh2のデザイン

CSSのみの表現をpureCSS(ピュアCSS)と呼んでるのは私だけなのでしょうか?どこかでそんな表現を使ってるCSSのフレームワークがあったので私も便乗しているのですが…

ということで今回はpureCSSでどこまでh2のデザイン性を高めることができるでしょうか?最近流行りの私の秘蔵っ子も見せたいと思います。

続きを読む

hostsの変更と方法(Mac)

hostsの変更でできること

hostsはドメインに対するIPの振り分けをしています。

私の場合はテストサーバの内容をブラウザで確認したい場合に使用しています。

続きを読む

多段sshを~/.ssh/configの設定でスムーズに

多段sshの図

以前はFTPを使ってアップロードをしていたりしたのですがよりセキュリティの高いSSHを使ったアップロード作業が主流となってきました。使いやすさだけを考えたらFilezillaなどを使ったFTPでのアップ作業の方が視覚的にいいような気がします。便利な今の世の中では使いやすさよりも安全性なのは頷けますね。

本題ですが、つい少し前に私の仕事で使っているサーバーにgatewayを設けていただきました。今まで目的のサーバーにダイレクトでSSHでアクセスしたのですが外部の方にも触ってもらう機会が増えたので2段階に変更しました。

続きを読む

CSSだけで擬似的に白ふちを表現

img_white_frame

新しいMacBookでましたね。以前のMacより解像度が高くなったため画像が荒く見えてしまうようになりました。テキストで書かれている部分は非常に綺麗なのに、画像のテキスト部分は荒れている…こんなのは悲しい。ということでより多くのテキストの表現をするためにまずは白縁の表現!

続きを読む

CentOS7 + apache2.4.xで最速Vagrant仮想環境構築(Mac)

Vagrantとは?

Vagrant(ベイグラント)はVMwareやVirualBoxなどの仮想化ソフトウェアと連動し仮想環境の作成、環境構築、破棄などを自動化する画期的なツールなのだ!特にVirtualBoxとはデフォルトで連動しているのでVagrantの操作のみで構築できてしまいます。

続きを読む

簡単解決!Webフォントの実装方法

CSS3が実装されてからWebデザインの要素の一つに大きく影響を与えたのがWebfontというものではないでしょうか?

Webフォントという概念ができる前まではWebサイトのフォントはOSに依存したものであり、OSによって見え方の違いができてしまいあまり重要視されていなかったと思います。

続きを読む

精錬されたフォント「AXIS」

AXIS

デザインという仕事をしていると必ずと言っても良いほどフォントの問題にぶつかると思います。
私の仕事の中にも紙媒体とWebデザインどちらの仕事もありますので常日頃からフォントとにらめっこしています。

ただ毎回違うフォントを探してきたりするのはとても大きな労力になりますのでお気に入りのフォントだったり、どんなデザインにも合うフォントをデザイナーさんは1つや2つ持っているんではないでしょうか?

続きを読む