クレイグ・フェデリギ氏、iPadOS14の手書き機能「スクリブル」の開発経緯を語る - iPhone Mania

2020/09/28 9 users ストローク iPhone Mania 手書き Apple 答え

Appleでソフトウェアエンジニアリング担当上級副社長を務めるクレイグ・フェデリギ氏は、米雑誌Popular Mechanicsのインタビューに答え、iPadOS14でどのテキストフィールドにもApple Pencilで手書き入力ができる「スクリブル」がどのように開発されたかを語りました。 手書きの際のストロークまでデータを分析 iPadOS14... 続きを読む

登録フォームのテキストフィールドにはオフホワイトを | UX MILK

2020/06/07 28 users UX MILK オフホワイト 無味 登録フォーム 労力

アプリケーションをデザインする際、ほとんどのデザイナーはコンテンツページには労力を費やしますが、登録フォームは見過ごしがちです。ユーザーが辿り着くのは、視覚的に魅力がなく、無味で事務的なフォームです。白いバックグラウンド、まっさらなテキストフィールド、煩雑な文章、不快な黒のアウトラインがあちこち... 続きを読む

iOS で文字数制限つきのテキストフィールドをちゃんと作るのは難しいという話 - blog.niw.at

2014/07/25 196 users iOS blog.niw.at コード コピペ一発 文字数制限

「そんなん簡単やろ」と思いますよね。 たとえば、「UITextField 文字数制限」でググれば山のようにブログ記事やらコードが出てくるし、Stack Overflow に載ってるコードのコピペ一発で解決しそうに思えませんか? 実は文字数制限をつけたテキストフィールドはそんなに簡単な話ではないのです。 shouldChangeCharactersInRange:replacementString:... 続きを読む

すげー簡単！！WEBに音声認識を取り入れられるぞ！！ - NAVER まとめ

2012/12/25 59 users NAVER Chrome HTML ゲット 音声認識

新年会で盛り上げるアプリを作ろうと思っていろいろ調べていたら、Chromeで音声認識が出来るとの情報をゲット！HTMLに一行プロパティ書くだけで、テキストフィールドが音声認識対応になるみたい。すごく簡単すぎて驚いたので、まとめました。 更新日: 2012年12月23日RSS 続きを読む

Mozilla Re-Mix: FirefoxでTabキーを押した際、カーソルがテキストフィールドのみ移動するようにする方法。

2012/09/28 19 users カーソル Firefox tabキー Thunderbird

FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える！便利でクールなFirefox拡張機能（アドオン）の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 (09/28)FirefoxでTabキーを押した際、カーソルがテキストフィールドのみ移動するようにする方法。 (09/27)Firefoxの検索バーに新しいGoogleファビコンを適用す... 続きを読む

クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」:phpspot開発日誌

2012/01/23 75 users phpspot開発日誌 フィールド 実装コード

クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」 2012年01月23日- jQuery TextExt Plugin クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」。 テキストフィールドに入力するとオートコンプリートしつつ次のようにタグ風に入力できるフィールドが実装出来ます 実装コードは次のよう... 続きを読む

テーブルを直接編集できるjQuery.TableEditorプラグイン: 小粋空間

2011/11/29 44 users セル 小粋空間 動作 サンプル 保存

テーブルを直接編集できるようにするjQuery.TableEditorプラグインを紹介します。 １．サンプル 以下のリンク先にサンプルを用意しました。jQuery.TableEditorプラグインの動作を確認できます。 サンプル 「編集」をクリックすれば、テーブルのセルがテキストフィールドに切り替わります。 「保存」をクリックすれば、テキストフィールドに入力した値がテーブルに表示されます。入力した... 続きを読む

Movable Typeのカスタムフィールドを一覧画面で編集できる「ListingFieldEditorプラグイン」: 小粋空間

2011/10/24 13 users 小粋空間 Ajax Movable Type フィールド 保存

Movable Typeのカスタムフィールドを一覧画面で編集できる「ListingFieldEditorプラグイン」を公開します。 １．機能 カスタムフィールドのデータを一覧画面で編集できます。保存はAjaxで行います。 編集イメージ 編集可能なフィールドは以下の通りです。今後さらに拡張する予定です。 テキストフィールド テキストエリア ラジオボタン ドロップダウン チェックボックス 画像 複数の... 続きを読む

JavaFXのWebViewでSeleniumみたいなWebテストやってみたら面白かったんだけど 2011-05-30 - きしだのはてな

2011/05/30 29 users WebView Selenium JavaFX Java 最初

JavaFX2.0のWebViewで、Javaからブラウザが操作できるようになって、これをSeleniumが組み込んだらおもしろいことになるだろうなと思ってたのですが、よくよく考えると、SeleniumナシでWebサイトのUIテストが簡単に書けることに気づきました。 ということで、まずはテスト対象のサイトをつくってみます。最初の画面(first.html)。テキストフィールドがあって、OKボタンを... 続きを読む

firegoby » Blog Archive » 自作WordPressプラグインやテーマ内でメディアアップローダーを使用する

2011/05/16 15 users firegoby input要素 a要素 HTML 手順

いま開発しているプラグインで、テキストフィールドに画像のURLを入力する必要があって、メディアアップローダーからファイルを選択できるようにしました。 以下は、そのための手順です。 HTMLの準備 自作プラグインの管理画面に以下のようなHTMLを記述してください。 ポイントは以下のとおりです。 ファイル名を挿入するinput要素とメディアアップローダーを開くためのa要素を用意する。 a要素のrel属... 続きを読む

[CSS]グラデーションのアニメーションが美しいフォームを実装するスタイルシート | コリス

2011/04/03 60 users コリス DOWNLOAD Webkit系 CSS Safari

CSS3のグラデーションとアニメーションを使用しているため、対応ブラウザはWebkit系（Chrome, Safari）、Firefox4となります。テキストフィールドにフォーカスすると、グラデーションはアニメーションで美しく変化します。HTMLHTMLは、下記のようになっています。 スタイルシートやスクリプトはサイトの「Download」からダウンロードできるので、そちらでご確認ください。 続きを読む

[JS]HTML5の「プレースホルダーテキスト」をスクリプトで実装する旧式と今時の方法 | コリス

2011/03/30 88 users コリス ウェブフォーム placeholder 今時 ブラウザ

HTML5のウェブフォームの機能「プレースホルダーテキスト」をHTML5に対応していないブラウザにも実装する旧式の方法、ModernizrとjQueryを使った今時の方法、の二つを紹介します。HTML5対応ブラウザでは、「placeholder」の値がテキストフィールドに表示されます。 続きを読む

[JS]フォームのフィールドにテキストを表示する軽量スクリプト -autoclear | コリス

2011/02/28 88 users コリス jQuery color 軽量スクリプト フィールド

フォームのテキストフィールドに、入力補助になるテキストを表示し、ユーザーの入力時にそのテキストを消去するjQueryのプラグインを紹介します。テキストフィールドに表示されるテキストには、class名を付与し、スタイルシートでカラーなどを設定することもできます。 デモは、「color:gray;」が指定されています。autoclearの実装HTML表示されるテキストは、title属性内のデータを利用... 続きを読む

テキストフィールドのフォーカス時に背景色を変更する JavaScript

2005/08/21 131 users フォーカス時 JavaScript 背景色 mixi 背景

■ テキストフィールドのフォーカス時に背景色を変更する JavaScript 以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので、読み込ませるだけで勝手... 続きを読む