タグ

iOSとhtmlに関するshion214のブックマーク (5)

  • 今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA

    みなさん、入力フォームを制作する際、どのような施策をおこなっていますか? 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chromeデスクトッ

    今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
  • Workflowでリンク先紹介用htmlコードを取得するフローを作ってみた。 | りんろぐ。

    冬休みがあともう終わるなんて夢だと信じている凛(@rin_wan)です。 去年iPhoneヘビーユーザーの一部で話題になったWorkflowというアプリ、私も使って遊んでいます。 ふと、そのアプリを使ってリンク先を紹介するhtmlコードを簡単に取得出来ないかと思い、やってみる事にしました! 記事を先読み ・Workflowは作業の自動化が出来て便利! ・ShareHtmlはてなブログカードに挑戦。 ・一部愛用のDrafts 4アプリを使用。 Workflowで作業を自動化! 昨年から遊んでいるのがWorkflowというiPhoneで単純な作業を自動化出来るアプリです。 現在アプリリリース価格になってます! Workflow カテゴリ: 仕事効率化, ユーティリティ きっかけはいつも更新を楽しみにしているmaxiさん(@rel0005 )のこちらの記事。 maxiさんがこんなに大絶賛するな

    Workflowでリンク先紹介用htmlコードを取得するフローを作ってみた。 | りんろぐ。
  • UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog

    先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 (参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編), (後編)) プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は

    UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
  • 最近話題になった「9個」のイケてるWebサービス・アプリ(2013年5月編)

    こんにちは。 もうすぐ5月も終わりということで、5月中に話題になったwebサービスやアプリをご紹介いたします。 Minbox 少し前に話題になった、容量制限のないファイル共有サービスです。 1番の特徴は、送信したいアドレスを打ち込むだけでファイルをアップロードできる部分。アップロードし終わるのを待たずに瞬時にシェアできるというのが新しいです。30日でアップロードされたデータは削除されます。形式を問わないので、さっと共有したい時には便利そう。 unkochat(うんこちゃっと) トイレの時間を利用したサービスです。 トイレの時間を世界中の人同士で共有しようというコンセプト。スマートフォンからサイトへとぶと、今現在何人の人がトイレしているのかがわかり、ユーザー同士はスタンプでやり取りできます。ネーミングも直感的で、アイデアの勝利ですね。笑 Whisper 秘密共有アプリです。 iOSだけで15

    最近話題になった「9個」のイケてるWebサービス・アプリ(2013年5月編)
  • HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ

    HTML5でiPhoneAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid

    HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
  • 1