javascript

jQueryの使い方|CDNとダウンロード

jQueryを利用するなら最新版を使っておけば問題ないよ jQueryを利用しようとした時に、「jQuery3.4」とか「jQuery2.2」とか「jQuery1.1」とかの リンクがあるけど最初のうちってどれを使ったら、どんな効果があるか...
PHP

【初めてのPHP】echoで文字を表示

フロントを作ってるとPHPって聞いたことあるけど、始め方が分かんない状態がずっと続く。 覚えたくても、なんだかムズそうで興味だけって期間が1年2年3年。。。。。この状況を打破するため手っ取り早く始めてみよう! そこで今回は、文字を表示してみ...
javascript

jQueryでaタグのURL(href)取得方法

jQueryでaタグのhrefを取得するには、「$('a').attr('href');」を使います。 「$('a').attr('href');」を使ったDEMOと説明は下に書いていますので、よろしければ見てください!
HTML

HTMLだけ(iframe)で別ページを表示させる方法

別ページを、このページ内にHTMLだけで取得する方法のご紹介です。 自分は別ページの情報を取得するのは、phpの役目と思っていました。が、 「iframe」で取得できることを最近知って驚いたので記事にしました。 「iframe」で別ページを...
その他

南極点での生活

南極について興味を持ち調べていたら面白い動画があったので共有します。 興味の矛先 私自身、無類のオカルト好きで、私が思うオカルトには超常現象や宇宙人、UFOなんかも含まれる。 UFOの歴史を辿ると、ナチスの秘密に行き当たり、ナチスについて深...
CSS

CSSやSass、SCSSでコメントアウト(テキスト非表示)方法

CSSを書いててスペースで区切るだけでは、分かりにくいことがあったりします。 そんな時便利なのが、コメントアウト。 このスタイルは、ヘッダー要素のだよ!とか、共通部分をまとめる時にここから~ここまで。 みたいに使い方は色々なコメントアウトの...
HTML

HTMLで非表示要素を追加する方法

HTMLでコメントを入れるときや、この要素は消して表示したいときなどに有効なタグのご紹介です。 <!-- これで囲むと非表示にできます --> <!-- --> <p>これで上の部分は、非表示になります</p>
その他

よく使うアイコン素材集|png svg

アイコンを一から作るのもいいけれど時間とコストを考えると、使える素材サイトが必須になってくる。 仕事で利用している便利な素材サイトを今回はまとめます。 イラレ・フォトショが無くてもすぐウェブに利用できるアイコン素材集 このICOON MON...
CSS

要素が消えた!?CSSで即、解決するいくつかの方法

コーディングをしてると、CSSで指定しているはずの要素がどこかへ居なくなってしまうことがあります。 そんな時の解決方法をご紹介します。 要素の重なりを疑う 背景全体にカラーを敷いてたり、画像を敷いてたり要素を重ねてたりすると、起こる現象。 ...
その他

デザインのアイディアの参考になるサイトデザインまとめ

アイディアが必要な時、欠かせないウェブクリップ集+面白い技術をまとめました。 ウェブ製作者が普段使うアイディアクリップを共有します。 パソコンのLPとスマホのLPのアイディアが詰まったクリップ ブックマークに置いておきたいLP集の「ランディ...
javascript

jQueryでスクロールしたら特定位置で固定する方法

ヘッダーが消えそうになると上に固定されたり、カラムが特定位置で固定されたり なんとなくどうやってやっているのか気になっていたので、調べてみたら理解できた! その理解したことについてまとめます。 1まずは「特定位置」を取得しよう ある要素、こ...
javascript

jQuery|スクロールして要素が見えたら表示し見えなくなったら非表示にする

スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。 (スクロールしたら表示されっぱなしを作るセットはこちら) そしてもっと凝っているなっと思うのは、スクロールして見えなくなると、そのコンテンツが消えるサイト...
javascript

jQuery|スクロールして要素が見えたら表示する

スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。 そんな凝ってるサイトをコピペで簡単に作れるセットのご紹介です。 基本となるHTMLとCSS 基本となるHTMLとCSSは、下に記載します。 CSSの「.a...
javascript

【jQuery】画像などのファイルダウンロードボタンを実装

ダウンロードボタンを押すと画像がデスクトップに自動保存するボタンの実装方法についてまとめました。 昨日書いた記事で画像のダウンロードボタンを作った際に、「これは忘れそう!」っと思い記事にしました。 【HTML】 <a class="down...
HTML

【HTML】head内でのファビコン設置方法

HTMLでファビコンを設置する方法のご紹介です。 デバイスが増えるとファビコンも増える。それは言い過ぎかもだけれど本当にいっぱい設定しなくちゃいけません。 標準ブラウザ(chrome,firefox,safari)とAndroid、iPho...
広告