2016.10.11

htmlにxmlファイルを読み込ませたい

新着ニュースの更新などで良く使う、xmlファイルの読み込みを実装しました。今回はjQueryでhtmlを追加する書き方をしています。まず、htmlを用意します。日付とテキストリンクを更新するシンプルな表示です。 j…

2016.06.03

CSSで実装する、マウスオーバーで表示される吹き出し

ちょっとした動きをJavaSciptなしで実装できないかと思い、 CSSのみで吹き出しの表示・非表示を作成しました。

2016.02.22

画面中央に表示するモーダルウィンドウをjQueryで実装してみました。 ■HTML ■CSS ■js ■ブラウザでの表示 #modal-mainがモーダルウィンドウのコンテンツエリア、 #modal-bgが背景エリアで、…

2015.07.23

社内での情報共有に便利な「Googleサイト」に、HTMLを挿入・編集する際の注意点をまとめました。それぞれ出来ること、出来ないことがあるので、あらかじめどこをどちらで対応するのか決めておく方が良いと思います。

2015.02.27

IEは8以上で対応のbox-sizingですが、レスポンシブサイトなど制作しているとIE7以下でも使えたら便利な時があると思います。 boxsizing.htcでIE8以上やモダンブラウザと同じような表示を再現できます。

2014.08.27

スマホサイト制作で便利なフレックスボックスでカラムレイアウトを実装したいと思います。

2014.04.04

スマホサイト制作でこのようなデザインを実装する場合、テキスト位置の調整を考えると、displayプロパティが便利です。セル間隔をmarginで調節したいところですが、table-cell に margin は無効です…

2013.11.19

オブジェクト指向CSS（以下OOCSS）では「構造とスキンを分離する」という言葉を良く見かけます。最初は具体的にイメージできなかったのですが、おそらくこういう事ではないかと思ったので、調べた事をまとめたいと思います。 …

2013.05.15

スマホサイトで開閉メニューを実装しiPhoneで確認したところ、タップしたリンクエリアが一瞬ちらつくことに気が付きました。最初はjavascriptの問題かと思ったのですが、cssにある記述を追加する事で解決しました。

2012.06.12

先日、あるスマホ案件でoverflow:scrollを使おうとしたところ上手くいきませんでした。【iPhone】 iOS5.1.1の場合･･･スクロールバーは表示されないがスライドさせる事が可能。 iOS4.2.1の場…