カーソル操作 最終更新2005-03-10T00:00:00+09:00 この記事のURI参照https://www.7key.jp/software/vi.html#r01
カーソル操作 最終更新2005-03-10T00:00:00+09:00 この記事のURI参照https://www.7key.jp/software/vi.html#r01
楽々レイアウト! 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
今回から、Edge の名前が変更されました。新しい名前は Edge Animate だそうです。 ということで、Edge Animate プレビュー 7 が Adobe Labs に公開されました。 (Edge Animate@Labs) プレビュー 6 から 3 ヶ月近くの期間をかけただけあって、いくつも機能追加が行われています。また、サポートするシステムには OS X 10.8 が追加されました。ダウンロードはこちらです。 以前のバージョンの Edge がインストールされていたら、必ずそれをアンインストールしてから、プレビュー 7 のインストールを行うように注意してくださいとのことです。 新機能 今回の新機能で目を引くのは、オブジェクトの位置や大きさを % で指定できるようになったことです。まだバグが多いこともあり使い辛かったりはしますが、実用的なレベルになれば便利そうな機能です。 そ
ブラウザ上で標準フォントや言語属性を検証していたところ気づいたのだけど、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では継承は発生せずこ
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
10 Best jQuery Flip effect plugin with examples jQueryでフリップエフェクトを使った良プラグインやサンプル集10。 送信時にフリップするフォームやフリップするカウンタの他、アイテムをフリップアニメーションさせてオシャレにレイアウトするプラグインやサンプルがまとまっています。 こういうことも出来るんだということを認知する意味で一度見ておくとよさそう 数年前ではこういうのはFlash以外に考えられませんでしたが進化を感じられますね 関連エントリ jQueryでフリップするカッコいいメニュー作成のチュートリアル 多数のパネルをアニメーションでフリップさせるクールなUI実装サンプル
Circle Hover Effects with CSS Transitions | Codrops 円形アニメーションで美しいエフェクトを作るCSSのTransitionsを使った実装例。 マウスオーバーで円形に美しいアニメーションをするデモが公開されています。将来的には当たり前のように使われているテクニックかもしれません。 デモが7個あるのですが、円形を使って様々にアニメーションして美しい上に、色々な応用例が考えられて楽しいです 関連エントリ 円形の冊子ページをめくる風機能をCSS3とjQueryで実現するチュートリアル テキストを円形に描画するチュートリアル jQueryとCSS3を使ったPath風の円形メニューサンプル アニメーションするクールな円形メニューが実装できるjQueryプラグイン「MobilyBlocks」
デモページ デモは左のメニューから、動画を変更して再生できます。 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
スマートフォンで横長な画像を挿入した時、その部分だけスクロールできるようにするUI time2012/08/21 hatenabookmark- PCサイトにある画像をスマートフォン向けに載せる場合、その画像を縮小したり、分解したりして載せるかと思います。ただ、以下のようになかなかうまくいかないケースもあるでしょう。 サイズが横長なため(横スクロールを起こさないよう縮小するが)、比較的横幅が狭いスマートフォンでは小さく表示せざるを得ない 地図や案内図など分解することが難しい 例えば、こんな画像です。 札幌市営地下鉄路線図 西荻窪さんぽMAP そんな時に役立つUIを少しこさえてみました。 画像のサイズは保持しつつ、かつページ全体では横スクロールを起こさずに画像がある部分だけ横スクロールするというものです(AppStoreのスクリーンショットのUI、といえばおわかりの方もいらっしゃるでしょうか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く