タグ

webデザインと開発に関するkenzy_nのブックマーク (3)

  • 多彩なチュートリアルガイドを瞬時に自動生成してくれる「Scribe」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、さまざまなチュートリアルガイドを簡単に自動生成してくれる無料のWebサービスをご紹介します。 例えば、Webサービスを初めて利用するユーザー向けのチュートリアルなどを、非常に簡単なステップでドキュメント化してくれます。 アイデア次第でさまざまな使い方ができるので、ご興味ある方はぜひ参考にしてください! 【 Scribe 】 ■「Scribe」の使い方 それでは、「Scribe」をどのように使えばいいのか詳しく見ていきましょう! まずはサイトの上部にあるボタンをクリックして、無料のユーザー登録を済ませておきます。 自分の好きなユーザー名を入力しましょう。 次に、メールアドレスを入力します。 続いてパスワードを設定したら、登録したメールアドレス宛に認証リンクが送付されるのでクリックしてログインしてください。 「Scribe」が提供するブラウ

    多彩なチュートリアルガイドを瞬時に自動生成してくれる「Scribe」を使ってみた! - paiza times
    kenzy_n
    kenzy_n 2022/07/20
    チュートリアル開始
  • お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久

    今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO(入力フォーム最適化)をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル(項目名)」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を

    お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久
  • ウノウラボ Unoh Labs: CSSをデバッグしよう

    こんにちは、Sashaです。CSSって、誰でも比較的簡単に始めることが出来るくせに、何年たってもつまらないバグにハマったりするものです。今日は、CSSをデバッグする手順を紹介します。特にCSS初心者の方々に参考にしていただければ光栄です。ただ、ここで紹介しているのは、CSSの問題解決の方法ではありません。CSS上の問題点の原因を、自分で見つけるためにとるべき手段です。見つかった問題点を、どうやって解決するかは、ここでは触れないのでがっかりしないでくださいね。 ※以下の手順は、下記のサイトをパクッ・・・、じゃなくて、翻訳しつつ簡単にまとめたものです。 参考: http://www.subcide.com/tutorials/debuggingcss/ まず、問題あるって認めましょう。 見なかったフリをしたい気持ちはよくわかります、が。 人的ミスをつぶそう スペルをチェックしよう

  • 1