網元(AWS+nginx+wordpress)でキャッシュが消えないときの対処法、リバースプロキシCacheの設定変更 2015 April 14Tweet AWSの仮想サーバEC2を利用するときに、チューニング済みの nginx + WordPress 環境を提供してくれるAMIMOTOですが、画像やcssファイル、jsファイルなどで強いキャッシュにハマってしまい苦戦したのでその対処法をメモ。 1, Nginx Cache Controller プラグインでキャッシ...
【css】高さの違う横並びのlistを縦方向に中央揃えにしたいときの記述例 2014 June 08Tweet ul と li を使って何らかの要素を横並びにするとき、縦方向に中央揃えしたい場合や、上下で揃えたい場合は display: inline-block; を使うと縦方向の基準を指定できます。 displayプロパティとは displayは、要素の「表示形式」を指定するプロパティ。 ブロック要素をインラ...
画面サイズ別にCSSを切り替える ‘Media Queries’ についての基礎知識 2014 May 28Tweet レスポンシブのwebサイト作成に必須のMedia Queries（@media screen）について復習兼ねてまとめます。 Media Queries とは？ Media Queries とはブラウザの表示領域やデバイスの画面サイズなどの条件によって、適応させるスタイルを切り替えられるCSS3の機能のこと...
cssで要素(レイヤー)の重なり順序を指定する【z-index】 2014 February 23Tweet 「position」プロパティで要素の位置を指定したら意図していない順に重なってしまった。そんなときは「z-index」プロパティで要素の表示階層（重なりの順序）を指定します。 z-indexプロパティに指定できる値 auto 親要素と同じ階層に表示。つまり「z-index」プロパティの指定がない場合と同...
IEでfont-family:明朝体を使う際に気をつけること【バグ】 2014 February 14Tweet font-familyで明朝体指定の際に気をつけないといけないことメモ。 テキストを明朝体にすることで強調させたり、他のテキストと区別させたい。 基本的には、 「font-family: serif;」なら明朝体 「font-family: sans-serif;」ならゴシック体 になるはずです。 ...
【wordpress】jQuery Masonryでレンガ状のレイアウトに 2014 February 09Tweet 横幅や高さの異なる枠を、うまく隙間を詰めて配置してくれるjQuery「jQuery Masonry」をwordpressで使ってみます。 1,まずは公式サイトからjQueryのソースをダウンロード jQueryMasonry公式サイト：http://masonry.desandro.com/ ...
TiltFlowersのホームページをリニューアルオープンさせていただきました^O^ 2014 January 17Tweet 先日ちょこっとご紹介しましたが、改めてご報告です。 私が担当させていただいていた、都内を中心に個人でフラワーアレンジメントなどをしているお友達のサイトをリニューアルオープンいたしました。 Tilt Flowers：http://tiltflowers.com/ フランスでフラワーアレンジを...
謹賀新年！css3 animationで雪が降りました！^O^ 2014 January 01Tweet あけましておめでとうございます。 フリーランスになってちょうど1年経ちました。 2014年も、日々頑張っていきたいと思います！ かわたま.netも新年を迎えて少し可愛げをだしていきたいなと思い、 お勉強を兼ねてcss3のanimationで雪を降らせてみました^O^ 1,雪の画像（動かしたい画像）...
【jQuery】マウスオーバーで画像をふわっとフェードで切り替えるsmart-crossfade.js実装方法 2013 December 22Tweet 画像をマウスオーバーしたときにただぱっと切り替わるだけでも良いですが、ふわっとフェードで切り替わるようにsmart-crossfade.jsを実装してみました。 とっても簡単にできたので、使い方をメモします♪ >［2014.08.15］CSS3でふわっと切り替える方法の記事も書きました 手順↓↓ he...
“Tilt Flowers”というサイトのリニューアルを担当させていただきました^O^ 2013 December 19Tweet 個人でフラワーアレンジメントなどをしているお友達のサイトのリニューアル中です。 もうすぐ公開です^O^ 公開したらまたご報告します♪ →公開しました！ TiltFlowers：http://tiltflowers.com/...
フリーで使えるWebフォント、Googleフォントの使い方メモ 2013 December 15Tweet 商用・非商用を問わずフリーで使えるWebフォント、“Google web fonts”の使い方をメモします。 使い方はとっても簡単です。 ↓↓今回は各投稿に表示している日付け部分のフォントを変えます↓↓ 1,フォントを選択 まずはhttp://www.google.com/fontsへ〜 ...
