フロント
- Web制作者はダウンロードしておきたい! CSS関連の最新版チートシートのまとめ
- Interactive story generation
- StorybookのstoryをGUIから作成、編集できる
- storyのコード生成はplopで自動化しているので、この機能は使いどころが限定されそうだけど、面白そう
- デジタル庁 ウェブアクセシビリティ導入ガイドブック
- rgb()
rgba(0, 0, 0, 1)
の記法が古いと見かけたので確認今はrgb(0 0 0 / 1)
のような書き方だった。- Figmaの何かのプラグインだと古い記法で出てくるので、そういうものかと思っていた
- 2024年版最近の実装に合わせた、HTMLでWebページを実装するための必要最小限をまとめたテンプレート一式
- 色々考慮されたHTMLスケルトンファイル
- じゃあなんすか、Noto Sans JP使うんならボタンにアイコン入れるなって事すか|chot Inc. デザイナーユニット
Rails
- ドキュメント: 「生成されるDockerfileはproduction用です」
「自分もrails newで生成されるDockerfileを開発用に使っていいのかどうかが気になってたんですが、おかげでスッキリしました」「開発用のDockerコンテナは例のdevcontainer(ウォッチ20240228)でやっていく流れっぽいですね」
.devcontainer
下のDockerfile、compose.yaml、devcontainer.jsonが開発用っぽい
- field_with_errorsによるレイアウト崩れを防ぐ #Ruby - Qiita
この事象の原因は、エラーが発生している時Railsが自動的にfield_with_errorsクラスを持つdivタグで、labelタグやinputタグを囲むことによって発生します。
組織
- 1on1ミーティングガイド
- ミーティングパターンによくある失敗があげられていて面白い