コーディング

  • HOME
  • コーディング
複数画像のサイズを全体的にいい感じにそろえる
2024年11月8日
コーディング
/
デザインの時点では揃っていてきちんと整列している画像でも、納品後に画像の差し替えが行われると表示が崩れてしまうことがある・・・よね？あたしだけかしら？ たとえば以下のようにどの画像のサイズが変わったと…
JavaScriptで要素を動かす
2023年10月3日
コーディング
/
jQueryを使わず、JavaScriptで動きをつけるとき。 いつもGoogle先生のお世話になってしまうのでコピペ用にここに記録しておきます。 スクロールしたらクラスを付与 //スクロールイベント…
CSSで要素を動かす
2023年9月27日
コーディング
/
ほんの少し動かしたいだけなのに いつも検索してはGoogle先生のお世話になってしまうので 自分のためにまとめておきます。 要素の背景が横方向に流れていきます section { background…
電話番号リンクをPCでクリックさせない
2022年10月25日
コーディング
/
サイトに電話番号を記載しているけれど、PCの時にはクリックさせたくない。 そういう要望は多いと思います。 安心してください。できますよ。 //電話リンクをPCで無効にする $(function () …
ワードプレスでjQueryがちゃんと動かない
2022年10月14日
コーディング
/
ローカルで作業してるときはうまくうごいてるjQueryを使ったアニメーションがWPになったとたんうまくいかない・・・ いろいろ調べていろいろ試して、結果、検討違いのことで何時間も悩んでいたのか、と愕然…
tableにpaddingやmarginを
2022年10月8日
コーディング
/
テーブルを使う時にパディングやマージンをつけたい！と思うけどそれは無理。 ちゃんとした理由はあるんだろうけど、それはもうそういうものとして解決策を。 <table> <tbody&g…
Font Awesome 5を疑似要素でつかう
2021年8月3日
コーディング
/
FontAwesomeは便利だけど、font-familyの指定やfont-weightの指定がふわっとしてるので、備忘録として。 Font Awesome 使いたいアイコンを検索。 アイコンの左上に…
要素の高さを取得して付与したい
2021年7月29日
コーディング
/
高さが可変になるヘッダーやフッターを使っていると、 どうしても高さを取得してなんらかの処理をすることが発生します。 ヘッダーの高さを取得してヘッダー下のmain要素にパディングを $(function…
PCとスマホで処理を切り替える
2021年7月22日
コーディング
/
PCとスマホで違うことをしたいっていうのは結構ある。 そんなときの備忘録。 $(function () { function checkBreakPoint() { var w = $(window)…
ひょっこりしたものの位置を変える
2021年6月24日
コーディング
/ / /
以前 画面の下にひょっこり出てくるフッター という記事で すこしだけスクロールしたらフッターをひょっこり表示させました。 一度ひょっこりさせたものの場所をかえたい 少し進んで、 ひょっこりさせたフッタ…