2011年7月20日のブックマーク (14件)

  • スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries

    これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです。 この発想はちょっと素敵でした。指定したサイズに応じて要素にclassを与えるので、Media Queryを使用したPCとスマフォ向けサイトで見た目をまったく別のものにすることも出来そう。 特にjQueryやmootoolsといったスクリプトに依存してないのもいいですね。イメージ的には部分的にMedia Queryを手軽に使える、という感じでした。 わずか5KBほどの非依存型軽量ライブラリです。ディスプレイサイズ等で要素が指定した数値になると、class名を与えてくれるので、環境によってデザインを簡単に変更できるようになります。 上記はMedia Query T

    スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries
    kkeisuke
    kkeisuke 2011/07/20
  • css-eblog.com - このウェブサイトは販売用です! - css eblog リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    kkeisuke
    kkeisuke 2011/07/20
    display: box;
  • SlidingDrawerで引き出して表示されるViewを作る | TechBooster

    今回はSlidingDrawerの使い方を説明します。 SlidingDrawerとはAndroid1.6のデフォルトのホーム画面を思い出してもらうと分かりますが、画面下のタグ(正式にはハンドル)のようなものを引っ張ると新たな画面(View)が表示されるものです。 それでは続きでSlidingDrawerの使い方を説明します。 handleとcontent レイアウトファイルでSlidingDrawerを記述します。重要な要素はandroid:handleとandroid:contentです。 main.xml <SlidingDrawer android:id="@+id/drawer" android:layout_width="fill_parent" android:layout_height="wrap_content" android:handle="@+id/handle"

    kkeisuke
    kkeisuke 2011/07/20
    Android
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
    kkeisuke
    kkeisuke 2011/07/20
    jQueryの.delay()の実験
  • 自前 Dragger #02 | DevelopersIO

    前回に引き続き、自前ドラック機構を用いた Flex の Tips を解説します。 お題「サイズ変更グリッパー」 OS のウィンドウ右下にさりげなく存在するウィンドウサイズ変更のグリッパーボタンですが、Flex の Panel コンポーネントを拡張して、自前で用意してみましょう。 ロジックは、前回のエントリとほぼ同じです。マウスの移動量を基に Panel のサイズを制御しています。 実装コード (ResizablePanel.as) package jp.classmethod.sample { import flash.events.MouseEvent; import spark.components.Button; import spark.components.Panel; public class ResizablePanel extends Panel { [SkinPart]

    kkeisuke
    kkeisuke 2011/07/20
    MXML
  • Dreamweaver CS5.5 マスターシリーズ第2回 jQuery Mobile Widgetでスマートフォン対応サイトを作ろう その1 | デベロッパーセンター

    このマスターシリーズでは、Dreamweaver CS5.5の新機能の中からモバイル開発機能を中心に解説します。 DreamweaverはCS5.5になり、今までよりも楽にスマートフォン対応サイトを制作できるツールとして進化しています。CS5.5で新たに導入されたのが「jQuery Mobile Widget」という機能です。このjQuery Mobile Widgetを利用することで、jQuery Mobileの知識が無くとも、直感的にスマートフォン対応サイトを作成することができます。記事では、サンプルサイトを作成しながら、jQuery Mobile Widgetの使い方を解説します。 サンプル::Dreamweaver55_002_sample 必要なもの 体験版 今すぐ購入   jQuery Mobileとは 「jQuery Mobile」は、スマートフォン向けサイトを作成するため

    kkeisuke
    kkeisuke 2011/07/20
  • titleを動かすJavaScript「Marquee in title」

    twitter facebook hatena google pocket いっときtitleを動かすのが話題になったことがありました。 それをjQueryで実現したのがMarquee in titleです。 ちょっとしたインパクトを出すためのネタにいいかもしれません。 sponsors 使用方法 Marquee in titleの1からjsをダウンロード。 またjQueryjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.marqueetitle.js"></script> <script type="text/javascript"> $(document).ready(fun

    titleを動かすJavaScript「Marquee in title」
    kkeisuke
    kkeisuke 2011/07/20
    マーキー
  • wonderfl build flash online | 面白法人カヤック

    wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

    wonderfl build flash online | 面白法人カヤック
    kkeisuke
    kkeisuke 2011/07/20
    BitmapData 火
  • tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」:phpspot開発日誌

    Chartify ? A Visualization Plugin for jQuery tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」 <table>のデータを最小1行でGoogleのChart APIを使ってグラフ画像に変換してくれるみたいです。 マークアップ上では次のようなテーブルがあったとします。 プラグインを読み込んで .chartify します。色なんかも指定 すると次のようなグラフに変換されて表示されます。 HTML上にデータがかけてそれをグラフに変換してくれるのはなかなかいいですね。 関連エントリ 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 ドリルダウンなグラフを作成できるjQueryプラグイン「DDChart」 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」

    kkeisuke
    kkeisuke 2011/07/20
  • [CSS]ビューポートのサイズに合わせてナビゲーションの形状を変更するテクニック

    ビューポートのサイズに合わせてスタイルシートを適用するMediaQueriesを利用して、ナビゲーションの形状を変更するテクニックを紹介します。 デモページ:スクリーンサイズが960pxより小さい時の表示 以下は各ポイントを意訳したものです。 実装 これら2つのナビゲーションを実装するには、ul要素とselect要素の2つが必要です。 HTML:Step 1 まずは、nav要素内にul要素とselect要素の2つを記述します。 ※最終形は、異なります。 <nav> <ul> <li><a href="/" class="active">Home</a></li> <li><a href="/collections/all">Books</a></li> <li><a href="/blogs/five-simple-steps-blog">Blog</a></li> <li><a href

    kkeisuke
    kkeisuke 2011/07/20
    CSS:MediaQueries
  • ポチってもうたー っての作った

    programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / http://pochitte.mouter.be/OAuthでTwitter認証してamazonから商品検索してこれポチったぜ!とかこれポチりたいとかいうのをツイートするサービスです。 技術的には、ウィジェットらは全部jQuery UI widgetベースで作っていて、画像や検索結果周りはjQuery Deferredを使ってキャッシュしたりなんなりとかして、ユーザーの情報はBackbone.js使って上手いこと管理してみたいなことをやってみてます。表示切替はtransitionsでやってみたりなど。そんで、google app engine python でサーバサイドを書いとります。 ポ

    ポチってもうたー っての作った
    kkeisuke
    kkeisuke 2011/07/20
    画像や検索結果周りはjQuery Deferredを使ってキャッシュしたり。ユーザーの情報はBackbone.js使って上手いこと管理してみたい
  • 知らないと損するケータイFlash軽量化テク30連発!(1/3)- @IT

    知らないと損する ケータイFlash軽量化テク30連発! まだまだ健在のガラケーのSWFを1バイトでも軽くするには 株式会社サイバーエージェント 渡辺 梓 2011/7/20 スマホへの移行が増加しているという話題が多い中、まだまだ使われているFlash Liteコンテンツ。さまざまな機種でストレスフリーなアプリを制作するために最も気になる点はSWFファイルの軽量化と、実機での動作の軽さではないでしょうか。 稿では、デザイン制作、Flashオーサリング、「Transform」を使ったSWF合成の3軸で、サクサクと動くFlash Liteコンテンツの作り方を説明します。 デザインから始める軽量化 スムースポイントを減らす 違いがほとんど分からないときは、コーナーポイントでも減らす グラデーションの代わりにブレンド 繰り返し使う形はインスタンス化 極力、アルファを使わない アウトラインに当た

    kkeisuke
    kkeisuke 2011/07/20
    Flash Lite
  • Appcelerator Developer Center - API for (version 1.6.2)

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    Appcelerator Developer Center - API for (version 1.6.2)
    kkeisuke
    kkeisuke 2011/07/20
  • [css] contentプロパティで挿入できるコンテンツ – WebTecNote

    clearFixでお馴染みなCSSの擬似セレクタ::beforeと::afterではcontentプロパティというものが使えるわけですが、 ::beforeと::afterがIE7以下未対応ということもあって使ってない人は未だ多かろうと思います。 しかしながらレガシーなIEで表示されないから使わないというのは非常に勿体無いので、 今一度contentプロパティで挿入出来る内容についてまとめておこうと思います。 ※2019年現在は全ブラウザ対応しています。 挿入出来るモノ 大きく分けると3つです。 テキスト プロパティの値 画像 content:”テキスト” 半角英数や半角の記号ならそのままでOK。ただしクォーテーションなどのメタ文字は\でエスケープしないと表示されない。 日語などの2バイト文字も書いたまま表示されるけど、数値文字参照の値で書いた方が無難です。 例:タイトルの前に★マークを

    [css] contentプロパティで挿入できるコンテンツ – WebTecNote
    kkeisuke
    kkeisuke 2011/07/20
    マルチバイト文字は16進数値文字参照