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