web制作 スクロールバーをなめらかに＆見た目も変えられるjQueryプラグイン「Nicescroll.js」
スクロールバーを動かしたときにふわっと余韻を残して止まるページを見て前からいいなと思っていたので使ってみることにしましたいくつかやり方があるようですが今回見つけたのは「Nicescroll.js」というプラグインで、使いやすくて良かったので
しろあん
web制作 web制作 Google Chromeでページ全体をキャプチャ
例えば制作中にプレビューを画像の形で提出したり印刷する必要があったりwebの場面でもページ全体のキャプチャ画像が必要なときが多々ありますですがプラグインを入れてみても何故かうまく動かなかったりとなかなか手間がかかるのでしたそんなときchro
web制作 GA4（新しいGoogle Anarytics）で自分のIPアドレスを除外する
GA4の見方もよくわからずなんとなく後回しにしていたけどきちんとやることにした左下歯車から管理画面へプロパティから「データストリーム」を選択該当サイトのストリームを選び開いた画面を下に進んで「タグ付けの詳細設定」を選択次の画面から「内部トラ
css 縦横比を保ったまま画像をトリミング「object-fit」
<img>タグでこんな画像を挿入しby 写真ACさらに画像を正方形にしたい、などというとき<div class="box"> <img src="inu.jpg"></div>.box img{ width:200px; height:20
web制作 httpページの検索結果がhttpsになってしまった（ひとまず解決？）
結構前にハマッたことhttpサイトのうち特定のある１ページのみgoogleでの検索結果が突然https://から始まるアドレスに変わってしまいましたこれまで証明書の導入をしたこともなかったのですが…そのままアクセスすると この警告が…見る人
css 背景画像を複数設定して位置も替える
右上の鳥を背景01（bird01.png）左下の鳥を背景02（bird02.png） 全体に敷いてあるものを背景03（back.jpg） として.content { background-image: url("bird01.png"),
css 見出しの前（または後）に画像を付ける
beforeとafterを活用HTML<h1>見出しの内容</h1>CSSh1:before{content:url('画像のパス');position:relative;right:10px;/*本来の位置より左に10pxずらす*/}h1
css リストマーカーに画像を指定
ul li{list-style:none;background:url('画像のパス') left center no-repeat;background-size:20px auto;padding-left:25px;}リストの背景画
web制作 Photoshopの「レイヤースタイル：境界線」が表示されないとき
バナーを作成するときなどにphotoshopで枠を付けたいけど「境界線」で位置を内側にして枠を設定しても表示されていない…そんなときよくやってしまってた表示されない理由をメモレイヤーが透明色がついてないと境界線を乗せることができないそうで…
web制作 Googleフォーム覚え書き
Googleフォームでいつも（自分が）行うと思われる設定の覚え書きですユーザーがGoogleにログインしなくてもフォームを送信できるようにするGoogleフォーム右上歯車アイコンの設定「全般」よりログインが必要：回答を１回に制限する のチェ