Select Cuts Off Options In IE (Fix) | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I think the problem is fairly obvious here. If you set a static width on the <select> element and the width of the text in the <option> are wider than that, the text gets cut off in IE 6-8. There is no good pure-CSS solution for this that I can come up with or find. It has been tackled with
[使える CSS テクニック] CSSを使った見栄えの良いフォーム | バシャログ。
第 8 回目は「CSSを使った見栄えの良いフォーム」です。 フォームまわりは、各ブラウザによってかなり差異があります。 よって CSS だけで見栄えをよくしようとすると、結構手間だったります。 例をあげると magin・paddingが異なる borderの線がでない 背景が画像があたらない などなど そんな時に便利なのが 「niceforms」 という javascriptライブラリです。 すいませんが、今回だけは javascript を使わせてください。 niceforms のサンプルはこちら 導入方法 まずは、niceforms をダウンロードします。 次に、必要な jsファイル および cssファイル をインクルード。 <script language="javascript" type="text/javascript" src="niceforms.js"></script>
![[使える CSS テクニック] CSSを使った見栄えの良いフォーム | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
フォーム設計にフォーカスした書籍「Web Form Design: Filling in the Blanks」 - Sooey
フォーム設計にフォーカスした書籍「Web Form Design: Filling in the Blanks」 Web Form Design: Filling in the Blanksというタイトルで、Webのフォーム設計にフォーカスした書籍が出るようです。フォームに特化した書籍はあまり見ないので、ちょっと気になってます。方向性としては、37signalsのディフェンシブ・ウェブデザインの技術―「うまくいかないとき」に備えたデザイン、「上手に」間違えるためのデザイン (Web designing books)なんかに近いのかな？ まだ、amazon.co.jpのデータベースには含まれていないようですが、LukeW | Web Form Design: Filling in the Blanks -a Web design & usability book by Luke Wroble
GPS | サービス・機能 | NTTドコモ
GPS機能とは、GPS機能対応iモード端末のみに提供される、位置情報を取得する機能です。この機能を利用することによって、端末の所在する位置に応じたコンテンツを作成することが可能です。GPS機能では、iエリアとは異なり、緯度経度を利用したポイントを示す位置情報を提供します。 iモードを利用可能な場所であれば、全国（国内）で本サービスをご利用いただくことが可能です。 海外では、iモードが利用可能な場所でも、国内同様のネットワークアシスト方式1 のGPS機能は提供できません。ただし、一部の機種は単独測位方式2 に対応しています。単独測位方式では、ネットワークアシスト方式に対応していない海外でも、オープンスカイ3 であれば時間をかけて測位できる場合があります。 1ネットワークアシスト方式 衛星の位置や基地局情報の位置等の捕捉情報（アシストデータ）を携帯電話のネットワークを利用して取得する方式で、
CSSベースのクールなフォーム、サンプル集:phpspot開発日誌
Smashing Magazine | Blog Archive CSS-Based Forms: Modern Solutions In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, CSSベースのクールなフォーム、サンプル集。 デザインにしにくい部分だからこそ、凝っておくと玄人受けはよい筈。色々なデザインがあって感心するばかりです。 Prettier Accessible Forms Badboy Niceforms Functional Pretty Forms Form Layout Templates Fun with forms - customized input elements Scr
CSSとButtonタグを使ったクールなボタンサンプル集:phpspot開発日誌
Digital Web Magazine - Push my button If there’s one element I think doesn’t get enough respect, it’s gotta be button. It’s played second fiddle to input in tutorials and form examples for as long as I can remember. CSSとButtonタグを使ったクールなボタンサンプル集。 Formのsubmit ボタンを作る場合、<input type="submit" value="送信"> の形式が最も使われていますが、 <button type="submit"></button> タグを使い、その内部にHTMLを入れこんでCSSでデザインすることでリッチなボタンが作れる実例。 <in
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォームボタンCSSデザインするテクニック （Rediscovering Button Element） - youmos