HTML&CSS– category –
-
【随時更新】コーディングする時に役に立つHTML・CSS ジェネレーターまとめ
コーディングする時にあったり便利なジェネレーターをまとめてみました。 他にも何かいいジェネレーターをご存知の方、いらっしゃったら是非教えていただけると嬉しいです！ 【レイアウト】 テーブルタグ 今となってはあまり使うことはないけど、テーブル... -
多彩なアニメーションがクラス名を付与するだけで簡単に実装できるanimate.css
今回はサイト制作でアニメーションを実装する際に、簡単なCSSアニメーションならすぐ実装できるCSSのライブラリがあったので共有します。 Animate.cssというライブラリですが、クラス名を付与するだけで驚くほど簡単にアニメーションを実装できました。 恥... -
マウスをホバーすると色が変わる地図（クリッカブルマップ）の簡単な作り方
日本地図などでよく使われる特定のエリアにマウスカーソルを合わせると色が変わったり、リンクを設定できるクリッカブルマップ。 こんなやつです。（PC推奨） 頻繁に使うことはないと思いますが、複雑な形状のリンクを設置できるので、覚えるとサイト制作... -
IEで画像が表示されない時の解決方法
【クライアントからIEで画像が表示されないとの問い合わせが。】 クライアントから「サイトの画像が表示されない」との連絡があり、確認したら使っているブラウザはIEとのこと。 しかし、CSSが対応していないことはあっても、画像が表示されないというのは... -
ローディングアニメーションをSVGでつくってみた。
仕事でサイトのローディングアニメーションを新しく作る必要があったので、SVGアニメーションに挑戦してみました。 ちなみにSVGアニメーションはこんなやつです。 See the Pen svg animation by yozacchi (@temitarz) on CodePen. gifや動画などと違い、ベ... -
スマホだけ改行したい、スマホとPCで表示する画像を変えたい時に使えるCSS
どうも、よざっちです。 レスポンシブなサイトを制作する中で、 PCとスマホで違う画像を表示したいPCでは表示したいけど、スマホの時には非表示にしたい という時がありませんか？ 非表示にしたりPCとスマホで画像を切り替えたりする時にそれぞれのクラス...
1