スマートフォンでは、ラジオボタンよりセレクトボックスを使いたい２つの理由 | UI改善ブログ by f-tra
複数の選択肢から１つを選ばせるフォームの単一選択のコンポーネントには、ラジオボタンとセレクトボタン（プルダウンメニュー）の２種類が存在します。 それぞれにメリット・デメリットがあり、通常選択肢の数に応じて使いわけることが一般的ですが、スマートフォンにおいてはまた状況が異なってきます。 本日の記事では、スマートフォンにおける単一選択フォームコンポーネントのユーザビリティについて考えます。 PCの場合の一般的な使い分け 選択肢の展開、選択、と合計2回のクリックが必要なセレクトボックスに対し、ラジオボタンは選択肢をクリックするのみと手間が少ない一方、 あらかじめ展開しておく必要上、画面領域を大きく要するために、選択肢が多い場合にはフォームを長く、複雑に見せてしまうというデメリットがあります。 ※セレクトボックスとラジオボタンの比較 メリット デメリット 向いている設問
【速報】AWS re:Invent 2017 Keynote 1日目で発表された新サービスまとめ #reinvent | DevelopersIO
今からキャッチアップしたい人のために！ AWS re:Invent 2017のKeynote 1日目で発表された新サービスの速報記事をまとめました。ついでに、Keynote前日までに発表されている新サービスもまとめています。 Keynote Day 1での発表 AWS Elastic Container Service for Kubernetes(EKS) AWS Fargate Amazon Aurora Multi-Master Amazon Aurora Serverless Amazon DynamoDB Global Table Amazon DynamoDB Backup and Restore Amazon Neptune Amazon S3 Select Amazon Glacier Select Amazon SageMaker AWS DeepLens Amazon
神戸デジタル・ラボの「セルフチェックかんたん5」は試すな危険 - ockeghem's blog
株式会社神戸デジタル・ラボが公表している「セルフチェックかんたん5」がWebアプリケーションセキュリティの一部専門家の間で話題になっている。 mi1kmanさん経由。 神戸デジタル・ラボさんの Webセキュリティ診断の販促ページ。 色々と言いたいことはありますが、一番は、「Webサイトセキュリティチェックリスト」の7ページ目：【中略】の部分ですかね。 手元の IE7/Firefox3 で試してみた限りでは、「http://int21h.jp/../」にアクセスした場合、ブラウザから出るリクエストの時点で「GET / HTTP/1.1」になっていました。（ブラウザが勝手に訂正してくれるので、GET /../ HTTP/1.1 のようなリクエストが送信されることは無さそう。） はたして“何らかのエラーメッセージ”が表示されることはあるのでしょうか…。(^-^; http://yamagata.
一時ファイルとdentry cacheとメモリ - blog.nomadscafe.jp
わりと長い間悩んでいたんだけど、最近解決したのでメモ。 サービスで利用しているsmalllightの画像変換サーバが、Apacheが使っているメモリ以上のメモリを使用し、Swapしたりメモリ枯渇でサーバがダウンするなどのことが何度かありました。 ↑メモリの動きはこんな感じ いろいろ調べた結果「dentry cache」なるものがメモリ多くを占めていることがわかりました。dentry cacheはディレクトリやファイル名とinodeとを結びつけに使われるキャッシュです。smalllightでは画像を変換する際に一時ファイルを作成するので、その情報が残るようです。 手元で再現させる 本番で使っているサーバはCentOS5系ですが、手元のVagrant上のCentOS6(ファイルシステムはext4)で、再現させてみました。 use Parallel::Prefork; use File::Tem
【CSS】ハイブリッドアプリを作成するときにいつも書くようにしているCSSプロパティいくつか！
こんにちは、相変わらずドラクエ10三昧の橋本です。 最近はライノス道場に通っています。 さて、今日はハイブリッドアプリのCSSを書く際に毎回指定するようにしているプロパティを備忘録がてらいくつか書いていこうと思います（いつも忘れるので）。 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) iPhoneやAndroidでリンクなどの要素をタップしたときに、iPhoneでは薄いグレー、Androidでは緑やオレンジの枠がデフォルトで表示されます。 -webkit-tap-highlight-colorというプロパティに色を指定することで、この枠の色を変えることができます。 ハイブリッドアプリを作成する際には、この枠が出ると如何にもWebっぽくなってしまうため、透明色を-webkit-tap-hightlight-colorに指定して、枠が表示されないよ
select要素を装飾するいくつかの方法 | SONICMOOV LAB
こんにちは。 sonicmoovコーディング担当の、だってぃです。 「ダッティ」よりも「だってぃ」という表記の方が好きです。 平仮名ラヴ。 もう8月も終わりだなんて信じられません。 8月がおわるってことは今年もあと… （考えない方が身のためです） さてさて、 select要素に装飾を施されたデザインを見た時の絶望感。 一度くらいは味わったことがありますよね？ね？ 余白とったり、幅や高さしか満足に変えられないよ！ と枕を濡らした夜もありましたね？ね？ 本日はそんなselect要素の装飾方法をご紹介。 ※タイトルにはいくつかとか書きましたけど、2つしか紹介しません。 誇大表現じゃありません。大丈夫です。 【その1】CSS+Javascriptで装飾っ！ まずはスタンダードな方法。 CSSとJavascriptを使った方法です。 流れを説明すると… 適当な要素（要素Aとする）
datalist experiment
datalist experiment By using <datalist>, you can define a list of suggestions you want the user to select from. Users can optionally select from your suggestions as well as typing it by themselves. Options can be tagged with datalist and referenced from the input element using list attribute by its id. See examples below. input[type=text] datalist For text type, datalist simply suggests list of wo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なかったらINSERTしたいし、あるならロック取りたいやん?
MVVMパターンとは？