個人的なメモです。スライドや 動画などをHTML5を使って 実装したサンプルをいくつか 備忘録的にメモします。こうい うサンプル見てると未来が楽 しみになりますね。 スタイル出来ないブラウザがある限り、微妙ではありますが、HTML5 を IE や Firefox 2 でも使えるようにする方法等も出ているので頭に入れるくらいはしておいて損ないかも。 サンプルは結構あるのですが、気になったものをいくつかメモ。特にFlashに対応しないipadやiPhoneでも動画を再生できるのは素敵かも。 This presentation is an HTML5 website キーボードの矢印キーで動くスライドのサンプル。 This presentation is an HTML5 website CanvasVideo Canvasを使ったビデオ。画面をクリックすると割れるエフェクト付き。 Canvas
著者プロフィール 本田 佳武人 大手外資系企業にてプロジェクトマネージャとして活躍中。製造、金融、物流等、数多くの大規模システム開発プロジェクトの経験を持つ。 ここでは、プロジェクトマネージャを志望している人たち向けに、プロジェクトマネージャとはどんな仕事で、どのようなスキルを要求され、今後どのようにキャリアを積んでいけば一人前のプロジェクトマネージャになれるのか、について説明して行きます。本章では、プロジェクトマネージャの仕事について説明します。 第1回 プロジェクトとPMの役割 #プロジェクトマネージャー プロジェクトとは プロジェクトとは、ある期間内に、何か新しいもの、この世に存在しない何かを造り出すことを目的として実施される一連の活動のことです。造り出すもの、つまり成果物は「新しい建造物」、「新しい製品の試作」、「ITを利用した新しいシステム」などで今まで存在しなかった何か新しいも
昨日開催された WDE ex -vol9 (Twitter TL) の懇親会で「Google がフォントのホスティングやれば良いじゃないか」という話題が出ていたのですが、朝起きたら Google Font API として現実的なものとなっていました。Web Font をホスティングしているサービスは海外で既に幾つかありますが、ほとんどが JavaScript のコードを貼付ける方法が採用されており、中には body 内に記述しなければならないものもあり、エレガントな方法とはいえませんでした。 今回公開された Google の API は JavaScript を使うのではなく、CSS をリンクするだけ。使いたいフォントをディレクトリから選び、リンクした CSS ファイルに変数としてフォント名を記述するだけになります。シンプルかつ簡単です。 <link rel="stylesheet" ty
css-vfxはCSS/JavaScriptによるオープンソース・ソフトウェア。Coolirisというソフトウェアはご存じだろうか。写真をタイル状に並べて、左右に流れるような操作で一覧できる。様々なブラウザ、モバイルで使えるソフトウェアだ。 タイル状に並んだ写真を一気に見渡せる そんなCoolirisの見せ方はとても上品で、操作性も良く使い勝手が良い。あんなインタフェースを自分のサイトでも実現してみたいと言う希望を叶えてくれるのがcss-vfxだ。css-vfxは特別なソフトウェアはいらず、WebKitさえあれば良い。 ターゲットはモバイルだ。PC版のWebKit(SafariやGoogle Chrome)ではうまく動かないかも知れない。iPhoneやAndroidからアクセスすれば、そのすごさが分かるはずだ。指で弾くと写真が左右に流れていく。奥行きを感じさせる作りはスピード感もあってとて
Canonicalの最新作、Ubuntu Lightは瞬時の起動/接続を可能にしてくれる、ネットブックおよびデスクトップ用ソリューション。新しくなったUnityユーザーインターフェースは Macユーザにはおなじみの機能が多く、快適なブラウジングおよびウィンドウ管理を実現しています。 Ubuntuプロジェクトの創始者であるMark Shuttleworthが彼のブログで、数日前にこの新しいOS、UIについての発表をしたのですが、『Ubuntu Light』はUbuntu Netbook Remixとは大きく異なり、さらに密度の高いものとなっています。 『Ubuntu Light』は、パソコンを開きネットに接続するまでの時間を可能な限り短くすることをゴールとして開発されています。また、Netbook RemixのようにメインのOSとしてではなく、今すぐネットを使う必要がある、というシチュエーシ
95455835/ Hemera/ Thinkstock 手軽に本格的なネットショップを開きたいという人にお勧めのソリューションを5つご紹介いたします。 小さなショップから比較的規模の大きなショップまで利用できるものを基本として、それぞれの特長を独自の観点で簡単にまとめています。 既に構築したいシステムの要件が細かく決まっている場合は、それが実際に実装できるサービスかどうかを事前にご確認いただくことをお勧めいたします。 EC-CUBE 日本発のECオープンソースです。 とても高機能なのに無料で利用できてしまうところが素敵です。 オープンソースですから、自身で機能を追加することも可能です。 もちろんその場合は技術力を要しますが、EC-CUBEを利用したサイト構築の代理店も多く存在しますので、そういったところに依頼するのも手です。 サーバを既にお持ちだったり、多少の技術的知識がある場合におすす
ユーザビリティに配慮しつつ、jQueryのバグにも対応したシンプルなアコーディオンを実装するチュートリアルをSoh Tanakaから紹介します。 Simple Accordion w/ CSS and jQuery デモページ アコーディオンのロジックは下記の通りです。 最初にデフォルトの設定します。 一番目のアコーディオンを開いて、アクティブな状態にします。 クリックをすると。 クリックされたアコーディオンのアイテムは開くのか閉じるのか判定します。 「hidden」(閉じた状態)のアイテムをクリックすると、 全てのアイテムから「active」を取り去り、閉じます。 クリックされたアイテムは「active」になり、すぐにスライドダウンして開きます。 ロジックのイメージは、下記のようになります。 <textarea name="code" class="html" cols="60" row
やる夫がデスクトップを改造するようです カテゴリやる夫 1 :以下、名無しにかわりましてVIPがお送りします:2010/05/16(日) 14:51:36.47 ID:9s6bHRoB0 ___ / \ / ― ― .\ / (●) (●) \ | (__人__) | ふう・・・相変わらず暇だお・・・ \ `⌒ ´ / オナニーも今日のノルマ5回を既に達成したし・・・ /´ ̄ ィヽ 〈  ̄ ‐- 、 i `ー,‐ -、_ ヽ | l / ヽ.て 〉 .| l l | 、彡イ ヽ_⊥-‐ 、
jQueryとは、Wikipediaでは「JavaScriptとHTMLの相互作用を強化する軽量なJavaScriptライブラリ」と説明されています。そのjQueryをデザイナー向けに、主にウェブデザイナー向けだと思いますが、まとめているのが「jQuery for Designers」です。 Easy、Medium、Hardというカテゴリ分けの他、検索もできるようになっています。 ビデオによるチュートリアルの他、デモを試したり、寄せられたコメントを読むことができるようになっています。 英語なのでパッと見分かりにくいかもしれませんが、デモを見るとどんな機能なのか分かりやすいですね。 例えば「Fixed Floating Elements」は、画面スクロールしてもフォーム部分(Elements)が固定される、というものです。 (via swissmiss)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く