CSS 【jQuery・CSS】画像保存禁止方法まとめ スマホ、PCの画像保存を禁止する方法まとめ。 結果から言うと、スマホのスクショで保存を止めることはできませんでした。 まずは、PCの画像保存禁止から 【PC】右クリックを禁止するjQuery jQueryで右クリックを禁止する【画... 2019年07月16日 CSSjavascriptjQuery
CSS PC・スマホで画像保存させない方法【画像保存禁止】 jQueryで画像をDivで囲う CSSとjQueryで画像の手前に透明な要素を追加して、画像を保存しようとしても画像に触れなくする方法。 まずは、jQueryで画像(imgタグ)を検知し、その画像をDivで囲います。 この時、CSSでスタ... 2019年07月15日 CSSjavascriptjQueryサイト制作
CSS CSSでスマホの長押し禁止【画像保存禁止方法】 CSSだけでスマホの長押し画像保存を禁止する方法をご紹介します。 PCでは少しだけダウンロードされにくくなるだけなので、スマホだけ有効にすべきです。 (右クリックで画像をダウンロードすると、画像が保存されるのではなくページで利用されているソ... 2019年07月14日 CSSjavascriptjQueryサイト制作
javascript jQueryでドラック&ドロップを禁止する【画像保存禁止方法】 ドラック&ドロップを禁止する方法 下のコードは、ページ全ての要素でドラッグ&ドロップを禁止します。 もし、画像のみをドラッグ&ドロップ禁止にしたい場合は、ターゲットを「$(document)」から「$("img")」に変更してください。 $... 2019年07月13日 javascriptjQueryサイト制作
javascript 右クリック禁止方法|jQuery【画像保存禁止】 右クリックを禁止にすると画像の保存を出来辛くすることができます。 右クリックできなくする範囲を今回は2つ用意しましたが、「div」や特定クラス・IDにも指定可能です。 ページ全体で右クリック禁止方法 ページ全体を右クリック禁止することで画像... 2019年07月12日 javascriptjQueryサイト制作
javascript 【jQuery】選択した場所の「値」取得方法 選択された値を取得してアクションを起こす方法のご紹介です。 選択した要素の取得にはjQueryの「.index(this)」を利用します。 選択した値を取得 【jQuery】 var list = $("li").index(this); ... 2019年07月11日 javascriptjQueryサイト制作
HTML HTML特殊文字列を一括変換するツールの紹介 ブログにHTMLコードを載せる時、嬉しい変換ツール。 ひとつひとつ変換してたら、記事なんて完成しやしない。 ありがたい諸先輩方のお知恵とサービスをお借りして書かせていただいているので 感謝の気持ちも込めて紹介させていただきたいと思います。 ... 2019年07月10日 HTMLサイト制作
javascript 【jQuery】ブラウザバックでリフレッシュ ブラウザバックでリフレッシュ window.onpageshow = function(event) { if (event.persisted) { window.location.reload(); } ... 2019年07月09日 javascriptjQuery
HTML HTMLテンプレートで時短サイト制作 自分のサイトを作りたい!そんな方のための学習帳。 検査すれば沢山出てくるサイト制作のすすめ。 どっとインストールとか、すごい分かりやすいじゃないですか! でもでもでも、学習の前にコピペでパッと作っちゃいましょう! 覚えるのはそれからでいいと... 2019年07月08日 HTMLサイト制作
CSS CSSのtransitionについて深く知る 普段使っている「transition」を、自分はあやふやにまとめて定義していました。 自分がそうなら、きっとみんなもそうだろうと思い改めて詳しく勉強したいと思います。 transitionとは? transitionとは、Google翻訳す... 2019年07月04日 CSSサイト制作
javascript jQueryで画面遷移させる方法 jqueryで遷移する方法をご紹介します。 画面遷移する場合、javascriptでは「window.location.href」と記述し jQueryだと「location.href」で遷移することができます。 今回はすべてjQueryで... 2019年07月02日 javascriptjQueryサイト制作
javascript jQueryでマウスカーソルの位置を取得する方法 マウスカーソルの取得でよく使う値は、トップからの位置ぐらいなものですが 知っておくと便利な、色々な場所からのカーソル値の取得方法のご紹介です。 さらに最後に、カーソルの値を使った面白いウェブサイトのご紹介もあります。 カーソルの値だけ取れ... 2019年07月01日 javascriptjQueryサイト制作
CSS 三角形の作り方|CSS CSSで上向き、下向き、右、左向きの三角形の作り方のご紹介です。 三角形を作るうえで必要になってくるプロパティが「border」だ。 これが、またよくわからない原理で三角形が作られているのでその辺りも解説していこうと思います。 border... 2019年06月30日 CSSサイト制作
CSS 画像を丸く切り抜く方法|CSS TwitterやInstagramのプロフィール画像でよく見る丸く切り抜かれた画像を実装するCSSのご紹介です。 やりかたは2種類あり、自分は2つ目が好みでよく使用しています。 1つめは、下記のみたいにHTMLでimgタグで画像を表示し周り... 2019年06月29日 CSS
CSS ページ幅をこれ以上広げないCSS パソコンでウェブを見ると、中心にコンテンツが表示されるのが一般的です。 CSSでこれを表現するには、下記の記述をコンテンツの最も外のDivに付ければOK。 【CSS】 .contents { width: 100%; m... 2019年06月27日 CSS