javascript jQueryでスクロールしたら特定位置で固定する方法
ヘッダーが消えそうになると上に固定されたり、カラムが特定位置で固定されたりなんとなくどうやってやっているのか気になっていたので、調べてみたら理解できた！その理解したことについてまとめます。１まずは「特定位置」を取得しようある要素、ここでは「...
javascript 
javascript jQuery｜スクロールして要素が見えたら表示し見えなくなったら非表示にする
スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。(スクロールしたら表示されっぱなしを作るセットはこちら)そしてもっと凝っているなっと思うのは、スクロールして見えなくなると、そのコンテンツが消えるサイト。そ...
javascript jQuery｜スクロールして要素が見えたら表示する
スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。そんな凝ってるサイトをコピペで簡単に作れるセットのご紹介です。基本となるHTMLとCSS基本となるHTMLとCSSは、下に記載します。CSSの「.anime...
javascript 【jQuery】画像などのファイルダウンロードボタンを実装
ダウンロードボタンを押すと画像がデスクトップに自動保存するボタンの実装方法についてまとめました。昨日書いた記事で画像のダウンロードボタンを作った際に、「これは忘れそう！」っと思い記事にしました。【HTML】 <a class="downlo...
HTML 【HTML】head内でのファビコン設置方法
HTMLでファビコンを設置する方法のご紹介です。デバイスが増えるとファビコンも増える。それは言い過ぎかもだけれど本当にいっぱい設定しなくちゃいけません。標準ブラウザ（chrome,firefox,safari）とAndroid、iPhone...
CSS 【jQuery・CSS】画像保存禁止方法まとめ
スマホ、PCの画像保存を禁止する方法まとめ。結果から言うと、スマホのスクショで保存を止めることはできませんでした。まずは、PCの画像保存禁止から【PC】右クリックを禁止するjQuery jQueryで右クリックを禁止する【画像保存禁止方法】...
CSS PC・スマホで画像保存させない方法【画像保存禁止】
jQueryで画像をDivで囲うCSSとjQueryで画像の手前に透明な要素を追加して、画像を保存しようとしても画像に触れなくする方法。まずは、jQueryで画像（imgタグ）を検知し、その画像をDivで囲います。この時、CSSでスタイルを...
CSS CSSでスマホの長押し禁止【画像保存禁止方法】
CSSだけでスマホの長押し画像保存を禁止する方法をご紹介します。PCでは少しだけダウンロードされにくくなるだけなので、スマホだけ有効にすべきです。（右クリックで画像をダウンロードすると、画像が保存されるのではなくページで利用されているソース...
javascript jQueryでドラック＆ドロップを禁止する【画像保存禁止方法】
ドラック＆ドロップを禁止する方法下のコードは、ページ全ての要素でドラッグ＆ドロップを禁止します。もし、画像のみをドラッグ＆ドロップ禁止にしたい場合は、ターゲットを「$(document)」から「$("img")」に変更してください。$(do...
javascript 右クリック禁止方法｜jQuery【画像保存禁止】
右クリックを禁止にすると画像の保存を出来辛くすることができます。右クリックできなくする範囲を今回は２つ用意しましたが、「div」や特定クラス・IDにも指定可能です。ページ全体で右クリック禁止方法ページ全体を右クリック禁止することで画像の保存...
javascript 【jQuery】選択した場所の「値」取得方法
選択された値を取得してアクションを起こす方法のご紹介です。選択した要素の取得にはjQueryの「.index(this)」を利用します。選択した値を取得【jQuery】var list = $("li").index(this);【DEMO...
HTML HTML特殊文字列を一括変換するツールの紹介
ブログにHTMLコードを載せる時、嬉しい変換ツール。ひとつひとつ変換してたら、記事なんて完成しやしない。ありがたい諸先輩方のお知恵とサービスをお借りして書かせていただいているので感謝の気持ちも込めて紹介させていただきたいと思います。いつも利...
javascript 【jQuery】ブラウザバックでリフレッシュ
ブラウザバックでリフレッシュ window.onpageshow = function(event) { if (event.persisted) { window.location.reload(); } };さらにブラウザバックでキャッ...
HTML HTMLテンプレートで時短サイト制作
自分のサイトを作りたい！そんな方のための学習帳。検査すれば沢山出てくるサイト制作のすすめ。どっとインストールとか、すごい分かりやすいじゃないですか！でもでもでも、学習の前にコピペでパッと作っちゃいましょう！覚えるのはそれからでいいと思います...
CSS CSSのtransitionについて深く知る
普段使っている「transition」を、自分はあやふやにまとめて定義していました。自分がそうなら、きっとみんなもそうだろうと思い改めて詳しく勉強したいと思います。transitionとは？transitionとは、Google翻訳すると「...
