2012年8月22日のブックマーク (10件)

  • Vim コマンド 覚書 -- Ray:雑学事典

    カーソル操作 最終更新2005-03-10T00:00:00+09:00 この記事のURI参照https://www.7key.jp/software/vi.html#r01

    kkeisuke
    kkeisuke 2012/08/22
  • CSS3 in LESS で 装飾テーブル - jsdo.it - Share JavaScript, HTML5 and CSS

    楽々レイアウト! 8個のサンプルで学ぶCSS メタ言語『LESS』入門 | TM Life http://tmlife.net/web/less/8-sample-learn-css-less-guide.html 08/22 公開予定 「CSS3を使って美しく装飾されたテーブルの作り方|Webpark」のサンプルを LESS で作ってみた http://tmlife.net/web/less/css-decoration-table-less.html - Normal( http://jsdo.it/phi/i6r0 ) - Red( http://jsdo.it/phi/9rfR ) - Yellow( http://jsdo.it/phi/uOpd ) - Green( http://jsdo.it/phi/jwmc ) - Cyan( http://jsdo.it/phi/96L

    CSS3 in LESS で 装飾テーブル - jsdo.it - Share JavaScript, HTML5 and CSS
    kkeisuke
    kkeisuke 2012/08/22
  • Adobe Edge Animate プレビュー版 7 公開 - akihiro kamijo

    今回から、Edge の名前が変更されました。新しい名前は Edge Animate だそうです。 ということで、Edge Animate プレビュー 7 が Adobe Labs に公開されました。 (Edge Animate@Labs) プレビュー 6 から 3 ヶ月近くの期間をかけただけあって、いくつも機能追加が行われています。また、サポートするシステムには OS X 10.8 が追加されました。ダウンロードはこちらです。 以前のバージョンの Edge がインストールされていたら、必ずそれをアンインストールしてから、プレビュー 7 のインストールを行うように注意してくださいとのことです。 新機能 今回の新機能で目を引くのは、オブジェクトの位置や大きさを % で指定できるようになったことです。まだバグが多いこともあり使い辛かったりはしますが、実用的なレベルになれば便利そうな機能です。 そ

    kkeisuke
    kkeisuke 2012/08/22
  • 8月 2012 | APEIROPHOBIA

    ブラウザ上で標準フォントや言語属性を検証していたところ気づいたのだけど、Chrome上のFlash PlayerはデバイスフォントChromeの設定を継承する場合がある。 Chromeの[設定/ウェブコンテンツ/フォントサイズ/フォントをカスタマイズ]の中で[Sans Serif]で指定したフォントがFlash Playerのデバイスフォントに継承される。 ただしこの継承が発生するのはChrome専用Playerの特定のバージョンの場合っぽい。確認したPlayerは一つ。 [user]\AppData\Local\Google\Chrome\Application\21.0.1180.79\PepperFlash\pepflashplayer.dll 開発の人でDebug Playerを独自に入れている場合は従来のデバイスフォントで表示される。 ちなみにFirefoxでは継承は発生せずこ

    8月 2012 | APEIROPHOBIA
    kkeisuke
    kkeisuke 2012/08/22
  • EaselJS: Polar Clock - jsdo.it - Share JavaScript, HTML5 and CSS

    var canvas, polarClock; window.addEventListener("load", function() { canvas = document.getElementById("canvas"); polarClock = new PolarClock(canvas, new Point(220, 220, 170), 10, 5); polarClock.start(); }); function toggle() { polarClock._update = !polarClock._update; } /** * * @constructor */ var Point = function () { this.initialize.apply(this, arguments); }; Point.prototype.initialize = functio

    EaselJS: Polar Clock - jsdo.it - Share JavaScript, HTML5 and CSS
    kkeisuke
    kkeisuke 2012/08/22
  • CSS border-style 一覧 - jsdo.it - Share JavaScript, HTML5 and CSS

    kkeisuke
    kkeisuke 2012/08/22
  • jQueryでフリップエフェクトを使った良プラグインやサンプル集10:phpspot開発日誌

    10 Best jQuery Flip effect plugin with examples jQueryでフリップエフェクトを使った良プラグインやサンプル集10。 送信時にフリップするフォームやフリップするカウンタの他、アイテムをフリップアニメーションさせてオシャレにレイアウトするプラグインやサンプルがまとまっています。 こういうことも出来るんだということを認知する意味で一度見ておくとよさそう 数年前ではこういうのはFlash以外に考えられませんでしたが進化を感じられますね 関連エントリ jQueryでフリップするカッコいいメニュー作成のチュートリアル 多数のパネルをアニメーションでフリップさせるクールなUI実装サンプル

    kkeisuke
    kkeisuke 2012/08/22
    めくる
  • 円形アニメーションで美しいエフェクトを作るCSSのTransitionsを使った実装例:phpspot開発日誌

    Circle Hover Effects with CSS Transitions | Codrops 円形アニメーションで美しいエフェクトを作るCSSTransitionsを使った実装例。 マウスオーバーで円形に美しいアニメーションをするデモが公開されています。将来的には当たり前のように使われているテクニックかもしれません。 デモが7個あるのですが、円形を使って様々にアニメーションして美しい上に、色々な応用例が考えられて楽しいです 関連エントリ 円形の冊子ページをめくる風機能をCSS3とjQueryで実現するチュートリアル テキストを円形に描画するチュートリアル jQueryとCSS3を使ったPath風の円形メニューサンプル アニメーションするクールな円形メニューが実装できるjQueryプラグイン「MobilyBlocks」

    kkeisuke
    kkeisuke 2012/08/22
  • BigVideo.js

    デモページ デモは左のメニューから、動画を変更して再生できます。 BigVideo.jsの使い方 外部ファイル BigVideo.jsはjQuery, jQuery UIと、動画再生に「video.js」を利用しています。これら全てを外部ファイルとして記述します。 <!-- BigVideo Dependencies --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/jquery-ui-1.8.22.custom.min.js"></script> <script src="js/jquery.imagesloaded.min.js"></script> <script src="http://vjs.zencdn.net/c/vide

    kkeisuke
    kkeisuke 2012/08/22
  • スマートフォンで横長な画像を挿入した時、その部分だけスクロールできるようにするUI

    スマートフォンで横長な画像を挿入した時、その部分だけスクロールできるようにするUI time2012/08/21 hatenabookmark- PCサイトにある画像をスマートフォン向けに載せる場合、その画像を縮小したり、分解したりして載せるかと思います。ただ、以下のようになかなかうまくいかないケースもあるでしょう。 サイズが横長なため(横スクロールを起こさないよう縮小するが)、比較的横幅が狭いスマートフォンでは小さく表示せざるを得ない 地図や案内図など分解することが難しい 例えば、こんな画像です。 札幌市営地下鉄路線図 西荻窪さんぽMAP そんな時に役立つUIを少しこさえてみました。 画像のサイズは保持しつつ、かつページ全体では横スクロールを起こさずに画像がある部分だけ横スクロールするというものです(AppStoreのスクリーンショットのUI、といえばおわかりの方もいらっしゃるでしょうか

    kkeisuke
    kkeisuke 2012/08/22
    AppStoreのスクリーンショットのUI