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%; max-width: ... 2019年06月27日 CSS
javascript jQueryでボタンを押すと前面に広がるメニューの実装方法 スマホサイトでよく見るドロワーメニュー(三本線)を押すと前面に広がるメニューを実装してみようと思います。 HTMLとCSS まずはメニューを出した状態で重なりを調節します。 今回は、「 header 」が一番上でその下にメニューが来て、さら... 2019年06月26日 javascriptjQuery
javascript jQueryでページ内リンクを固定ヘッダー分ずらす方法 昨日、「スムーススクロールでページ内リンクをそっこう実装できるjQuery」を紹介しましたが、 固定ヘッダーがあると、その分ずらさなくちゃいけない。。。。すごい手間。 今回はそんな手間をそっこう解決できるjQueryのご紹介です。 基本にな... 2019年06月25日 javascriptjQueryサイト制作
javascript jQueryでスムーズにページ内リンクを移動する方法 ページ内のリンクになにも設定しない場合、アニメーション無しでカクッと切り替わっちゃって大変不格好。 そんな不格好なページ内リンクを優しくするする~っと移動する方法をご紹介します。 下のコードをjsファイルに張り付けると、ページ内リンクのaタ... 2019年06月24日 javascriptjQueryサイト制作
javascript jQueryでmarginとpaddingを含めた値の取得方法 全ての親要素の値を取得するなら「.height()」でいい。 でも、ちょくちょく「margin」や「padding」、「border」を含めた値が欲しくなる時があります。 いつも忘れてしまうので、これを期に覚えようじゃないかと思いまして書い... 2019年06月23日 javascriptjQueryサイト制作