備忘録の使い方はこちら

CSS

CSS

フォームのベストプラクティス

2022.02.25 2022.03.10 衣笠
CSSHTML
CSS

サイトに動きをつける時に役立つ逆引きリスト

サイトに動きをつけるときに、役立つウェブサイトを見つけました。動かしたいパーツごとにまとめてくれているのでとても便利です。サイトURL
2021.02.22 管理者
CSSHTML
CSS

WEB制作のあれどうやってつくるの？をレシピのように探せるサイト

タイトルの通り、web制作でのあれどうやってつくるの？という疑問を解決してくれるサイト「CODE KITCHEN」を紹介します。このサイトは、あのサルワカを運営している'CatNoseさん'が制作されています。サイトの内容はこれからどんどん...
2021.01.18 管理者
CSSHTML
CSS

Brackets 便利なショートカット

Ctrl + /コメントアウトAlt + ←または→行の先頭または末尾へ移動Ctrl + L行一括選択Ctrl + B （Bを繰り返えせば、同じ文字列を見つけて選択を繰り返します。）選択範囲と同じ文字列を複数選択する文字だけを見たら便利さは...
2020.06.08 2021.01.13 衣笠
CSSHTML
CSS

ページ読み込み時にローディング画面を実装する方法

最低限のJavaScriptでロード画面を実装する方法です。
2020.07.27 管理者
CSS
CSS

flex boxを楽しく学べるサイト”Flexbox Froggy”

cssでコーディングをしているとflexboxをよく使うと思います。でも、いろんなプロパティがあってすべてを覚えるのは難しいです。そんなflexboxのプロパティが、カエルを蓮の葉まで動かすという簡単なゲーム形式で学べる"Flexbox F...
2020.07.03 管理者
CSS
CSS

CSSで実装する手動スライドショー

勝手に切り替わるスライドショーじゃなくて手動で切り替えたい…というときに参考になったサイトです。
2020.06.26 管理者
CSS
CSS

CSS Gridについて

CSSでレイアウトを組むときに普段ならFlexboxで組むことが多いと思います。CSS Gridとは、Flexboxと同じレイアウトのテクノロジーのことです。CSS GridとFlexboxは表面的には似ています。しかし、それぞれ異なるレイ...
2020.06.09 管理者
CSSHTML
CSS

Blackets　おすすめプラグイン

ほぼ必須レベルAutoprefixercss保存時に自動的にベンダープレフィックスが追記される。Beautify見づらいコードが一発で見やすくなります。インストール後、編集メニューの「保存時にBeautifyする」にチェックを入れれば、ファ...
2020.05.22 衣笠
CSSHTML
CSS

Flexboxを使った際、画像が伸びるのを解消する方法

Flexboxを使った際、子要素に画像を入れると縦横比を無視して、縦に伸びてしまう場合の解消方法（ローカルのプレビューでは確認できないが、サーバーにアップしたら伸びる事がある）display: flex;align-items: flex-...
2020.04.07 衣笠
CSSHTML
次のページ