css

css

グリッドレイアウトをfloatで実装する【CSS/SASS(SCSS)】

あまり需要がなさそうですが、floatでグリッドレイアウトを実装したのでメモ。特に今回はSassで実装したので、その忘備録も兼ねてのメモです。 そもそもグリッドレイアウトとは?から良くわからなかったので調べました。 グリッ...
css

Sass(SCSS)を使えるようにする(環境開発設定)【css/javascript】

最近使用頻度が多くなってきたSass(SCSS)の環境構築の方法をメモしておきます。 具体的には、node-sassパッケージをnpmでローカルにインストールします。 これだけだと意味不明ですが、調べながら手順をメモしていきます!ちなみに...
2020.04.12
css

コンテンツを開閉できる『もっと見るボタン』をつくりました【javascript/jQuery】

ウェブページで、途中まで文章が表示されていて『もっと見る』ボタンをクリックすると、残りのコンテンツが表示される動きがあります。 今回、リストなどの長いコンテンツを開閉できるボタンをjavascriptで実装したのでメモ。 ...
css

CSSでいつも使っているメディアクエリ(Media Queries)をまとめました【CSS/SASS(SCSS)】

ウェブページをいちから作成する場合、Sassでコーディングすることが多くなりました。ミックスインを使うと、Media Queriesの記述が大変ラクになります。この為にSassを使っているといっても過言ではない。。でも、いつも記述を忘れる...
css

CSSとJavascriptでカードスタイルのリストをつくる【javascript/CSS】

ブログの記事一覧でよくみかけるカードスタイルのリストを作成したく、今更ながらFlexboxでレイアウトを組んだのでメモ。
2020.02.03