カスタマイズ– tag –
-
tips
カルーセル Slick.js 小さなデバイスへの対応
Slick.jsとは、カルーセル(スライダー)を設置するプラグインです。[カルーセル Slick.js に文字を重ねる] で、画像文字を重ねた後の状態からの説明です。応用編として... -
tips
カルーセル Slick.js に文字を重ねる
レスポンシブ対応のスライダーSlick.js の応用編です。[カルーセル Slick.js 基本の設置方法] で設置したスライドに文字を重ねようと思います。 【完成のイメージ】 CS... -
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でを使って、スクロールのタイミン...