UXについて質問がある場合の調査方法
UXについてどうすれば良いのか、誰に聞いたら良いのか分からない時は User Experience stack Exchange を検索してみると良いです。
英語ですが色々親切に回答してくれている人がたくさんいます。
CSS 要素のサイズを変更可能にする
HTML/CSSで要素のサイズを変更可能にするには resize を使います。
resize: both;//縦横どちらのサイズも変更可能resize: horizontal;//横のサイズの変更可能resize: vertic ...
CSS コピーさせたくない場合
HTMLのテキストなどでユーザーにコピーをさせたくない場合は user-select を使用します。
none を指定することで選択できなくなります。
user-select: none;楽しかったこと襟足が伸 ...
CSSでアルファベットを大文字で表示する方法
CSSを使って、アルファベットを大文字で表示する場合は、text-transform を使います。
text-transform: uppercase;楽しかったことjust in case が「念のため」という意味だということ ...
Puppeteer で特定の状態になるまで待つ関数
Puppeteer を使っていて、DOMが特定の状態になるまで待つには、waitForFunction()を使用します。
例えば、windowが特定のサイズになるまで待つ場合は以下のようになります。
await pa ...
フロントエンドエンジニアならチェックしておきたいYoutubeチャンネル
フロントエンドエンジニアで広く浅く技術を学びたい場合に、おすすめのYoutubeチャンネルがあります。
英語ですがこちら。Traversy Media です。
主に、いろいろなフレームワークやツールなどを実際に ...
Webサイトでカルーセルを使用する場合に気を付けること
カルーセルは限られた領域で多くの情報をユーザーに提供できるメリットがあります。
しかし、もちろんデメリットもあるので使用するときにはよく検討する必要があります。
個人的に大きなデメリットだと思うのは、二番目以降 ...
Google map の無料埋め込みだとストリートビューが使えない
Google map を開いて、地点を指定した後に画面左側の「共有」アイコンから「地図を埋め込む」を選択すると、iframe のコードが表示されるので、それをWebサイトに張り付けるだけで簡単にGoogle mapをあなたのサイトに表 ...
CSS 背景色だけ透過させる方法
以下のようなHTMLがあるとします。
文字列はそのままで、グレーの部分だけを透過させたい場合は、グレーの部分に透過を適用します。
background-color に rgba を指定し、四つ目の値を1以下にし ...
float と flex どちらを使うか
HTML要素を並べる手段として、float と flex があります。
現在では flex を使うのが一般的ですが、float を使わないとできないことがあります。
それがテキストの回りこみです。
< ...