CSS ドラッグで変化するカーソルの作り方｜CSS
Swiper.jsなんかを使う時、ドラッグして横にスライドできるけど矢印のままじゃユーザーに分かりずらいから、ちゃんとスライドできる範囲は「パー」にしてドラッグしたら「グー」にするCSS。【DEMO】お分かりいただけただろうか？エリアに入る...
CSS 
CSS CSS｜iOS safariで滑らかスクロール
iOSで厄介な挙動をするCSSの「overflow:scroll;」でいつも通りの慣性スクロールを実現。-webkit-overflow-scrolling: touch;
CSS CSSの「position relative」の役割
「position:relative;」って何のためにあるの？その疑問を解決します。「position」とはそのままポジション（位置）を整えるプロパティ。次に、どの様にポジションを整えるかというと「relative（相対的）」？「relat...
CSS CSSで背景に色を設定する方法
背景の色は、基本どこも白が多いけれど、特設サイトやブランドカラーがある場合背景にカラーを適応すると、サイトの印象がガラッと変わります。今回は、印象的なサイトを作るための背景色変更方法を解説します。まずは背景に色を追加してみよう！背景に色を追...
javascript jQueryで要素の数を取得｜divやliを数える
jQueryで要素の数を取得｜divやリストを数えるリストの数を取得して何かする時や、リストにしていなかった要素の数を調べる時に便利なjQueryの記述のご紹介です。リストの数を取得 <div class="list"> <ul> <li>...
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 MONOは、...
CSS 要素が消えた！？CSSで即、解決するいくつかの方法
コーディングをしてると、CSSで指定しているはずの要素がどこかへ居なくなってしまうことがあります。そんな時の解決方法をご紹介します。要素の重なりを疑う背景全体にカラーを敷いてたり、画像を敷いてたり要素を重ねてたりすると、起こる現象。こんな時...
その他 デザインのアイディアの参考になるサイトデザインまとめ
アイディアが必要な時、欠かせないウェブクリップ集＋面白い技術をまとめました。ウェブ製作者が普段使うアイディアクリップを共有します。パソコンのLPとスマホのLPのアイディアが詰まったクリップブックマークに置いておきたいLP集の「ランディングペ...
