HTML&CSS

Google Mapのスクロールを止める方法

Google Map共有機能の「地図を埋め込む」を使って、サイトにMapを表示する場合iframeが使用されます。 簡単に導入することができて便利に使えますのでさまざまなサイトで活用されています。 ところが、ひとつ問題点があります。スクロールをするときにMapの上にマウスのカーソルが重なった場合です  >>続きを読む

Google Analyticsを使ったABテスト

GoogleAnalyticsでは「ウェブテスト」という機能があります。この機能を使用することでABテストを実施することができます。 「ウェブテスト」という機能を使用すると、ある指定のページを表示させると正規のページとテストパターンのページがランダムに表示されるようになります。 その結果ユーザーがA  >>続きを読む

Koalaの使い方〜Sass

KoalaはSassをGUI環境で使うことができるコンパイラです。デザイナーさんはコマンド操作よりも、こちらの方が使いやすいかもしれません。 ここではKoalaの使い方を学習します。 Koalaのインストール(Windows) KoalaはWinとMacどちらにも対応しています。 Koalaはこちら  >>続きを読む

Git〜リモートリポジトリから必要なブランチをローカルに取得する方法

Gitのリポジトリをローカルにクローンしても全てのブランチが取得されるわけではありません。 sourceTreeを使用して必要なブランチをローカルに取り込む方法の紹介です。 各ブランチはローカルに取り込まれていませんが、リモートのブランチは左のメニューに表示されています。 このリモートのブランチをダ  >>続きを読む

appearanceプロパティについて〜CSS

appearanceプロパティは、ボタンなどの見た目をコントロールするものです。特にスマホサイト作成の時には重宝されることが期待されましたが、主要ブラウザの対応はマチマチで、なおかつW3CのCSS3仕様書から削除されたりなど落ち着きません。 どうやら、見た目をコントロールできても振る舞いまでCSSで  >>続きを読む

WordPressテーマ開発中にvar_dump()の結果をターミナルに表示

WordPressのテーマを開発中にPHPのvar_dump()を使うことがあると思います。 var_dump()の結果がページの中に大量に表示されるとレイアウトは当然崩れます。できれば別窓に表示さるとありがいたいものですね。 そんなありがたい仕組みをプラグイン化してくれたありがたい人がいます。 今  >>続きを読む

Sublime Text3の便利な使い方

*2017/5/7追記しました。 Sublime Text3のソースフォーマット Sublime Text3のソースフォーマットはデフォルトで用意されています。 フォーマットしたい部分を選択するか、全選択してメニューから Edit → Line → Reindent 日本語化したメニューなら 編集   >>続きを読む