タグ

2011年6月11日のブックマーク (6件)

  • jQuery Mobileを触りながら覚えよう! [Japanese Version Only] - jsdo.it - Share JavaScript, HTML5 and CSS

    サンプルを用意しました!フォークしてjQuery Mobileを体験してみよう! スマートフォンサイトをプレビューするには、エディタ画面の「Smart Phone Preview」ボタンをクリックしてください。 こんなことを試してみるとオススメ! aタグに data-transition 属性を付加するとトランジションのエフェクトを選ぶことができます。 Footer要素を画面下に固定することができます。data-position="fixed" フォーム周りの要素もjQuery Mobileで表示できます! そもそもjQuery Mobileってなんだっけ? jQuery Mobileはモバイルサイト構築のためのフレームワークです。 スマートフォンサイトやWebアプリを作成する際に利用します。 非常に手軽に利用でき、少し勉強するだけでそれなりのものが作れてしまうんですよ! ということで、j

    jsoizo
    jsoizo 2011/06/11
  • iPhone/Android/PC 対応。jQuery で書くタッチイベント

    こんにちは!プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。(jQuery Mobile は不要です) iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この3点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし

    iPhone/Android/PC 対応。jQuery で書くタッチイベント
    jsoizo
    jsoizo 2011/06/11
  • Mac初心者には参考になるかもしれないMac作業環境晒し|男子ハック

    @JUNP_Nです。新しいMacBookAirが発売されたら購入すると心に決めているのですが、次のMacは移行アシスタントを使わないでゼロから環境を作ろうと思っています。ということで現在のMac環境を晒しつつまとめてみようと思います。 Spaceseは縦3×横3の9画面を用意 Spacesを使い、それぞれの画面に役割分担をさせています。基ですね。 僕は縦3×横3の合計9画面を用意しています。画面ごとの役割分担は以下。 ファイル操作、デスクトップ表示用メールクライアント(Sparrow)専用iTunes専用Evernote専用ブラウザ(Chrome)専用編集作業専用(Illustrator、Skitchなど)Twitter専用(Echofon、Twitter)MarsEdit専用Skype専用 一番利用頻度が高いのが「5」のブラウザ画面です。ここを起点に利用頻度が多い画面にすぐ変移できるよ

    Mac初心者には参考になるかもしれないMac作業環境晒し|男子ハック
    jsoizo
    jsoizo 2011/06/11
  • ウェブページの重要な箇所を素早く伝える5つのデザインテクニック

    Creating Focal Points in Your Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 元記事ではさらに多くのサイトが紹介されています。 はじめに タイポグラフィ イラストレーション ボタン ホワイトスペース デコレーション はじめに ウェブサイトのユーザーは、少しでも速くものを見いだすことを望みます。そしてわたし達ウェブデザイナーは、そのようにサイトをデザインするべきです。これを実現する最も重要な方法の一つがフォーカルポイントです。 フォーカルポイントと、はユーザーの注目をガイドするようウェブページ上に目立つセクションのことです。フォーカルポイントは際立っており、他のコンポーネントとは別のものです。ウェブページの最も重要な外見を強調し、ウェブサイトの主となる目的を伝えることが可能です。 タイポグラフィ タイポグラフィはサイズ、カラー、ス

  • [CSS]フォントのサイズ指定はpx? em? 既存の再検討とこれからのテクニック

    フォントのサイズの単位に何を使ってますか? px? em? それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており

  • COOKPADのウマーなレシピを紹介しよう

    ■編集元:料理板より「COOKPADのウマーなレシピを紹介しようpart24」 1 ぱくぱく名無しさん :2010/01/30(土) 11:26:45 ID:4Puh0E290 クックパッドの良レシピについて語りましょう。 マズーレシピ、馴れ合いメンの愚痴は該当スレでどうぞ。 多少の教え合いはいいですが、しつこいクレクレ厨はマナー違反です。 まずは自分で探してみましょう。 煽り、荒しは完全スルーで。反応したら貴方も荒しかもですよ。 基はsage進行でお願いします。 まとめサイト http://www13.atwiki.jp/cookpad_umasure/ 【レシピが消去され見られなくなった場合】 Googleか百度で該当レシピを検索し、キャッシュを見てみましょう。 【小技】 『レシピ名や素材名 site:cookpad.com』でググるとヒット数の多いページが

    jsoizo
    jsoizo 2011/06/11