お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久
今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を
Webデザインにアクセント！記号やイラストなどのフォントまとめ
記号やイラストなどを収録しているフォントをお探しの方用のエントリ。 自力で無料のものを探すのは難しいという方は参考にどうぞ。 Kaomoji Holiday illust Garabata - dingbats The Scrappin Cop SocialIcons font by ptocheia - FontSpace Irresistible Free Dingbat Fonts | Part II - StarSunflower Studio このページにはかなりの量がまとまっています。キャプチャーは全て、このページのリンクへつながっています。 Was Woodcuts Griffin Bats Zooland My 70's Ding Squares Font Medieval Dingbats Kaloscai Flowers Jade Dingbats Font 001 M
長い単語やURLの改行をコントロールするword-wrapプロパティ - page2 - builder by ZDNet Japan
激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 特集：IT最適化への道 成功の秘訣をその道のプロが解説 カギとなるのはシステムの「見える化」 RPAによる自動化を年30万で実現 小さな投資が目に見える大きな効果に！ デジタル化によるわかりやすい業務効率向上 大学、研究機関、製造業など
(･｣ｏ･)｣ Web開発のあれこれ! Firefoxで長い全角英数字（半角英数字も）を入れると改行せずレイアウトが崩れる
tableタグのセルの中に「１２３４５６７８９０」等の長い全角数字を入れるとIE上ではセル幅で改行されるのにFirefox上ではセル幅で改行されずテーブルのレイアウトが崩れる現象が発生した。 調査した結果半角数字ではFirefoxだけでなくIEについてもセル幅で改行されずにレイアウトが崩れる現象が発生するという事が分かった この現象が起きる理由としてブラウザは半角英数字が続いている限りはひとつの英単語として認識をし英単語の途中では自動改行しないとの仕様らしい。 そのためIE、Firefox共に自動改行されないらしいことが判明。 URLの表示などを表示させようとする時によく問題になるらしい。 ただ今回私が入力したのはあくまで長い全角数字であって半角英数字ではないのだが、Firefoxは全角英数字を半角英数字と同じように扱うようだ。 そのため半角英数字と同じように一つの単語として扱われて自動改
スタイルシートサンプル CSS Samples - eWeb
スタイルシートは、見栄えやレイアウトなどの表示に関する指定を行うものです。スタイルシートを用いるとHTMLだけでは表現できない様々なデザインが可能になります。 サンプルソースはご自由にカスタマイズなどをしてお使いください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブWebデザインで使えるjQueryプラグインいろいろ
新入社員が知っておくべきホームページを崩さず綺麗に印刷する裏ワザ PrintWhatYouLike – Chrome Life
はてなブログ | 無料ブログを作成しよう
CSSデザインサンプル
【HTMLタグの簡単検索】TAG index - ホームページ作成情報