拡大してもボヤけない、アイコンフォントが便利すぎる
サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。 他のアイコンはpng形式の画像だっ[...]
Webサイト制作
動画や連続写真からのアニメーションgifの作成
アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の[...]
Webサイト制作
背景画像を複数指定する方法(css)
背景画像を複数指定したい時があり調べてたところ 順番にcssを指定するところまでは分かったけど書き方がよく分からない・・・ 複数背景の使用はよく使いそうなのでメ[...]
Webサイト制作
ページ読み込み時にフェードインのエフェクト【超簡単！】
jQueryの取扱が苦手な私でもすぐに実装することができたフェードインエフェクト。 トップのイメージ画像の上にテキストをふわっと表示させたいなーと思い調べてたら[...]
Webサイト制作
jQueryで実装！画像の無限ループスライダー
よくサイトで見かけるイメージ画像がひたすら流れるやつをサイトに実装したいと思い調べたところ、下記のサイトに使いやすそうな無限ループスライダーがあったので実装。 [...]
Webサイト制作
画面の縦幅いっぱいに背景画像を表示する
画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、 いやいや、一[...]
Webサイト制作
cssでlistのborderを斜め線にする
このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。 まずはH[...]
Webサイト制作
簡単な背景画像のパララックス
jquaryをリンクさせる htmlファイルでsection毎に背景画像を設定 cssにて。 width:100%; background:url()cente[...]
Webサイト制作
サイトのタイトルを画像置換する方法
よくやり方忘れてしまうのでメモ。 サイトのタイトルをh1とかで記述した場合 それを画像置換するための方法は色々あって 評価が分かれるので現時点でいいなと思ってい[...]
Webサイト制作
