画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」:phpspot開発日誌
画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」 2011年01月31日- Activity Indicator 画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」。 通常こうしたローディングイメージを実装するにはアニメーションgif等で対応しますが、このプラグインを使うと、画像なしに綺麗なアニメーション付きの読み込みエフェクトを実装出来ます。 SVGやVMLを使ってクロスブラウザで動作するように設計されており、なんとIE6等でもＯＫだそう。 背景が何色だって気にする必要もありません。 関連エントリ クリックした位置にそのままローディング画像を出せるjQueryプラグイン「Spinner」 現在ローディング中であることをマウスカーソル近くにちょこんと可愛く出せる「prettyLoade
使わなくなったノートパソコン5つの使い道
捨てちゃうなんてナンセンスよ。使い道はいろいろございます。 新しいパソコン買うと浮かれちゃいますよね。前のよりも軽かったり薄かったり速かったり、とにかくピカピカ。古いノートなんてもういらねーよ、いやちょっとお待ちください。古いノートは古いノートなりに使い道があります。では、ご紹介させていただきます。 【ホームサーバにする！】 ホームネットワークにつないで、いくつかソフトウェアをいれたら立派なホームサーバになります。ファイルバックアップ場所として、写真や音楽の保管場所として、メディアをストリームするためにそりゃもう活躍してくれるでしょう。 ・必要なものノートパソコン、FreeNASソフトウェア（無料）、ホームネットワーク ・セットアップにかかる時間 1時間くらい ・やり方1) FreeNAS ISO Imageをダウンロード。CDに焼きます。 2) ラップトップに1で焼いたCDをいれて再起動
英語虎の穴 お金をかけずに英語を学ぶ方法
Twitterでお金をかけずに英を語学ぶにはどうしたらよいか？という質問を頂くことが多いので、以下思い付く方法をまとめてみます。 １．NHKの語学講座を活用する 「ええ、NHK？！」とか侮ってはなりません。 日本において最も安く効果的に語学を身につけることができる最良の手段の一つです。 （注）ちなみに筆者はNHKの回し者ではありません。 NHKの語学講座の良い点。 まず激安な点。必要なのは教科書代（360円）と、ラジオ聞く電気代と、広告の裏とペンとメモ帳。多分一ヶ月のコストは500円行かないぐらい。吉野屋で牛丼食べるの1回我慢すればOKな値段。 次、通学しなくて良く自分の都合にあわせて勉強できること。社会人だと忙しいので通学は無理という人もいるけどもこれならOK。 さらに質が素晴らしい。企画設計も講義もNHKの審査を通った一流の先生方。語学専門の方々が教えているし、発音もとても綺麗。それな
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。
ファイルアップロードのinput type="file"にsize属性とwidthスタイルを適用してみたテスト - kanonji’s diary
ファイルアップロードのinput要素の横幅の扱いが、各ブラウザで異なるようなので、まずは比べてみました。 概要 input要素は下記の4種類を比べてみました。 size属性もwidthも無し。 size="30" width:300px; size="30" と width:300px; あ、size="30"とwidth:300px;は、別に同じ長さになるかとか確認してないです。 結果 下のほうに、スクリーンショットと、使用したhtmlソースコードがあります。 WebKit系のSafariとChromeは、そもそもinput type="file"で生成されるUIが特殊です。 size="30"だと短すぎた可能性もありますが、widthは正しく反映されているような雰囲気です。 IE6とOperaは、割と期待通りの動きをしている気がします。 sizeが有効で、widthが設定されれば、さら
PHP アップロードファイル文字化け: IT memo
PHPで日本語名のファイルをアップロードすると文字化けする場合の対処 もしくは、特定の文字コードに変換してアップロードしたい場合 先に言っておくと 関数 mb_convert_encoding を使う。 例題はfile1.phpというフォームからファイルをアップロードして 「doc」というフォルダーに保存するプログラム file1.php <html> <head> <tilte>アップロードフォーム</title> </head> <body> <form method="POST" action="file2.php" enctype="multipart/form-data"> ファイル： <input type="file" name="uploaded" size="50" /> <input type="submit" value="アップロード" /> </form> </b
最近興味深いと思ったWeb記事のリンク集 - give IT a try
社内のメンバーに紹介しようと思ってためてきた各種Web記事へのリンクが大量に溜まっちゃいました。 ついでにここでも紹介しておきます。 一部の記事は会員登録が必要かもしれません。あしからず。。。 プログラミング/プログラム設計 プログラミングについてあまり知られていない７つのこと http://www.tommyjp.com/2010/08/blog-post_1710.html => どれも超重要。知らなかった人はこれを機に覚えておきましょう。 ソースコードの質 http://el.jibun.atmarkit.co.jp/genmaicha/2010/11/post-5c3e.html => 保守性、可読性、拡張性の重要性について。 技術的負債 http://d.hatena.ne.jp/asakichy/20101210/1291936604 => 技術的負債の原因や解決策について(そ
既存のフォームをユーザーに使いやすくする10のポイント
10 Tips for Optimizing Web Form Submission Usability [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 必須入力欄は強調する 2. エラーメッセージは分かりやすく 3. クライアントサイドのバリデーション 4. 入力している欄を明示 5. 進捗を明示 6. データの保存やキャッシュ 7. 送信ボタンの文言 8. キャンセルボタン 9. 入力例の記載 10. 垂直に配置 1. 必須入力欄は強調する ユーザーはフォームに入力した後に入力ミス・エラー表示があると、不安を感じたりイライラを募らせるでしょう。まずは、入力欄に「必須」「任意」などを記載して、入力欄が必須なのか任意なのかを明示的にユーザーに伝えるのは安全な方法となります。 2. エラーメッセージは分かりやすく フォームのエラーメッセージは、「あなたが下に必要とさせるフィー
http://neteye.github.com/activity-indicator.html
NETEYE Activity Indicator A jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML. Features Lightweight script No images required No external CSS Resolution independent Alpha transparency Highly configurable appearance Works in all major browsers Uses feature detection Degrades gracefully Supported Browsers The plugin has been successfully tested in the following b
Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum
個人利用を中心に急伸を続けるスマートフォン市場は、もはやニッチ市場ではなくなりつつある。過去に企業サイトの携帯電話（フィーチャーフォン）対応が問われたように、今後スマートフォン向けのサイト対応が課題になると考えられる。2010年はスマートフォン元年といわれていたが、2011年は企業のスマートフォンサイトへの投資検討が本格化してくるだろう。 2010年、スマートフォンの市場規模は急成長し、『スマートフォン利用動向調査報告書2011』（MCPC監修、インプレスR&D発行）によると、2011年3月末（2010年度）の契約数は、前年の497万契約から63％増の810万契約となる見通しだ。調査によると、契約数は年平均40％以上で拡大を続け、2015年度には4,712万契約に、コンテンツ配信事業も急成長することが予測されている。こうした調査からも、今からサイトをスマートフォンに対応しておくことが決して
jQueryのプラグイン「Page Scroller」の機能を追加しました：更新- 3.0.8
ページ内をスムーズにスクロールできるスクリプト：Page Scrollerの最新版「3.0.8」をリリースしました。 簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 主な変更点は、下記の通りです。 3.0.8 スピードの調整が可能になりました。 動作しないエリアを指定できるようになりました。 area要素を使用したイメージマップでも利用できるようになりました。 詳しくは以下をどうぞ。 [ad#ad-2] ver 3.0.7からのアップデート方法 スクリプトの既存の仕様に変更はありません。 同様に、ご利用いただけます。 スクロールのスピードを調整する方法 スクロールのスピードを調整できるオプションです。 スクロールのスピードを調整 スクロールのスピードを調整する方法 スクロールのスピードを任意に変更することができます。 ※デモはスピー
HTML5のAudioオブジェクトとJavaScriptで簡易ドラムマシンを作ってみた - 音楽方丈記
HTML5のAudioオブジェクトとJavaScriptで簡易ドラムマシンを作ってみた » 音楽ネタ全般 [編集] 前に書いた 主要ブラウザの HTML5 の Audio 要素の対応状況を調べた記事に続いて、HTML5 Audio ネタ第二弾です。 今回は audio タグで再生ファイルを指定するのではなく、JavaScript で Audio オブジェクトを複数生成したものを速いタイミングで鳴らしてどれくらい反応できるのか見てみようということで、簡単な16ステップのドラムマシンを作ってみました。 すで同じような記事を書かれている方が何人かいるので、二番煎じ(三番…いや五番煎じくらいか)ではありますが今回はとりあえず自力で。 グリッドの間に何かあるように見えるのは錯視です ↓テストページはこちら » HTML5のAudioオブジェクトとJavaScriptで作った簡易ドラムマシン Int
Google App EngineとPythonでの素直な開発環境の構築(TDDができるように) - Masatomo Nakano Blog
追記: 続編的なものを書いた。 今年は色々なことに手を出してみよう、ってことで少し前からGoogle App Engine(以下GAE)で、あるモノを作っている。モノ自体は近いうちに公表できると思う。 基本的に、Pythonと標準っぽいフレームワークだけでやってみている。作っているものがそれなりにシンプルなのと(だからこそGAE!)、GAEでそれなりの規模の開発をするのが自分自身初めてということもあり、あまり色々なレイヤーを重ねて手こずりたくなかった、ってのがその理由。 ただ、GAE初心者なので、「いやいやそれは今時ないよ」「XXの方が100倍いい」とかあったら教えてくれると嬉しいので今のところの環境を書いておくことにした。今ならスイッチ可能。 今作っているものがJSONファイルを入出力するだけのものなので、HTML生成パートみたいのはない。 1. フレームワーク 上にも書いたように、今回
HTML5を使ったサイトをまとめたギャラリーサイト色々:phpspot開発日誌
35 Specialty Galleries for Your Design Inspiration | Vandelay Design Blog HTML5やCSS3を使ったサイトをまとめてギャラリー形式にしているサイトを色々とご紹介です。 HTML5はこうしたサイトを教材として学ぶのもよさそうです。 HTML5 Beauty サムネイル付きでサイト紹介。 HTML5 Gallery サムネイルによるサイト紹介やレーティング機能もついたギャラリーサイト Ars HTML5 Gallery サムネイルでサイト紹介。タグクラウドによる分類 Ars CSS3 Gallery 今後こうしたサイトはもっと増えてきそうですね 関連エントリ PCやスマフォでどこでも持ってる音楽を聴けるHTML5ベースの音楽サーバ「streeme」 CSS3で描画されたHTML5のロゴ HTML5のロゴで将棋をするチュ
筆跡をBluetoothで転送！ぺんてるのデジタルペン「airpenPocket」2/12発売 - はてなニュース
文具メーカー「ぺんてる」は1月28日（金）、手書きの文字をワイヤレスでPCに転送できるデジタルペン「airpenPocket」を、2月12日（土）に発売すると発表しました。3月初旬には、Androidアプリの提供もスタートします。 ▽ http://www.airpen.jp/camp/1007/index.html ▽ ワイヤレスで手書きを簡単に保存できるデジタルペンを発売～Mac やスマートフォンにも対応し、それぞれのデバイスからメモをクラウドに～（PDF） ぺんてるの新製品「airpenPocket」は、Bluetooth無線を搭載した受信ユニットと専用のデジタルペンがセットになっています。受信ユニットが紙に書いた筆跡をリアルタイムでデジタル化し、PCに転送します。また、データを受信ユニットのメモリに一時保存することも可能で、Bluetoothの接続がオフラインの時も記録したデータを
スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌
スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という３点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。 基本 スマートフォン向けサイトの作り方｜ユージック サイトの幅、高さ viewportによるズーム指定の方法 便利なJSライブラリ ユーザエージェント シュミレーター 等の有用情報 Androidサイトは横幅
2011年1月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル
いろいろなところから2011年1月に集めてきた情報を要点を抑えて紹介していきます。これは何か、どんなシーンで使えるのかということを書くようにして、気持よく読めるようにまとめて行けたら良いです。情報を集めるのが苦手なあなたはこれだけ読めば結構身になるかもしれませんね。 これは Web サービスに使えると思った情報 使い方をその場で再現するスクリプト目の前でアニメーションして説明するスクリプト「Embedded Help System」 – GIGAZINE Web サービスのヘルプなどで使えるかもしれません。導入がそこまで難しくないようなので、ヘルプを作る際は一番最初にこちらを検討すると良いかもしれませんね。 ビジネスモデルについて学べるわかったつもりになっていませんか：「ビジネスモデル」とはなんだろう? 余談や説明が長すぎたので、個人的にためになりそうな要点だけ抑えておきます。 なんか微
日本でも転職を前提とした就職が当たり前になる時代 - My Life After MIT Sloan
最近、新聞で新卒の就職活動に関する記事が多いのを見て、ふと思うこと。 就職活動をしている学生が、一生同じ企業に勤め続ける割合は、今後圧倒的に減っていくのだろうな、と思う。 日本企業でも、レイオフ（リストラ）や転職が徐々に一般的になっていることを考えると、 今後はアメリカみたいに、数年後には転職することを前提として就職活動するのが当たり前となってくるかもしれない、と思う。 数年後に転職が前提となると、中途市場で必要とされる人材になれる職種や企業に就職したい、という考えの人が今後増えてくるだろう。 何故なら、才能が花開く可能性を見る新卒採用に比べ、中途採用はもっとシビアだ。 実際にその分野で何かを成し遂げた経験があるとか、成し遂げるための能力が実際にそろっているとか、そういうことがもっと重視される。 そうすると、若いときはじっくり社内の様々な仕事を覚えて～という企業よりも、若いときから前線に出
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
javascriptの関数が変態すぎる
[本日の一品]iPadにも対応、iPhoneを3回フル充電できる大容量バッテリー