その他 デザインのアイディアの参考になるサイトデザインまとめ アイディアが必要な時、欠かせないウェブクリップ集+面白い技術をまとめました。 ウェブ製作者が普段使うアイディアクリップを共有します。 パソコンのLPとスマホのLPのアイディアが詰まったクリップ ブックマークに置いておきたいLP集の「ランディ... 2019年07月29日 その他
javascript jQueryでスクロールしたら特定位置で固定する方法 ヘッダーが消えそうになると上に固定されたり、カラムが特定位置で固定されたり なんとなくどうやってやっているのか気になっていたので、調べてみたら理解できた! その理解したことについてまとめます。 1まずは「特定位置」を取得しよう ある要素、こ... 2019年07月28日 javascriptjQuery
javascript jQuery|スクロールして要素が見えたら表示し見えなくなったら非表示にする スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。 (スクロールしたら表示されっぱなしを作るセットはこちら) そしてもっと凝っているなっと思うのは、スクロールして見えなくなると、そのコンテンツが消えるサイト... 2019年07月22日 javascriptjQueryサイト制作
javascript jQuery|スクロールして要素が見えたら表示する スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。 そんな凝ってるサイトをコピペで簡単に作れるセットのご紹介です。 基本となるHTMLとCSS 基本となるHTMLとCSSは、下に記載します。 CSSの「.a... 2019年07月21日 javascriptjQuery
javascript 【jQuery】画像などのファイルダウンロードボタンを実装 ダウンロードボタンを押すと画像がデスクトップに自動保存するボタンの実装方法についてまとめました。 昨日書いた記事で画像のダウンロードボタンを作った際に、「これは忘れそう!」っと思い記事にしました。 【HTML】 <a class="down... 2019年07月18日 javascriptjQuery
HTML 【HTML】head内でのファビコン設置方法 HTMLでファビコンを設置する方法のご紹介です。 デバイスが増えるとファビコンも増える。それは言い過ぎかもだけれど本当にいっぱい設定しなくちゃいけません。 標準ブラウザ(chrome,firefox,safari)とAndroid、iPho... 2019年07月17日 HTML
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サイト制作