HTML/CSS/JS

  • 2017.05.11

暗号化したメールアドレスに件名と本文を追加する方法

サイト制作におけるちょっとしたお困りごとを解消してくれるツールとして、LUFTTOOLSをよく利用させてもらっています。 その中でも「メールアドレス暗号化」は便利で、サイトに載せるメールアドレスのスパム対策として非常に有効です。 推奨されている「安全性:高」を好んで設定するのですが、こちらのツールで生成されるのはメールアドレスのみのmailtoであり、同時に「件名」や「本文」は設定できません。 そ […]

  • 2016.12.25

【jQuery】レスポンシブ対応メニューにPushyのススメ

レスポンシブ対応サイトのメニューに使用した「Pushy」。 にゅっと横からコンテンツをスライドして表示させるこのプラグインは、軽量かつシンプルなのでカスタマイズしやすく使い勝手が良かったので、紹介します。 モダンブラウザにおいてはCSSでスライドを実現していて、IE9においてはJSでスライドさせています。 よって、IE9を考慮しなければ基本的にカスタマイズはCSSの編集となりますので、スクリプト初 […]

  • 2016.05.08

【CSS】備忘メモ:左右半円のこんなタグをCSSでデザインする

CSSで作ったタグデザインが使い勝手が良いので、備忘メモとして残しておこう。 こんなタグをCSS3を使ってコーディングでデザインしました。 どこかポイントに使うも良し、タグクラウドに使うも良し、かと思います。 コピペOK!なソースは以下です。 span { font-size: 80%; background: #a5a5a5; border-radius: 1em; -moz-border-ra […]

  • 2016.03.08

IE7のアコーディオン開閉で要素が正しく表示されなかった件に対応

古いIEのサポートが終了していっている昨今、大人の事情でいまだにIE7にも最低限対応しないといけなかったりします。 アコーディオンをJS(jQuery)で実装し、IE7でテストをすると… ん?要素が表示されない…というかズレてる…時間が経つと正しい位置に出たり出なかったり。 floatさせているからか?absoluteで指定しているからか?むむむ… その他のブラウザでは問題ないだけに、こういう時は […]

  • 2016.01.30

Outlookでメイリオのline-heightを効かせる方法

HTMLメール(メルマガ)のコーディング時にOutlookでメイリオのline-heightが効かず、困ったので調べたところ、なんとか解決できました。 調べた情報のみではできなかった 「Outlook line-height」でググったところ、英語のサイトばかりヒットし、書かれている内容を試してみるも、解決に至りませんでした。 Line-height not working in Outlook […]