jQueryでリアルな本をペラペラめくるＵＩ作成チュートリアル:phpspot開発日誌
Moleskine Notebook with jQuery Booklet | Codrops jQueryでリアルな本をペラペラめくるＵＩ作成チュートリアル。 デザインの美しさも素晴らしいのですが、アニメーションしながらめくれる感じもちゃんと出てるところがすごいです。 デモページ jQueryベースというのはあまり見たことがなかったのですが、これを参考に作れそうですね。 CSS3なんかも使われているので、総合的に学習できる資料として役立ちそうです。 関連エントリ Flashで本をペラペラめくる感じのUIを実装する「Dynamic Page Flip v2」 Flashで本をペラペラするUI実装いろいろ
日本語で読めるPhotoshopチュートリアル集 まとめ | 日刊ウェブログ式
Photoshopのチュートリアルというと英語が多いですが、日本語の方がサクサク読める（私の場合）ので、日本語で解説してくれているチュートリアル集をまとめてみました。 フォトショップでつくるキラキラに輝く人物の作り方 フォトショップでリアルな炎を出しながら走るバイクの作り方 フォトショップで夕日に輝く幻想的なライティング効果を作る方法 映画のタイトルロゴのような光と文字を描画するPhotoshopチュートリアル フォトショップでキラキラに輝く背景画像を作る方法 布地テクスチャーにペイント フォトショップでキラキラに輝くライティングエフェクトをつくるチュートリアル Photoshopで六角形のキラキラに輝く背景画像をつくる方法 フォトショップでオーロラが輝く地平線に太陽が沈む様子を描く方法 基本的な光の作り方2 基本的な光の作り方3 Photoshopで美女の画像に効果を入れる方法 フォトシ
[JS]jQueryのプラグイン100選 -2010年総集編
2010年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年は、アニメーションのエフェクトやレイアウト、後半は背景画像関連のプラグインが特に目立っていたように思います。 [ad#ad-2] コンテンツスライダー・カルーセル関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 ツールチップ関連 レイアウト関連 背景画像関連 その他UI関連 アニメーション関連 スクロール・ドラッグなど操作関連 テーブル・リスト・データ関連 フォーム関連 コンテンツ生成 その他 コンテンツスライダー・カルーセル関連
psコマンドでスレッドを表示させたり、スレッドごとのCPU使用率を確認する - 元RX-7乗りの適当な日々
今更なネタかもしれませんが、psコマンドでは通常プロセス単位での表示となりますが、"man ps"を読んでみたところ、"-L"等のオプションをつけることで、スレッドを表示することもできるようです。 スレッド表示 H スレッドをプロセスのように表示する。 -L 可能ならば LWP と NLWP カラムをつけてスレッドを表示する。 -T 可能ならば SPID カラムをつけてスレッドを表示する。 m プロセスの後にスレッドを表示する。 -m プロセスの後にスレッドを表示する。 Man page of PS では、早速試してみましょうか。 普通に"ps -ef"を実行 $ ps -ef | grep -e mysqld -e PID | grep -v grep UID PID PPID C STIME TTY TIME CMD root 4570 1 0 Dec09 ? 00
GSkinnerの作ったJavaScriptライブラリが素敵すぎる件 | fladdict
Flash界のコーディングゴッドGSkinnerがJavaScriptのCanvasをFlashライクに使うライブラリを作った。 この人、確か僕と同い年ぐらいかちょい下なんだよね。。。会う度に超へこむ。 画期的というか、確実にかゆいところに手が届くライブラリで、下みたいなのがサクサクJSでいける。あいかわらずソースは美しいし、ドキュメントも完備。 game sparkles rollover localToGlobal globalToLocal sprite sheets ざっと見た感じFlashでいうところの、Stage, MovieClip, Sprite, Bitmap, Matrix, Stage, EnterFrameとキーフレームアニメがサポートされてる感じ。これは素敵。 このライブラリそのものもスゴいんだけどポイントは、GSkinnerがJSやりだしたってことは、365日以
OpenGLなにそれうまいの?? という人のためのWebGLの始め方 - hagino3000's blog
追記：例題の頂点シェーダーで何をしているか説明を追加しました 追記：動作環境の所修正しました、IE9では動作しません。 皆さんはじめまして、荒川智則です。この記事はJavaScript Advent Calendarの21日目です。 この記事では、Google I/OやFirefox Developers Conferenceで華麗なデモがバリバリ出てくるにもかかわらず、実際に使っている人が異常なまでに少ないWebGLについて書きます。対象読者はWebGLに興味があるor手を出してみたけどクソ難しそうだし既に諦めそう、という人です。 WebGLの概要 WebGLはOpenGL ES 2.0のグラフィックAPIをCanvas要素上で使える様にした物です。OpenGL ESはOpenGLの組み込み機器向けのサブセットで、iPhoneやandroid端末にも搭載されています。OpenGL ESな
5記事連続で1000ブクマを目指した結果とその方法
密かに私が進めていた計画があります。 それが、5記事連続1000ブクマ達成と言う目標。 ブログを開始してから1年くらいたってから、一度でいいからやってみたいなぁと考えてはや3年。 1000ブクマいったらとりあえず狙ってみようかな程度で考えてきました。 今回、11月17日のjQueryのまとめで1000ブクマ達成した為、このチャレンジを密かに開始したのです。 結果は4記事連続でストップ とても悔しくて残念でしたがこれも結果です。 そもそも1000ブクマを量産する事自体、記事の内容が縛られる為、ブロガーとしてはかなり面白くないというかつらいものなんだなぁと感じました。 今回の5記事は以下です。 jQueryプラグインのベストトレンド総まとめ2010 webデザインのセンスを磨く『○○系のwebデザインまとめ』の総まとめ 人生を素敵に変える今年1年の究極のライフハック記事まとめ あなたの生活を確
全画面をスライドとして使うダイナミックなナビゲーションを構築する2KB以下の軽量jQueryプラグイン
全画面をスライドギャラリー風にするダイナミック なナビゲーションをjQueryを使って実装するサン プルです。透過処理が必要ですが、IE6、IE7の 両問題児でも問題なく動いてくれますので、実践 でもプロモーションなどに利用できるっぽいですね。 スライドするとロゴが平行してスライドする事で視差 効果も出しています。 クロスブラウザ対応なので使いどころも出て来るかもしれませんね。ダイナミックに動いてくれますのでプレゼンテーションやポートフォリオ、キャンペーンなどに使うのも面白そうです。 Awesome Scrolling Navigation 全画面がスライドします。背景に画像を指定しているのでテキストなんかも入れられるっぽいですね。試していませんけどこれは結構使えそうです。 動作確認していただくと分かるかと思いますが、左上のロゴ部分も微妙なスライドをして視差効果を出しています。 マークアッ
どのようにすれば外国語の新しい単語を脳は覚えることができるのか？
外国語の新しい単語を脳が覚えるにはどうすればいいのかというのをケンブリッジ大学の神経学者が研究し、明らかにしたようです。 「なかなか外国語の単語を覚えることができない」という人にとっては一つの目安になります。 詳細は以下から。 Can't learn a foreign language? Not true, say scientists - Telegraph 方法は簡単、新しく覚えたい単語を「15分未満で160回聞く」とよいそうです。 これはどういう仕組みかというと、このようにして15分未満で160回の単語を聞くことにより、次にその単語を思い出そうとしたり記憶しようとしたりすることによって、新しく脳内にニューロンネットワークが形成されるため。 この記憶のためのニューロンネットワークの形成は以前に考えられているよりももっと素早く起こるということが今回の研究では明らかになっています。 Yu
Jazz-HipHopでこれだけは聴いておけという作品 路地裏音楽戦争
平野綾,杉田智和,茅原実里,後藤邑子,小野大輔,石原立也 角川映画 (2010-12-18) 売り上げランキング: 5 1 ：いつか名無しさんが：2008/07/04(金) 22:06:58 ID:8CmRkFno Jazz-HipHopファンのみなさん、お待たせしました(^O^)/ さあ、どうぞ！ 5 ：いつか名無しさんが：2008/07/05(土) 00:17:48 ID:??? まずはなんていっても最強の大名盤 Tribe Called Questの“Midnight Marauders”だね 普通に流して聴いてもいいが、大音量で聞くと感動ものの一枚だ 7 ：いつか名無しさんが：2008/07/05(土) 00:50:19 ID:??? まっジャズ・ヒップホップと言えばってアルバムが出てるけどね。 例のGURUの“JAZZMATAZZ”。 これも相当いいよ。僕のお勧めは、Vol.１
Googleが筋肉や骨、臓器などの人体構造を詳細に把握できる「Body Browser」を公開
Googleのエンジニアによる実験段階のプロジェクトが公開する「Google Labs」という特設ページに、新たに「Body Browser」と呼ばれるサービスが追加されました。 皮膚や骨、臓器、神経系などの人体構造を立体的に把握することが可能なサービスですが、学校の理科室にあった人体模型を思い起こさせる内容となっているため、人によっては少しショッキングに見えるかもしれません。 実際に使ってみたムービーなど、詳細は以下から。 Body Browser - Google Labs Google Labsによると、人間の体の3Dモデル「Body Browser」が新たに公開されたそうです。ユーザーは自由に皮膚などのレイヤーを外して中の骨格や臓器、神経系などを観察できるようになっており、ズームなども可能とのこと。 これが「Body Browser」です。利用にあたっては「WebGL」をサポートし
＜楽天カード＞楽天が悲鳴をあげるくらい、楽天カードを使い倒す方法
Cost cutting – EPSN0042 / Lars Plougmann ※楽天が悲鳴をあげるくらい、楽天カードを使い倒す方法２０１２年版を書きました。最新情報はこちらを参考にしてください。 インターネットを頻繁に利用するユーザーの間では楽天カード所持者が、ほんとうに増えてきましたよね。特にネット通販を良くするという主婦の方の所持率は、もはや５０％を超えてきているのでは？というくらい、高いものがあるように思います。 そこで今回のクレジットカードDAYsでは、楽天カードを持っていない方のためにその魅力を紹介する・・・のではなく、すでに楽天カードを持っているという方向けに、楽天カードを完璧に使いこなすための方法を紹介していこうと思います。 まだまだ楽天カードを１００％利用出来ていない方も多いと多いと思いますので、この機会に楽天カードについてもっともっと知っていただいて、楽天側が悲鳴をあ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
pixivの画像アップロードシステム
学校で配られたDVDがひどい件
so-network.biz