HTML

CSS

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

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

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

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

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

なぜかPCのchromeとかiPhoneのsafariだと出ちゃう枠線。 必要かな?と思うけど、白背景に白い動画とかだと要るのか。。。 でもvideoタグに枠線は要らないなぁ。 デフォルトで消えてたら...
スポンサーリンク
CSS

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

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

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

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

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

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

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

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

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

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

文字を縦書きにする|CSS

「和」を感じさせるサイトや、「西尾 維新」のサイトのように原稿をテーマにしたサイトを作る時、必ず必要になるHTMLでの文章の縦書き方法を解説。 文章の縦書き 全ブラウザがこのタグに対応しているが、IE...
HTML

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

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

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

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

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

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

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

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

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

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

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

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