Backbone.jsでつくるMVPなUIパターン【タブ】 | DevelopersIO
今回はBackbone.jsを使ってタブUIを作ってみたいと思います。デザインはTwitter Bootstrapをつかって以下のようにしました。 世界的に名高い企業の名前が並んでいますね。 デザインはhtmlを仮組みしてBootstrapで既にできていることにします。（本題と離れてしまうので…すみません＞＜） ボタンの部分に active というクラスをつけると選択中のデザインに変わり、 内容の部分におなじく active というクラスをつけると display: block; となり表示される仕組みです。 すべてactiveな状態 すべて非activeな状態 htmlはこちらです <div id='ui-tab'> <ul class='nav nav-tabs'> <li class="active"> <a href="#apple">Apple</a> </li> <li> <a
Appleぽい画像ギャラリーjavascript「MooFlow」
AppleのiTunesやCoverFlowで使用されているギャラリーに影響を受けたjavascriptです。 画像が多くなると滑らかではないですが、正直こんなのが欲しかったと思うスクリプトです。 その名も、MooFlowです。 sponsors 使用方法 MooFlowからダウンロードしたMooFlow.jsとmootools-beta-1.2b1.jsを以下のように記述します。 <script type="text/javascript" src="http://yourdomain/mootools-beta-1.2b1.js"></script> <script type="text/javascript" src="http://yourdomain/MooFlow.js"></script> さらに下記のJavaScriptとCSSを記載します。 <script type="t
Apple Days | Apple製品の発売周期まとめ
Apple製品のこれまでの発売日を元に、新製品が出るまでの周期をまとめました！
World Wide Deb
The first signs of mounts may appear in adolescence, with more severe development around 30-40 years. It is a deformity in the bone of the big toe, which deviates to the other toes and thus produces a prominent formation, in many cases being painful. It is not possible to say precisely what the cause is,…
35 Beautiful iPhone App Website Designs
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. I’ve always been a fan of Apple’s desi
OS X必携ツール「Growl」の知って得する使い方 (1/2)
本連載「Apple Geeks」は、Apple製ハードウェア／ソフトウェア、またこれらの中核をなすOS X／iOSに関する解説をあますことなくお贈りする連載です（連載目次はこちら）。 UNIX使い向けをはじめ、Apple関連テクノロジー情報を知りつくしたいユーザーに役立つ情報を提供します。 デスクトップにふわりと現われるポップアップ画面。「あれ？ システム標準の機能じゃなかったっけ？」と思うこともあるほど、「Growl」の通知システムはOS Xのデスクトップに溶け込んでいる。今回は、Growlを知らない人にはその紹介を、知っている人にはひと捻りしたTIPSをお届けしたい。 What's 「Growl」？ Growlを一言でいえば「ポップアップ通知システム」。たとえば、Growlに対応するアーカイバで圧縮作業が完了したとき、その旨を知らせる小さな画面が自動で現われ数秒程度で消えるといった、ア
Macを買ったらすぐ変更する設定
こんにちは。 先日、新型MacbookAirの美しさに魅せられ、ついついMacbookAir13インチ特盛りをポチってしまった橋本です。 今日は、弊社熊谷の記事「続・続Macを買ったらすぐインストールするアプリケーション」のインスパイアの意味も込めて、アプリではなく、Macの設定変更について書いてみたいと思います。 ※注意※ 今日ご紹介させていただく内容は、ターミナルからコマンドを入力して設定を変更するものです。試してみる際には自己責任でお願いします。MacOSX 10.6.5で動作確認済です。 では、早速。 1. デスクトップ上のアイコンを消す ちょっとしたファイルを保存するときに、ついついデスクトップに保存してしまうことってありませんか？自分はよくあります。ただ、このいい加減な習慣を続けていると、いつの間にかデスクトップがアイコンで埋まってしまって、せっかくの壁紙が台なしになってしまい
【レビュー】テレビでHD画質の映画・写真などを楽しめる『Apple TV』〜ハードウェア編
『Apple TV』は、HDMI端子でテレビに接続し、映画・楽曲などのiTunesのコンテンツをリビングで楽しむことができるデバイスです。 今回レビューに使用しているのは、9月に開催されたアップルのスペシャルで発表され、米国で先行して発売されたもので、国内で発売されるものとほぼ同じ仕様と考えられます。 第2世代にあたるこのモデルは、 ハードディスクを廃止し小型化 8GBフラッシュメモリーを使用 iOSを搭載 「Apple A4」プロセッサーを採用 (iPadと同じモデル) 8,800円という低価格 と、名前こそ同じものの、全く新しいデバイスに生まれ変わっています。ハードウェアの中身についてはこちらの記事をどうぞ。 iFixit、iOS搭載の「Apple TV 2」を分解〜8GBフラッシュ・256MBメモリーなどが判明 小型化は本体のみに留まらず、パッケージも驚くほど小さく、本体・電源ケーブ
【レビュー】テレビでHD画質の映画・写真などを楽しめる『Apple TV』〜ソフトウェア編
前回の「ハードウェア編」に続き、今回は『Apple TV』のソフトウェアを中心にレビューをしていきたいと思います。 まずは、『Apple TV 』の置き場所を決め、TVに接続します。 『Apple TV』の設置に必要なもの セットアップに必要なものは、 HDMIケーブル – HDMIケーブルは付属しておらず、アップルの純正のケーブルなどを別途購入する必要があります。また、テレビ側のHDMIポートの”空き”も必要なので、事前に確認を。 ネットワーク – Ethernet(有線LAN)またはWi-Fiのどちらでも使用できます。帯域の関係から、無線LANの場合は、『AirMac Express』などのIEEE 802.11n対応の無線LANルーターがあると安心です。 電源(AC) – 電源内蔵なのでアダプターは不要。 となります。 サイズはが98mmの正方形とコンパクトなため設置場所には困りませ
[CSS]画像を使用しないでApple風のパンくずを作成するチュートリアル
階層を区切る三角のデザインが特徴的なApple風のパンくずを同一の色相でカラーリングしたものを実装するチュートリアルを紹介します。 三角の箇所は画像を使用しないで、CSSで実装されています。 Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンくずはリスト要素で実装します。 シンプルでクリーンに実装するために、各アイテムにはclassを使用しません。 HTML <ul class="breadcrumb"> <li><a href="#">トップページ</a></li> <li><a href="#">第二階層</a></li> <li><a href="#">第三階層</a></li> <li><a href="#">第四階層</a></li> <li><a href="#">現在位置</a></
不要な付属ウェアなしでiTunes 10をインストールする秘密の方法！ : ライフハッカー［日本版］
Apple , Microsoft , Windows , iPad , iPhone , iPod , 整理整頓 , 生活術 , 豆知識 不要な付属ウェアなしでiTunes 10をインストールする秘密の方法！ 掲載日時：2010.10.31 22:00 コメント [0] , トラックバック [0] Check Tweet Windows のみ: iTunesをインストールすると、この人生では恐らく一度も必要としないであろう付属品も、ぞろぞろとくっついてやってきてしまうというのは、ご周知の通りかと思います。しかも必要なものだけをインストール、というのは出来ないようになっています。これはインストールファイルをクラックしない限りは、という話ですが。 ZDNet のWindowsエキスパート、エド・ボット氏が、iTunesのコンポーネントを一つずつインストールする方法を紹介してくれています。
アップル生活を見直してみよう！アップルのサービスなしでクラウド化する方法をおさらいする
アップル生活を見直してみよう！アップルのサービスなしでクラウド化する方法をおさらいする2010.09.18 18:00 mayumine どんなアップル信者といえども、アップルのサービスだけを使ってインターネットライフを送っている人はあまりいないのではないでしょうか。 メディアファイルや個人情報などを、まとめて保存・連携できるようなサービスがアップルにあれば良いのですが、今のところはコレといったものは皆無です。 できればひとつのサービスによって、各デバイスに入っている大切な音楽ファイルや動画などを、携帯電話→コンピューターに簡単に行き来できるようにしたら最高ですよね。 外で撮影した写真や動画、Eメールやテキストファイル、ボイスメールなどなど、いつでもどこでも簡単にアクセスできるようにしたい。自分が必要なものは全て、シームレスでユビキタスな状態にしておきたい...。 アップルが提供するサービ
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPad Mini, 新型iMac, iPod Touch もちろんiPhone5などいろいろ、最近のAppleが発表したプロダクトのモックアップ用の素材のまとめ
Apple-like Slideshow Gallery | Tutorialzine demo
https://digimaga.net/nail-clipper-air-apple-parody/
複数のパソコンで簡単にiTunesを同期できる『MediaRover』 | ライフハッカー・ジャパン