cssで計算ができる、calc()が便利そう
可変する幅から一定の幅だけ少なく設定したい! 最近は、レスポンシブでコーディングする機会がとても多くなってきています。 上記のようなことをしたい、という状況も少なからずあるのではないでしょうか。 cssで書くと以下のよう…
可変する幅から一定の幅だけ少なく設定したい! 最近は、レスポンシブでコーディングする機会がとても多くなってきています。 上記のようなことをしたい、という状況も少なからずあるのではないでしょうか。 cssで書くと以下のよう…
Mobile でハンバーガーボタンはよく見かけますが、 ちょっとアニメーションをつけたりするのは意外と時間がかかるものです。 そこで、ご存知の方も多いかもしれませんが、 今回ご紹介するのは「Transfor…
HTMLメールを作成する際、レスポンシブやリキッド対応を求められることが多くなりました。 リキッドレイアウトのHTMLメールでは、外側の要素にmax-widthで最大幅の指定をして、中の要素は固定せずにパーセント指定でコ…
みなさん、インデントはタブ派ですかスペース派ですか。 インデントは 2つですか 4つですか。 一人でコードを書いている分には好みの書き方でいいかと思いますが、チーム作業する場合には、ここを揃えておかないとエラいことになり…
WordPressでプラグインから出力されるjQueryライブラリやJSやCSS、自分で指定したjQueryライブラリを 整理したい場合があります。wp_enqueue_script関数を使用する前に調整する方法を調べて…
ページに埋め込んだYouTubeをJavaScriptで制御する機会が何度かあったので、 YouTube Player API の使い方をまとめてみます。 今回使用するのは、以下のIFrame API になります。 if…
前回の記事「D3.jsの使い方とグラフを作成するサンプル」に引き続き、今回もD3.jsを使用します。 今回はD3.jsを使用してブラウザ上に日本地図を作成し、 CSVファイルに記載された果物の都道府県別出荷量のデータを反…