ユーザー登録の面倒くさいフォーム入力の苦痛を激減させる画期的アイデア「ダイアログフォーム」
登録フォームと言えば通常は必要事項を一方的に入力していくものですが、キャラクターとの会話形式にして、まるでチャットを行っているように情報を入力できるのが「ダイアログフォーム」です。人とチャットしているときはタイピングが苦じゃない、というアイデアを元に作られた登録フォームで、コードのダウンロードも無料で行えます。 ダイアログフォーム - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/watilde/form 実際にどんな感じでフォームが表示されるのか試してみます。まずはページ右側にある再生ボタンをクリック。 すると、「会員登録ふぉーむ」という文字の下で自動的にWindows Azure 公認キャラクタークラウディア・窓辺が会話を始めます。 「ユーザーIDを入力してください」とクラウディアに言われるので、フォームに自分のIDを
49 HTML5 Animation Examples Like Flash Animation - freshDesignweb
In this article, we have pick up any amazing canvas HTML5 animation examples instead of flash animation with demo link. HTML5 is interested topic that most developer find out more about it and also have developer do the projects on HTML5. HTML5 can develop games online or Playing Video with no flash required. Websites developed in HTML5 will not require adobe flash support on your Web browser anym
iPhoneやiPadでページを見ながらウェブデバッグが可能に！iOS 6から搭載された「Webインスペクタ」が超絶便利！ | gori.me（ゴリミー）
【img via iOS 5.1 Update. by MJ/TR (´･ω･)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損！ 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari？」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ！！ そもそも「Webインスペクタ」って何？ そもそもWebインス
WordPressサイトに会員登録ページを設置できるプラグイン「Theme My Login」 – ワードプレステーマTCD
WordPressで会員制サイトを作る際は、会員登録画面やログイン画面が必要です。デフォルトの状態では、フロント画面にログイン画面や会員登録ページを表示できないので、プラグインを使って作成していきます。 そこで今回は、WordPressに会員登録画面を作成できるプラグイン「Theme My Login」をご紹介いたします。 「Theme My Login」の機能概要 前提として、このプラグインだけでは会員制サイトは作れないのでご注意ください。 主な機能は以下の通りです。 WordPressへログイン画面をフロントに表示できる ユーザー登録画面をフロントに表示できる あくまでサイトのフロントにログインページやユーザー登録ページを表示するためのプラグインです。 「/wp-login.php」や「/wp-admin」などからWordPressの管理画面にアクセスせずに、ユーザー登録が可能になりま
寸法と解像度のチートシート
その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 ％程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く，横が数％長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm，印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書，TOEIC … 縦 4 cm × 横 3 cm TOEFL，英検 … 縦 3 cm × 横 3
ここまで小さくなるの!? PNGをほとんど劣化なく圧縮する｢TinyPNG｣がスゲェ!!
こいつぁスゲェ! PNG画像を非可逆圧縮するブラウザアプリ「TinyPNG」というのを試してみたんですが、とんでもないですねコレ。 画像自体はほぼ変わらんのに、驚異的なサイズダウン。まるで禁断のダイエット法にも見えるんですが、どんな仕組みなんだろ･･･。 TinyPNG – Compress PNG images while preserving transparency 使い方はすごくかんたん。 「TinyPNG」にアクセスしたら、画面の[Drop your .png files here!]というスペースに、圧縮したいPNGファイルをドラッグ&ドロップするだけです。 圧縮のタスクが完了すると、ダウンロードリンクが表示されるので、それをクリックしてローカルに保存すればOK。 画面遷移は一切ありません。 すげーサイズダウンします これは実際にサイズダウンしてみた結果。 左が元画像で右がTi
【WordPress】ブログに「LINEで送る」ボタンを付ける方法 ｜ しらさかブログ
以下の記事を参考にして、このブログにも「LINEで送る」ボタン付けました。 数千万のLINEユーザーにウェブページの情報を伝える魔法のボタン「LINEで送る」の作り方 – 頭ん中 ↑の本家の方だと、ボタンクリックすると「LINEで送る」の説明ページにいったん飛ばす、という親切設計なんです。 でも、そんな親切にワンクッション置かなくてもいいだろ、という方もいると思うんです。 「直接LINEアプリ開かせればええやんけ」というヤクザな方は、 aタグのhrefに、 line://msg/text/メッセージ でいけるみたい。 WordPressの方は、以下のソースを、single.phpの適当なところにつければOK。 <a href="line://msg/text/<?php the_title(); ?>%20<?php the_permalink();?>" target="_blank">
数千万のLINEユーザーにウェブページの情報を伝える魔法のボタン「LINEで送る」の作り方
数千万のLINEユーザーにウェブページの情報を伝える魔法のボタン「LINEで送る」の作り方 2012年10月12日 11:18ブログ 作り方というか、サービス公開のお知らせというか。 それは何 このブログにスマートフォン等でアクセスすると、 記事の下にこういうボタンが出るようになってます。 これをタップすると、こんなページに飛んで そこに何をすればいいのか書いてあります。 要するに上のボタンを押すだけ。 LINE がインストールされているスマートフォンで開けば 勝手に LINE のアプリが立ち上がるので、 あとは友達リストから相手を選ぶと ページの情報が勝手に挿入されるので その記事について知らせることができます。 「Facebook でシェア」ならぬ「LINE でシェア」ボタンです。 増大し続ける LINE の影響力 これを書いている時点でLINE の登録ユーザーは 世界6,500万人・
大量アクセスによるサーバの負荷テストなどが簡単に実行できるフリーソフト「JBlitz Professional」
以前は有料ソフトであり、ロードテストを実行した結果を数値・グラフ化してまとめて保存でき、サイトへのアクセス順番を固定したりランダムにしたり、アクセスする時間間隔・接続時間・アクセスする人数の設定が可能で、さまざまなテストを自由に設定して実行できるフリーソフトが「JBlitz Professional」です。ダウンロードから機能と操作の説明までは以下から。 Website load test - JBlitz Professional http://www.cartesian.net.nz/jblitz/ ◆ダウンロード 「JBlitz Professional」を使うにはJavaをインストールしておく必要があります。 上記サイトの「Download」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、Windowsを使って操作をするので「run-jblitz.bat」
初心者のためのjQueryプログラミング入門 - libro
※ページが正常に表示されない場合 AddBlockなどの広告ブロックツールがONになっていると、ページの一部が表示されないことがあります。これらのツールをOFFにしてみてください。
月１５万PVを生むブログをデザインしたときに徹底した７つの要素
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ブログを始める以上は、誰だって、出来るだけ多くの人に見て貰いたいものだ。 そこで、私はブログを始める前に、国内外の人気ブログを３０個読み込み、人気ブログに必須の要素リサーチをした。 そして、その中から、共通点を７つに絞り込み、実践した結果、ブログを始めてから３週間で１５万を超えるアクセスを得ることができた。 下図は、５月１日〜２０日までのアクセス解析だ。 そこで、本日は、私がブログを始める上で調べたブログデザインの７つの要素を全てご紹介する。 １．覚えやすいブログタイトル ブログタイトルは、訪問者への一番最初の、簡単な自己紹介と考えて欲しい。 オフラインの場で、初対面の人に自己紹介をする時、あなたは何を言うだろうか？ 私の場合は、「この人
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
Google公式のAdSense無料ガイドブックがものすげぇ参考になった | ごりゅご.com