![リゾレーヌ サプリを口コミだけで判断してはダメ?バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します!](https://cdn-ak-scissors.b.st-hatena.com/image/square/e7d11a58aabb48f7061b47a9c8d26a0bfaf7b005/height=288;version=1;width=512/http%3A%2F%2Fadp.daa.jp%2Fwp-content%2Fuploads%2F2019%2F11%2F1.jpg)
昨日、無事にsafari3にしました。 噂になっている「鬼の様なパフォーマンス」を若干感じ、幾分快適に思います。 さて今日はsafari3より変更された、form周りの表示をmixiのインターフェイスを使って見ていこうと思います。 Here we go! まず、以前のsafari2.0.4でmixiをアクセスしたときを見てみましょう。 画像は日記を書くページです。(画像クリックで拡大します) Windowをお使いの方、またはMacでもsafariを使っていない方は何か違和感を覚えるかも知れません。 一目で違うとわかるのはボタンですね。 mixiの日記投稿画面というと、茶色のボタンが印象的(個人的に)なのですが、safari2.0.4以前ではそれではありません。 これはsafari2.0.4以前ではform関連のものにCSSの変更が当たらない仕様になっているからです。 ボタンだけ
HOWTO: spruce up your search box with CSS and a background image d’bug Very few designers appreciate the aesthetic of a text input field, and styling form fields cross-browser on any Web site can be a tedious and frustrating experience. CSSで独自デザインされた検索ボックスを作成。 次のような検索ボックスを作成するサンプルが公開されています。 画像は1枚だけで、構成は結構シンプルなつくりになっているようです。 デザインにこだわるなら、こういった部分もちゃんとデザインしたいですね。 具体サンプルのページ
ブラウザのデフォルトスタイルを殺すために*{margin:0;padding:0;}とやることがままありますが、これをやると、実はまずいことが。selectを使うとFirefoxで以下のような表示になってしまうのです。 何がまずいかって?ホラ、右側の1文字が埋まってしまっているではないですか。コレを回避するには以下のように指定すれば直る。 option{ padding-right:10px; } これで右側に余白が確保され、文字が隠れることがなくなります。と、web creatorsだかなんだかに書いてありました。まぁ、僕はそれ読むまでこんなことが起こっているということにすら気付きませんでしたけどね・・・。 ていうかinputとかselectって何よ 前々からよくわかんなかったんですが、inputとかselectとか言うものは何なんでしょう。 インライン要素みたいに見えるけど、例えば i
サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ 2007年06月04日- chris erwin dot com - CRIR: Checkbox Radio Input Replacement This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ。 ライブラリを使うことで、次のようなフォームを実現することが出来ます。 必要なCSSとライブラリを読み込んで、input に class をあてるぐらいの簡単な方法でフォームの変更が可能です。 CSSデザインなので画像を変更で自分好みのフォ
Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS&JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル+画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え
今回は,先日筆者の勤務するはてなのサービスの一つである「はてなダイアリー」で起こった,使いやすさに関する問題を取り上げてみたいと思います。使いやすさの向上のためにデザインを変更したところ問題が発生し,それをプログラミング言語であるところのJavaScriptを使って解決した,というお話です。 その問題とは,「文字の大きさ」に関するものです。 ブラウザには,文字のサイズを変更する機能が用意されています(図1)。例えばInternet Explorer(IE)なら「表示」メニューの「文字サイズ」から「最大」「大」「中」「小」「最小」の五つの段階を選ぶことができます。Firefoxも「表示」メニューの「文字サイズ」から選ぶことができますが,「大きく」「小さく」というメニューになっており,より自由に表示サイズを変更することができます。 図1:ブラウザでは文字サイズを変更できる ちなみにOperaは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く