「 サイト制作メモ 」 一覧

no image

WordPress と Facebookの連携が表示されない原因

2017/10/05   -サイト制作メモ

dddwordpressのテーマ「xeory_extension」を使っていた時 初期設定でいくつかの項目を入力するとfacebookとの連携ができるようになってたのでテストサイトで設定項目を入力する …

“Swiper”を使ったスライドで左右に画像を表示する

2017/09/08   -サイト制作メモ

JQueryなしで動く”Swiper”という便利なプラグインを使ってのスライドショー。 左右に画像を表示したい時の注意点をメモ。 ダウンロードはこちらから swiper公式サイ …

cssだけでドロップダウンメニューを実装(軽い!)

2017/08/29   -サイト制作メモ

ドロップダウンメニューをcssだけで実装できる方法があるらしい。 jsファイルの読み込みがないなら軽くていいなぁと思いやってみた。 cssでドロップダウンメニューサンプル まずはhtml。 一般的な入 …

スライドショーの画像を切り抜いたように表示する

2017/08/24   -サイト制作メモ

よくあるスライドショーで 上だけ丸みを帯びていたり、波打っていたり、三角になっていたりと フレームの中でスライドショーが動いてるやつがやりたくて調べていたところ意外と簡単にできることがわかった。 次回 …

拡大してもボヤけない、アイコンフォントが便利すぎる

2017/07/18   -サイト制作メモ

サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。 他のアイコンはpng形式の画像だったけど全然違う。 ぼやけないしキレイ! …

動画や連続写真からのアニメーションgifの作成

2017/05/10   -サイト制作メモ

アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 …

背景画像を複数指定する方法(css)

2017/05/10   -サイト制作メモ

背景画像を複数指定したい時があり調べてたところ 順番にcssを指定するところまでは分かったけど書き方がよく分からない・・・ 複数背景の使用はよく使いそうなのでメモ。 基本的には,(カンマ)区切りで続け …

ページ読み込み時にフェードインのエフェクト【超簡単!】

2017/05/10   -サイト制作メモ

jQueryの取扱が苦手な私でもすぐに実装することができたフェードインエフェクト。 トップのイメージ画像の上にテキストをふわっと表示させたいなーと思い調べてたら、かなりシンプルな記述でフェードインエフ …

jQueryで実装!画像の無限ループスライダー

2017/05/09   -サイト制作メモ

よくサイトで見かけるイメージ画像がひたすら流れるやつをサイトに実装したいと思い調べたところ、下記のサイトに使いやすそうな無限ループスライダーがあったので実装。 無限ループスライダー で、ここからcss …

画面の縦幅いっぱいに背景画像を表示する

2017/04/28   -サイト制作メモ

画面全体に背景画像を表示するには、 background:url(‘画像を指定’); background-size:cover; でできますが、 いやいや、一画面だけでなくそ …