HTML

スポンサーリンク
CSS

Yes/No診断テストをjQueryで作りました!ダウンロードですぐに利用可能

いつも当ブログを見てくださりありがとうございます! 「Yes/No診断テスト」を自由に使っていただけるよう、jQueryで作成しました。 Yes/No診断テスト 再配布以外は著作権フリーで利用可能ですので、診断テストを作る機会がありましたら...
HTML

修正したCSSが反映されない!?強制的にキャッシュを再読み込みさせる方法

ページデザインが完成してレスポンシブもばっちりと思って、提出すると「変わってないですが。。。」と言われてしまう。 キャッシュをクリアして再読み込みすればいいから「shift」を押して更新すれば良いじゃん!と思っちゃうけど、お客さんにひと手間...
HTML

【HTML】動画(videoタグ)の枠線を消す方法

なぜかPCのchromeとかiPhoneのsafariだと出ちゃう枠線。 必要かな?と思うけど、白背景に白い動画とかだと要るのか。。。 でもvideoタグに枠線は要らないなぁ。 デフォルトで消えてたらいいと思います。 自分で使う基本のCSS...
CSS

ホバーした時にCSSだけで出来る様々な画像切り替え方法

CSSだけでホバーした時に、様々な画像切り替え方法のご紹介。 色んなパターンの画像切り替えサンプルを用意しますので、まずは基本のHTMLを。 このHTMLを書いて2枚画像を用意して、目的のCSSをコピペすれば同じ動きになります。 沢山サンプ...
HTML

テキストエリア(textarea)を変更不可にする方法|HTML

フォームのテキストエリア(textarea)を変更できなくする方法のご紹介です。 テキストエリア(textarea)を変更できなくする場合は「readonly属性」を使います。 DEMO このテキストは消せません(意味はないですが文字を...
HTML

HTMLでリンク先を別タブ・別ウィンドウで表示する方法

リンクを押したら別タブ・別ウィンドウで表示する方法のご紹介。 まずは別タブでの表示方法から。 aタグに「target="_blank"」を書くことで別タブで表示可能です。 別タブでリンクを開く方法 <a href="" target=...
HTML

input type属性でブラウザキャッシュを利用する|CSS

LPやメルマガ、お問い合わせやショッピングカートなどウェブでは様々な入力フォームがある。 入力フォームは、とても面倒でその面倒がサービスからの離脱につながります。 私たちフロントの人間は少しでもサービスからの離脱を防ぐため、デザインやスクリ...
CSS

ドロップダウンメニューをコピペで簡単に作る方法

ドロップダウンメニューをHTMLとCSSとjQueryで簡単実装しよう! DEMO ドロップダウンメニュー ドロップダウン1 ドロップダウン2 ドロップダウン3 ドロップダウン4 ドロップダウン5 ドロップダウ...
CSS

文字を縦書きにする|CSS

「和」を感じさせるサイトや、「西尾 維新」のサイトのように原稿をテーマにしたサイトを作る時、必ず必要になるHTMLでの文章の縦書き方法を解説。 文章の縦書き 全ブラウザがこのタグに対応しているが、IE11だけにはベンダープレフィックスを付け...
HTML

HTMLで外部ファイルの読み込み方法

HTMLで外部ファイルを読み込む時、CSSとJSファイルでは書き方が違うから「あれ?」って忘れがち。 そんな外部ファイル群の読み方まとめ。 外部ファイルには、画像やビデオなどの「コンテンツファイル」と処理が書かれた「プログラムファイル」が存...
CSS

CSSはどこに書くのが最適なのか

CSSの書くところは大きく分けて3つある。 インラインで書く HTMLファイルに直接記述する。 インラインで書く場合、なるべく「head」内にスタイルを記述。 「head」内に書かなくてもスタイリングできるけど、コードが読み辛くなるのでなる...
HTML

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

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

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

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

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

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

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

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