ホームページ

開発メモ

【CSS】 ChromeだけにCSSを適用させたい! CSSハック

Webサイトのデザインをしていて、ChromeだけにCSSを適用させたいときがありました。 こんな時にCSSをどう書けばよいのか躓いたので覚え書き。 こちらのサイトで紹介されていたので参考にさせていただきました。
NO IMAGE 開発メモ

【WEBフォント】 ChromeとMS明朝

先日、WEBフォントでMS明朝をつかうための方法をアップしました。 ところが問題が発生・・ Chromeだと非常に残念な結果になってしまったのです。 Internet Explorer と Firefox ではイイ感じに表示されるのですが ...
NO IMAGE 開発メモ

【CSS】テキストを垂直方向にセンタリング

divで要素を作り込んでいるときに、 3つの隣り合うブロック要素内にテキストが1行、2行、1行という箇所があったんですね。 で、1行のところは当然、2行のブロック要素の1行目と同じ高さに表示されます。 あああ | あああ | あああ | ...
開発メモ

【WEBフォント】 MS明朝を使いたい

現在、あるサイトを構築中です。デザインカンプをつくっているときに、テキストコンテンツにふさわしいフォントがMS明朝だったので、CSSで指定するフォントもMS明朝を採用しようかなと考えていました。ページの枠組みをつくっているのですが テストペ...
NO IMAGE 開発メモ

【NEO / X SERVER】PHPのバージョンでハマる・・・

メルマガ配信について調べていると NEO というサイトにたどりつきました。 ASPタイプとインストールタイプがあるとのことで 試しにインストールタイプをダウンロードしてみました。 私は X SERVERを使用しているのですが、 ありがたい...
NO IMAGE 開発メモ

セレクトボックスの値に応じてフォームの項目を変える

前回に続いてWebフォームのお話。 これまた気になったことで、 例えば、お問い合わせ用のフォームをつくるとき、 お問い合わせの内容によっては入力して欲しい項目が変わることがあります。 よく、そういったフォームも見かけます。 例えば、一般的な...
NO IMAGE 開発メモ

Webフォームに実装したい!超簡単住所検索 ajaxzip3

郵便番号を入れて、検索ボタンを押すと 住所が自動入力されるWEBフォームって多いですよね。 郵便番号って新規や廃止があるので、そのメンテナンスってどうしているんだろうとか ふと気になったので調べていました。 すると、そんな事なんて全く考えな...
NO IMAGE 開発メモ

【jQuery】タイル風ギャラリーにも使えそうなExpandingOverlayEffect

久々のhtml関連の記事です。 今回、ギャラリーページを導入することになりまして 検索していたところ、クールなものを見つけました。 ExpandingOverlayEffect MarkUpなど詳しくはこちら
NO IMAGE 開発メモ

【BackWPup】エラー頻発・・・ようやく解消

WordPressのバックアップの為に、BackWPupを使用しています。 BackWPupを使用してDropBoxに落としているので 常にローカルにもバックアップファイルを保存できるので非常に重宝しています。 (4つのサイトがあり、全てに...
NO IMAGE 開発メモ

【jQuery】機能豊富なスライドショー

構築していたサイトがカットオーバーしましたので一段落。 またちょくちょく更新していこうと思います。 さて、今回はjQueryを使ったスライドショーをご紹介します。 bxslider 公式ページの How to install にある通り、...