HTML/CSS– category –
-
多彩なアニメーションがクラス名を付与するだけで簡単に実装できるanimate.css
今回はサイト制作でアニメーションを実装する際に、簡単なCSSアニメーションならすぐ実装できるCSSのライブラリがあったので共有します。 Animate.cssというライブラリですが、クラス名を付与するだけで驚くほど簡単にアニメーションを実装できました。 恥... -
謎解きゲームを作るのに参考にした記事とプラグインをまとめてみた。
2年ぶりに謎解きゲームを作ってみました。 前回作った時はスクール卒業してすぐだったので、ふと 実務経験2年経った今ならどんなものが作れるんだろう？ と思い、作ってみることにしました。 前回は理解できなくて諦めたことも今回は理解できるのを感じ、... -
ローディングアニメーションをSVGでつくってみた。
仕事でサイトのローディングアニメーションを新しく作る必要があったので、SVGアニメーションに挑戦してみました。 ちなみにSVGアニメーションはこんなやつです。 See the Pen svg animation by yozacchi (@temitarz) on CodePen. gifや動画などと違い、ベ... -
スマホだけ改行したい、スマホとPCで表示する画像を変えたい時に使えるCSS
どうも、よざっちです。 レスポンシブなサイトを制作する中で、 PCとスマホで違う画像を表示したいPCでは表示したいけど、スマホの時には非表示にしたい という時がありませんか？ 非表示にしたりPCとスマホで画像を切り替えたりする時にそれぞれのクラス... -
【週記・プログラミング 】Bootstrapってすごい。2020/5/6-5/10 （week19)
2019年5月6日。 ちょうど1年前の今日、僕はWebの世界に足を踏み入れました。 SUNABACO KOZAに通うために5年働いていた本屋を辞め、沖縄に戻る決断をしたのが去年の4月。 と泣きそうだった自分も、1年経った今、WEB制作会社でなんとか働けるくらいになりま...
1