Web技術 【CSS】スクロールを促すアニメーション作成方法
See the Pen Untitled by 山崎毅 (@lvfthhbg-the-flexboxer) on CodePen.
2023-10
Web技術 生成AIツール 【chatGPT】chatGPTを使いこなすプロンプト８選
ポイントはchatGPTにやってもらいテキストを「テキスト：""" 」「"""」で囲う。1. 以下のテキストを要約してください。2. 以下のテキストを箇条書きで簡潔にまとめて。3. 以下のテキストを分かりやすく表にまとめて。4. あなたはプ...
Web技術 【css】CSS変数で配列のように複数の値を扱えるようにする方法
See the Pen Untitled by 山崎毅 (@lvfthhbg-the-flexboxer) on CodePen.
Web技術 【デザイン】デザイン業務に使えるサイト
SlamBlurr WallpapersResume TemplatesPhone Clay Mockup
便利ツール 【便利ツール】HTMLをコピペするだけで1発でCSSを生成してくれるサイト。
HTMLをコピペするだけで1発でCSSを生成してくれるサイト。 このサイトを使用するようになってからCSSで記述する時間が減り、コーディング速度が1.5倍位早くなったと思う。
Web技術 【CSS】コメントアウトの使い方
CSSのコメントアウトの使い方。 セクション毎に分けるだけで視認性が上がり、修正の時でも探しやすく保守性が高くなる。これをするだけで他者からの評価は上がります。スニペット登録は必須。 /* (タイトル) ******************...
Web技術 【CSS】フォントサイズを9pxにする方法
通常では表現できないfont-size:10px以下を実装する方法 は以下の通りに実装するとできます。具体的には要素全体を0.9倍縮小させれば実質的に9pxを再現できます。 かなり力技ですが、テキストで対応してほしいと言われた時には使えます...
便利ツール 【便利ツール】デザインなどで使えるおすすめ便利ツール
vistacreate簡単にデザインが作れるツールloomノウハウ動画制作ツールAPPLAUNCHPADモックアップ画像作成ツール
chrome拡張機能 【chrome】AI生成ツール用のおすすめchrome拡張機能3選
ChatGPT CTl + Enter SenderChatHub - オールインワンチャットボットクライアントPerplexity