タグ

htmlとformに関するcolissのブックマーク (3)

  • スマホ時代におけるフォームのデザイン・実装のテクニックが詳しく解説された良書 -フォーム制作実践ガイド

    フォームのデザインや実装が苦手という人は少なくないと思います。スマホ時代における、ユーザーにとって利用しやすいフォーム実装のテクニックを機能・ビジュアルデザイン・実装コードごとに詳しく解説したフォーム制作実装ガイドを紹介します。 さまざまなプロジェクトで利用できるフォーム制作の知識をしっかりと身につけることができます。 書はSmashing Magazineから2018年に発行された「Form Design Patterns」の翻訳版。洋書だと実例が英語のままで、日語環境ではあまり参考にならないということがありますが、書は可能な限り日語環境に適するように翻訳されています。 書は日発売! 書店で見かけたら、ぜひ手にとってみてください。300ページ超で、かなりのボリュームです。 Form Design Patterns シンプルでインクルーシブなフォーム制作実践ガイド ISBN 9

    スマホ時代におけるフォームのデザイン・実装のテクニックが詳しく解説された良書 -フォーム制作実践ガイド
    coliss
    coliss 2019/12/24
    さまざまなプロジェクトで利用できるフォーム制作の知識をしっかりと身につけることができる一冊。
  • Web制作者が苦痛だと感じているselect要素の不満点と美しくスタイルするテクニック

    フォームをスタイルするのが苦手、中でもselect要素が最も苦手という人は少なくないと思います。Web制作者が苦痛だと感じているselect要素の不満点、select要素をクロスブラウザ対応で美しくスタイルするテクニック、select要素に対するブラウザの進化の紹介します。 The Current State of Styling Selects in 2019 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに select要素を美しくスタイルするテクニック ドロップダウンの内側のスタイル select要素の不満点 select要素に対するブラウザの進化 はじめに 2019年、CSSで望まれている機能の一つは、フォームのスタイルでした。トップ5に入っています。 Greg Whitworthのデータによると、フォーム要素の

    Web制作者が苦痛だと感じているselect要素の不満点と美しくスタイルするテクニック
    coliss
    coliss 2019/11/12
    Web制作者が苦痛だと感じているselect要素の不満点、select要素をクロスブラウザ対応で美しくスタイルするテクニック。
  • ログインフォームは変わった方法で実装しないで!

    Webサイトのログインに使用するパスワードをどのように管理していますか? 私は1Passwordで管理していますが、他にもChromeのパスワードマネージャーやmacOSのキーチェーンなどを使用している人も多いと思います。 そんなパスワードマネージャーとうまく連動するログインフォームを実装するためのポイントをまとめた記事を紹介します。 don’t get clever with login forms by Brad Frost 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ログインフォームの避けるべき例 ログインフォームの適した例 はじめに 日増しに、私はログインフォームでイライラすることに気がつきました。1Password(私が使用している)やChromeのパスワードマネージャー(これも私が使用している)のような

    ログインフォームは変わった方法で実装しないで!
    coliss
    coliss 2019/02/26
    パスワードマネージャーとうまく連動するログインフォームを実装するためのポイント
  • 1