その他 南極点での生活 南極について興味を持ち調べていたら面白い動画があったので共有します。 興味の矛先 私自身、無類のオカルト好きで、私が思うオカルトには超常現象や宇宙人、UFOなんかも含まれる。 UFOの歴史を辿ると、ナチスの秘密に行き当たり、ナチスについて深... 2019年09月16日 その他
CSS CSSやSass、SCSSでコメントアウト(テキスト非表示)方法 CSSを書いててスペースで区切るだけでは、分かりにくいことがあったりします。 そんな時便利なのが、コメントアウト。 このスタイルは、ヘッダー要素のだよ!とか、共通部分をまとめる時にここから~ここまで。 みたいに使い方は色々なコメントアウトの... 2019年09月15日 CSSSASS・SCSSサイト制作
HTML HTMLで非表示要素を追加する方法 HTMLでコメントを入れるときや、この要素は消して表示したいときなどに有効なタグのご紹介です。 <!-- これで囲むと非表示にできます --> <!-- --> <p>これで上の部分は、非表示になります</p> 2019年09月14日 HTMLサイト制作
その他 よく使うアイコン素材集|png svg アイコンを一から作るのもいいけれど時間とコストを考えると、使える素材サイトが必須になってくる。 仕事で利用している便利な素材サイトを今回はまとめます。 イラレ・フォトショが無くてもすぐウェブに利用できるアイコン素材集 このICOON MON... 2019年08月18日 その他
CSS 要素が消えた!?CSSで即、解決するいくつかの方法 コーディングをしてると、CSSで指定しているはずの要素がどこかへ居なくなってしまうことがあります。 そんな時の解決方法をご紹介します。 要素の重なりを疑う 背景全体にカラーを敷いてたり、画像を敷いてたり要素を重ねてたりすると、起こる現象。 ... 2019年08月05日 CSS
その他 デザインのアイディアの参考になるサイトデザインまとめ アイディアが必要な時、欠かせないウェブクリップ集+面白い技術をまとめました。 ウェブ製作者が普段使うアイディアクリップを共有します。 パソコンの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サイト制作