プログラムメモ
Category
cssスタイルシート
graphqlクエリ
TypeScript
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
JavaScript
jQuery
node.js
WEB制作(html, css)
cssスタイルシート
Tailwind CSS
Bootstrap
サーバ構築・管理
Mac / Linux / FreeBSD シェルコマンドメモ
KUSANAGI
Pleskサーバ管理
Amazon AWS クラウド
Mac OSX おすすめフリーソフト
Karabiner-Elements
Auto Hot Key
MySQL
SQL Server(MS-SQL)
React
Vue3
Next.js
Vue.js
Ionic / Angular フロントエンド
postgreSQL
gulp(タスク自動化ツール)
デザイン関連(Photoshop・Illustrator)
Figma / Adobe XD / Sketch
Mac OSX用 VST AU RTAS プラグイン
フリー素材(写真、アイコン、フォント)
iPhone / iPad
WEBサービス / API
SQLite
エディタ・WEB開発環境 /VS Code / Sublime Text
Windows WEB開発(ASP.NET Core / C#)
Visual Studio for Mac (Xamarin.Mac)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
PHPフレームワークCodeIgniter
最近のメモ
「ある要素を内包する要素」の css セレクタ has()
React Hook Form + zod
Vite で react-app を初期化した後の eslint , prettier インストール方法
配列の値(as const)からUnion型(合併型)を生成する
next.js で 現在のURLパス、クエリパラメーターを取得する
dayjs (day.js) + typescript で 日付を扱う
mysqlのテーブルへカラムを追加する ALTER TABLE
mswでreactアプリのモック
findとgrepによる再帰検索
git で tagをつける。削除する。付け直しする。
TypeScript ジェネリックを使って定義された関数へ型を渡さないときの型推論
TypeScript の Conditional Types
キーボードショートカット「/」で検索フォームにフォーカスし、「esc」でフォーカスを外す
new hooks in React 18
CSSによるハンバーガーのアニメーション
css grid の header , footer , nav , main のよく使う例
Laravel で BrowsershotでPDF表示
Linux , FreeBSD のマシンのOSの種類とバージョンとCPUの種類を調べる
JavaScript で実現する WYSIWYGエディタ
ジェネレーター(自動生成)好きにぴったりのパッケージ hygen
作業中ブランチにいながら、派生元ブランチ(master)で行われた更新を取り込む(マージする)
あるドメイの ホストしているサーバーを調べる
css animation 終了状態で止める
css の min() max() minmax() clamp()
React Hook Formでフォームを作成する ( + Yup )
検索
cssスタイルシート
トップに戻る
新規投稿
tags
クイックリンク
「ある要素を内包する要素」の css セレクタ has()
CSSによるハンバーガーのアニメーション
css grid の header , footer , nav , main のよく使う例
css animation 終了状態で止める
css の min() max() minmax() clamp()
display: none → block でアニメーション
横並びにしたdivを「1つだけ自動伸縮」にし「残りは固定」にして「全体も自動伸縮」にする
css で 親子、兄弟のセレクタ
svg アイコンの線や背景の色をcssで変更する
cssファイル自身のlazyload (preload)
cssで position : fixed な要素を中央に配置する(上下左右センタリング)
flex で フッターの画面下固定
高さが半分の br
Pico.css を使用する
印刷用CSSで任意の位置で改行を送信する
table ヘッダ 固定のcss
css shadow のサンプル
css ul li 改行を揃える
cssの display:flex で 右端にそろえる / 両端に揃える
css transition ページ読み込み時 オフ
css で長いテキストを ... で表示する
css で 最後の要素以外または最初の要素以外(2番目以降)のセレクタ
Mac OS Catalina (10.15)のフォント問題に対応する
css「複数行または1行のテキスト」を縦センタリング する
背景画像を複数指定する
cssで背景画像をスマホサイズに合わせて自動でサイズ変更させる
css3だけでグローバルメニューに使えるシンプルなドロップダウンメニューを作成する
cssで position : absolute な要素を中央に配置する(上下左右センタリング)
「ある要素を内包する要素」の css セレクタ has()
● 「ある要素を内包する要素」の css セレクタ has()
a.active を 内側に持つ li の場合
& li:has(> a.active) { border: 10px solid red; }
No.2394
09/15 14:33
edit
edit
delete