HTML

横に流れる演出のテキストアニメーション

EJSのメリット、デメリットを超ざっくり簡単に紹介

どうも、くまだです。 Web制作のコンテンツ作成で、画像を配置することはよくあることです。その画像は […]

画像のアスペクト比を維持して、画像サイズが変わったとしてもレイアウトを崩すことなく出力させたいときに使えるネタです。

とある案件で、例えばブログの記事タイトルや本文の抜粋が2行以上になったら文の末尾に、… をつけるというCSSのやり方を最近知りました。

SSを楽に書くためのメタ言語、Sassがありますが、HTMLを楽に書くための言語も存在します。その一つがPug（パグ）です。 最近Web制作でPugを使ってコードを書いているのですが、実際使ってみて感じたメリット・デメリットを簡単に紹介していきたいと思います。

レスポンシブする際に、それぞれメディアクエリあててスタイルしていくと思うんですけど、見出し関係も同様にブレイクポイントごとにスタイルしていきますが、もっと楽な方法はないもんかと。

仮に参考サイトからコードをコピペしても、コードの一部を弄って自分なりのコードに改変するのも勉強になります。特に、動作確認をするのには。 ここを変えたら、動きはどうなるのか、というのを考えながらコーディングするとけっこうおもしろいです。

カード型レイアウトのコーディング方法について。

私がやっているやり方は、もしかしたら効率的じゃない方法なのかもしれません。効率的なやり方は熟練のプロの方なら知っていると思いますので、もっと効率的なやり方があればご教授いただきたいところです。 今回はあくまでも、自分のアウトプット的な感じの記事です。