CSS 【jQuery・CSS】画像保存禁止方法まとめ
スマホ、PCの画像保存を禁止する方法まとめ。
結果から言うと、スマホのスクショで保存を止めることはできませんでした。
まずは、PCの画像保存禁止から
【PC】右クリックを禁止するjQuery
jQueryで右クリックを禁止する【画...
CSS 
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でマウスカーソルの位置を取得する方法
マウスカーソルの取得でよく使う値は、トップからの位置ぐらいなものですが
知っておくと便利な、色々な場所からのカーソル値の取得方法のご紹介です。
さらに最後に、カーソルの値を使った面白いウェブサイトのご紹介もあります。
カーソルの値だけ取れ...
CSS 三角形の作り方｜CSS
CSSで上向き、下向き、右、左向きの三角形の作り方のご紹介です。
三角形を作るうえで必要になってくるプロパティが「border」だ。
これが、またよくわからない原理で三角形が作られているのでその辺りも解説していこうと思います。
border...
CSS 画像を丸く切り抜く方法｜CSS
TwitterやInstagramのプロフィール画像でよく見る丸く切り抜かれた画像を実装するCSSのご紹介です。
やりかたは2種類あり、自分は2つ目が好みでよく使用しています。
１つめは、下記のみたいにHTMLでimgタグで画像を表示し周り...
CSS ページ幅をこれ以上広げないCSS
パソコンでウェブを見ると、中心にコンテンツが表示されるのが一般的です。
CSSでこれを表現するには、下記の記述をコンテンツの最も外のDivに付ければOK。
【CSS】
.contents {
width: 100%;
m...