カスタマイズ– tag –
-
tips
カルーセル Slick.js 基本の設置方法
サイト内にSlick.js を使用した、レスポンシブ対応のスライダーを設置する方法をご紹介します。サンプルは、Slick に掲載されています。 私の場合は、WordpressでBootst... -
tips
Windows10 フォントを見やすくする
今更ですが、Wondows10のフォントって見づらくないですか?ノートPCだと尚更見えない!線が細くて詰まった感じで、老眼には辛いものがあります。調べてみると、Wondows1... -
tips
[Bootstrap] 初心者に! Bootstrap テンプレート集
初心者にはBootstrapをお勧めしています。個人的な感想では、レスポンシブサイトを作る際に基本的な事さえ覚えれば、一番ミスが少なく構築できると思います。確かに<... -
tips
スマホでもhoverの効果を使いたい!
例えば、画像の上にマウスを置くと(hover)文字が上に表示されるとか・・・何かhoverで起きる演出系はスマホでは効かない事も。 タップした時の動作(ページ移動)になっ... -
tips
Googleフォームを使う
Googleフォームとは Googleフォームは、ホームページを持っていなくてもホームページに設置するメールフォームの様に、オンライン上で相手に入力してもらえるフォームで... -
tips
AtomとEmmetで快適なコーディング
以前、少し触れましたがDreamweaverからの乗り換えにも便利な、無料のエディタAtomにEmmetというパッケージ(プラグイン)を追加する事で、Zen Codingの様な、素早い入... -
tips
Google mapをレスポンシブに対応させる
なにかと使うgoogle Mapですが、レスポンシブサイトに埋め込むと、どうも上手くいきません。でもレスポンシブに対応させるのは、とっても簡単なんですよ。 こんな感じ!... -
tips
[CSS] Animate.cssでアニメーション効果をつける-2
※Animate.cssがv4になり、変更がありました。[CSS] Animate.css v4 スクロールで動かす (初心者も) で紹介しています。 Animate.cssでを使って、スクロールのタイミン... -
tips
[CSS] Animate.cssでアニメーション効果をつける-1
※Animate.cssがv4になり、変更がありました。[CSS] Animate.css v4 スクロールで動かす (初心者も) で紹介しています。 Animate.cssはclassを付けるだけで簡単にアニ... -
tips
[Bootstrap 4] メニューをTopに固定する
前提として、wordpressのテーマWP Bootstrap Starter フレームワークを使用しています。 navigationを固定するには、flex-top?それとも、stickey-top? 公式サイトでは"...








