css
アイコンフォントのリンク下線はinline-blockで消せます。
2018年7月22日
aタグの中にFont Awesomeのアイコンフォントと文字列を入れると、標準状態で、こんな感じになります。 でも、見た目としてはやっぱりアイコンの下に下線が入るのは不格好。 で、そういうときはスタイルシートに としてや...
もしかしたらdisplayflex;にはアドセンスが表示されないかもしれない。
2018年5月30日
Flexでレイアウトを作るのが便利なので、多様しているのですが一点不可解な現象を確認しました。 それは、 「Flexで作成したボックスの中にGoogleアドセンスのレスポンシブ広告を配置しても表示されない」 ことです。 ...
レスポンシブフォントサイズ:画面サイズに応じてフォントサイズを縮尺する
2018年5月24日
画面サイズに応じてフォントサイズを可変したい(レスポンシブに対応したい)場合のメモです。 参考サイトはこちら。 つまり、特定の画面サイズで表示したいフォントサイズを基準にvw単位で指定するという方法です。 画面サイズが1...
【初心者向】Visual Studio CodeでCSScombを設定する方法
2018年1月22日
CSScombは、予め設定したルールに従ってスタイルシートを整形・プロパティ毎にソートしてくれるツールです。 例えば のようなスタイルシートがあるとします。 marginの記述がバラバラの位置にあったり、単位が不要な0に...
Visual Studio CodeでFTP simple使用時にライブプレビューで躓いた点
2018年1月15日
コーディングは主にVisual Studio Codeを使用して、常にFTP Simpleでサーバー上のコードを同期しながら作業を進めております。 これまでは、コードを書き終えたら保存する、そしてブラウザでF5更新して確...
オンラインコードエディターはICEcoderに落ち着きました。
2017年12月14日
これまでオンラインでWordpressのphpやscssをいじる際は、ShiftEdit(月額6ドル) https://shiftedit.net/ を使っていましたが、他にもっと安いものは無いものかと探していました。 ...
webkit系のブラウザならスクロールバーのデザインが簡単に。
2017年10月4日
幅広くてデザイン的にちょっと頂けないブラウザのスクロールバー。 これをカスタマイズするにはjQueryのプラグインjQuery custom content scrollerをよく使うのですが、 webkit系のブラウザ...
Bootstrapベースで作成した自作WordPressテーマに最適なショートコードプラグイン
2014年9月20日
BootstrapベースでWordpressのテーマを作成しています。 せっかくなので、各cssやコンポーネント関連をショートコードで読み出せるように設定しようと思いましたが、ちょっと面倒だな、と。 そんなことしなくても...
Ajaxで読み込んだコンテンツにwebフォントは適応しにくいのか?
2014年4月3日
モリサワパスポートを契約していればTypesquareが無料で使えますよ、ということで設定してみました。 https://www.morisawa.co.jp/font/news/20131129_02_m.html 同...
関西最大級ホームセンター、スーパービバホーム寝屋川店に行ってきました。
2014年3月30日
さすがに 広い! ホームセンターがベースのショッピングセンターというのは初めて見ました。 お土地柄、農具より工具が豊富です。 合板だけで種類も豊富。 この合板を運ぶ用のハンドルは良いな。 脚立だけでどんだけあるんだ、と。...