HTML/CSS

UXについてどうすれば良いのか、誰に聞いたら良いのか分からない時は User Experience stack Exchange を検索してみると良いです。

英語ですが色々親切に回答してくれている人がたくさんいます。

HTML/CSS

HTML/CSSで要素のサイズを変更可能にするには resize を使います。

resize: both;//縦横どちらのサイズも変更可能resize: horizontal;//横のサイズの変更可能resize: vertic ...

HTML/CSS

HTMLのテキストなどでユーザーにコピーをさせたくない場合は user-select を使用します。

none を指定することで選択できなくなります。

user-select: none;楽しかったこと

襟足が伸 ...

HTML/CSS

CSSを使って、アルファベットを大文字で表示する場合は、text-transform を使います。

text-transform: uppercase;楽しかったことjust in case が「念のため」という意味だということ ...

HTML/CSS, JavaScript

Puppeteer を使っていて、DOMが特定の状態になるまで待つには、waitForFunction()を使用します。

例えば、windowが特定のサイズになるまで待つ場合は以下のようになります。

await pa ...

HTML/CSS, JavaScript

フロントエンドエンジニアで広く浅く技術を学びたい場合に、おすすめのYoutubeチャンネルがあります。

英語ですがこちら。Traversy Media です。

主に、いろいろなフレームワークやツールなどを実際に ...

HTML/CSS

カルーセルは限られた領域で多くの情報をユーザーに提供できるメリットがあります。

しかし、もちろんデメリットもあるので使用するときにはよく検討する必要があります。

個人的に大きなデメリットだと思うのは、二番目以降 ...

HTML/CSS, JavaScript

Google map を開いて、地点を指定した後に画面左側の「共有」アイコンから「地図を埋め込む」を選択すると、iframe のコードが表示されるので、それをWebサイトに張り付けるだけで簡単にGoogle mapをあなたのサイトに表 ...

HTML/CSS

以下のようなHTMLがあるとします。

文字列はそのままで、グレーの部分だけを透過させたい場合は、グレーの部分に透過を適用します。

background-color に rgba を指定し、四つ目の値を1以下にし ...

HTML/CSS

HTML要素を並べる手段として、float と flex があります。

現在では flex を使うのが一般的ですが、float を使わないとできないことがあります。

それがテキストの回りこみです。

< ...