
動的に追加した要素のクリックイベントが発火しない時の書き方
クリックしたら要素が増える。jQueryの使い方としてはとてもポピュラーな手法ですが、たまーにハマると抜け出せなくなるのもjQueryでよく陥る状況。今回は動的に増やした要素に対するクリックイベントが...
タグやスクリプト、写真素材、画像素材などを集めたWEB制作のための総合フリー素材集ページ 6
クリックしたら要素が増える。jQueryの使い方としてはとてもポピュラーな手法ですが、たまーにハマると抜け出せなくなるのもjQueryでよく陥る状況。今回は動的に増やした要素に対するクリックイベントが...
PHPxMySQLで会員制サービスを構築するような場合、ユーザーIDなど重複してほしくないカラムに対してUNIQUEキーを設定したりします。そんなUNIQUEキーの追加、削除のためのSQL文の覚え書き...
jQueryでスライダーを実装するためのプラグインといえば、「slick」をはじめ多くのプラグインがありますが、ひと昔前はスライダーといえば「bx-slider」だったと言っても過言ではないと思います...
要素があるかどうかを判別して分岐処理、動的なコンテンツでよく使う処理なのでコピペ用として。要素の数を取得して、0か1以上かを判別するわけですが、jQueryでは主に「length」を使用します。 ...
AjaxでAPI用のアクセストークン等のデータをJSONを取得して処理、受け取ったアクセストークンをもってまたAjaxで通信、といった場合、「最初の非同期処理が正常に完了したら次の処理を実行」という順...
インターネットも普及して年月が経ち、10周年をこえるサイトも多くある今日この頃、技術の進歩やトレンドの変化がとても速い業界のため、同じサイトとはいえずっと同じデザインである事は稀であるかと思います。...
レイアウトを組む時、特に横幅可変やレスポンシブ対応の際に横幅や余白の計算は不可欠ですね。例えば横幅いっぱいに伸ばしたいけど50pxだけ余白を残したい時。「親のdivにpadding指定して、子の要素は...
とても初歩的な事ですが、たまに順序を忘れる事があるのでメモ程度に。?と&で区切る「URLパラメータ」と、#で指定する「アンカーリンク」を一緒に記述する時の注意点です。 順序を間違えると動...
2018年7月にリリースされるGoogleChromeからSSL非対応のサイト(=http://から始まるウェブサイト)は「保護されていません」という警告が表示されるようになります。これによりhttp...
Let's Encrypt をインストールして3ヶ月弱。自動更新の設定も対応済みなので何も気にせず運用していると、ある日こんな件名のメールが。 Let's Encrypt certificate...