Web技術 【html】HTMLの小技
今回は実務でも使えそうな小技を紹介accept属性<input type="file" accept=".jpg,.jpeg,.png">alt属性<img src="sample.png" alt="美しいサンセット">autocompl...
Web技術 Web技術 【Vue.js】vue.jsでモーダルを作る方法
モーダルは、Webアプリケーションでポップアップウィンドウを表示するための重要な要素です。Vue.jsを使用すると、モーダルを簡単に作成できます。この記事では、Vue.jsを使ってモーダルを作成するステップバイステップの方法を紹介します。初...
Web技術 【CSS】スクロールを促すアニメーション作成方法
See the Pen Untitled by 山崎毅 (@lvfthhbg-the-flexboxer) on CodePen.
生成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モックアップ画像作成ツール