iPhone風にドラッグして画面をスクロールするUIが作れるjQueryプラグイン:phpspot開発日誌
iPhone-like drag scroller test iPhone風にドラッグして画面をスクロールするUIが作れるjQueryプラグイン。 画面をドラッグしてずらすことで画面をスクロールできます。こういうUIをつくろうと思っても１からつくると大変そうなので覚えておくとよさそう。 ドラッグ＆ドロップで要素移動。 デモはあじけない単なる四角形ですが、画像なんかをおけば使いかた次第で楽しいものが作れるかも。 関連エントリ iPhone用サイトを作成する際に便利なjQueryプラグイン「iPhone UI」 iPhoneのロック解除風UIでCAPTCHAするjQueryプラグイン「QapTcha」 コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」
UNITED ARROWS
トップス すべてのトップス Tシャツ / カットソー シャツ / ブラウス チュニック ポロシャツ ニット / セーター ベスト スウェット / パーカー カーディガン その他トップス ジャケット すべてのジャケット テーラードジャケット ライダースジャケット デニムジャケット その他ジャケット コート / アウター すべてのコート / アウター ダウンジャケット / ダウンベスト ブルゾン / 中綿ジャケット トレンチコート ダッフルコート チェスターコート ピーコート ステンカラーコート その他コート / アウター パンツ すべてのパンツ デニムパンツ スラックス カーゴパンツ チノパンツ スウェットパンツ / ジャージ イージーパンツ ショート / ハーフパンツ オーバーオール / オールインワン その他パンツ スカート すべてのスカート ミニ / ショート ひざ丈 ミモレ / ロン
「●」が小さく見えることがあるのはどうして？ - 帰ってきた💫Unicode刑事〔デカ〕リターンズ
（ホー先生）Macの画面で「●▲■」の「●」と「■」だけが小さく見えることがあるのはなぜじゃ*1。 「●」と「■」が欧文フォントで表示されているからだよ。たとえばMacのFinderでは、ファイル名は「Lucida Grande優先」で表示される。Lucida Grandeは「●（U+25CF）」や「■（U+25A0）」のグリフを持っているけれど、「▲（U+25B2）」のグリフを持っていない。だから「▲」はヒラギノで表示されて、「●」と「■」だけが小さく見えるんだ。同じ理由で起きる現象としては、三点リーダの位置が下にズレたりすることも、よくあるよね。 Finder以外でもよくあるんじゃが。 Appleのソフトは世界共通の仕様なので、デフォルトは欧文フォントだよ（下図）。 日本語フォントを指定すれば、この問題は避けられるのか。 うん。Finderでは基本的にフォントの変更はできないけどね。そ
なぜiPhoneはユーザーの位置情報を集めているのか
昨日お伝えした、iPhoneがユーザーの位置情報を集めていることについて、その理由を調べてみました。 【参照】 iPhoneがユーザーの行動履歴を保存していることが判明 Twitterなどでの昨日のエントリーへのコメントをみると、「やはりアップルは信用できない」「iPhoneは怖くて使えない」というネガティブなものや、このサイトの読者層が影響してか、「面白そう」「むしろ便利」という好意的なもの、そして最も多かったのは、「なんとなく気持ち悪い」という意見だったようです。 「気持ち悪い」と感じた理由を考えてみると、おそらく アップルが勝手に位置情報を集めている 集めている目的が分らない 長期間蓄積したデータが簡単に取り出せる(iPhone Tracker) の3点に分類されるのではないでしょうか。 これらについて、今後より詳しい情報出てくるはずですが、現時点で分っていることをまとめてみました。
誰でも作れる！ “崩れない”HTMLメルマガ作成術
誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（2/4 ページ） CSSは時期尚早。基本は＜table＞で組め！ 前述したように、HTMLメールのチェック対象は膨大です。最近のメーラーはCSSへの対応度が上がっているといわれていますが、いまだにCSSの解釈にはバラ付きがあり最悪の場合、完全に無視される場合もあります。 そのような理由から、現状では昔ながらのテーブルレイアウトを軸に作成していくのが一番安全といえます。Webサイト制作時のクロスブラウザ対応でも、テーブルレイアウトであれば、ずれることは少ないですよね。 またメーラーの種類が豊富なことから、CSSでなくてもできる指定（例えば、＜table＞のbackground属性など）があれば、そちらを率先して使っていくことが、想定外のレイアウトになることを防ぐ近道です。 ここからは、本稿のために作成した「日
UX/UI/Frontend/Webdesign Karlsruhe
UX / Webdesign Karlsruhe Gutes User Interface Design, gute Usability & Performance sowie guter Content* ergeben eine gute User Experience. Ganz einfach. Eigentlich. * meine Kunden liefern guten Content, ich kümmere mich um den Rest. AURELIUS Website für das aktiennotierte Investmentunternehmen AURELIUS aus München. Vorstellung der Werte, Personen, Konzerngesellschaften und Darstellung der Investor
jQuery Easing - jQuery 日本語リファレンス
Easing/jQuery easingとは、エフェクトの動きを加速/減速させるための関数です。 例えばフェードアウトの動きを考えたとき、通常は透明度の変化量は経過時間に対して線形です。全体で1秒かかって消える処理であれば、0.5秒経過時の透明度は0.5になります。 しかし、ここでeaseInQuadの動きを適用すると、変化量は線形ではなく2次関数の曲線になります。（下記サンプル参照） そのため、最初はゆっくりと薄くなっていき、後半に急激に消えていくような効果が得られます。 特別なことをしなくても使うことの出来るeasingは"linear"と"swing"の2種類だけですが、プラグインなどを入れることで多くのeasingを利用することができます。 このeasingプラグインでは、version 1.3時点で32パターンが提供されています。 これ以外にもeasingは比較的容易に自作するこ
QRコードをピュアJSで作れるjQueryプラグイン「jQuery.qrcode」:phpspot開発日誌
jquery.qrcode - jquery plugin for a pure browser qrcode generation QRコードをピュアJSで作れるjQueryプラグイン「jQuery.qrcode」。 通常QRコードというとサーバ側で画像にして画像を送信するというのが一般的ですが、このプラグインはブラウザ上で描画するタイプです。 <div id="qrcode"></div> というマークアップがあったとして、次のようにすることでQRコードを埋め込みます。 jquery('#qrcode').qrcode("this plugin is great"); カメラ等で読み取れば、「this plugin is great」がテキストとして読み取れます。 canvasを使っているので、canvas対応ブラウザでしか動作しない点に注意。 関連エントリ リンクにカーソルを合わせる
福島には原発が必要だった - あ
３月１１日から一カ月。今日も震度５の余震がありました。 福島第一原発の冷温停止にもまだ時間がかかります。 福島の震災はずっと現在進行形です。 地震、津波、原発事故、風評被害の四重苦だ――。そんな声を、あちこちで聞きます。 原発によっておいしい思いをしてきたんだろう。交付金をハコモノじゃなく安全のために使うべきだった。他県の方はそう思うかもしれません。原発が相双地区（福島県の太平洋側）の財政を潤してきたのは事実です。福島県民ならみんな知っています。そして産業が少なく魅力的な雇用がほとんどないというのもまた、福島県全体の共通の認識ではないでしょうか。 そもそも、福島は経済的にはとても貧しい土地なんです。 大学進学率は、一昨年は４７都道府県中４０位でしたが２０１０年には３つ上がって３７位になりました。女子だけだと４２位で、女子の早婚率は全国１位です。だいたいの女子は高校を卒業するとちょっと働いて
float解除の決定版。clearfixを考えたら、進化した。
現在この中でclearfixでよく使用されているプロパティは display:inline-block; height:1%(min-height:1%) zoom:1; でも良く考えたら、全て微妙です。 zoom:1はIEの独自仕様ですし、heightを使用する場合は、IE6,7に対応させるために2つのプロパティが必要です。 display:inline-blockもボックスの要素を変形させることになります。 hasLayoutのスイッチを見た時に、一番理に適ったプロパティはwidthかなと思いました。 子要素を囲む要素として、divやulなどデフォルトCSSがdisplay:blockのプロパティのものが多く、display:blockのプロパティの場合、width:100%で問題ないと思ったからです。 現在のブラウザ状況に適したclearfix 上記を踏まえ見直したclearfixが
Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」:phpspot開発日誌
Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」 2011年04月05日- Custom YouTube Player Reload ? Scripts and Code Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」 Youtubeの通常のembedタグを埋めこむと、再生ボタンやらなにやらが付いていたりしますが、次のように、再生ボタンなしに出来ます。 これだけでも、デザインされたサイトには馴染みそうですね。バーがあるとデザイン全体が台なしというケースもありそう。 更に、カーソルを合わせると次のようにカスタマイズされたコントロールバーが現れます。 このコントロールバーは、JavaScript + CSS + 画像でデザインされており、
福島原発以上に危険性のある高速増殖炉もんじゅで今起きていること - $shibayu36->blog;
いつもはこのブログでは、技術系の話しかしていないのですが、今回はちょっと変わって、今話題になっている原子力発電所の話を書きたいと思ってます。自分で調べてみると「高速増殖炉もんじゅって危ないな」ってことに気づきました。福島原発も難しいことになっていますが、もんじゅも現在も危険な状態になっています。それについてまとめてみました。 非常に長文になりましたので、時間があるときに読んでいただけるとありがたいです。特に福井県の方には自分たちの県のことなので読んでもらえたらと思います。 前置き まずこの内容について書きたくなった理由です。僕は福井県勝山市の出身で、福井県には多数の原子力発電所があります。これまでは原子力発電所については全く知識がなかったのですが、今回の福島原発での事故をきっかけに、やはり原発はある程度の危険性があるということに改めて気づき、原子力発電所について調べてみることにしました。そ
jQuery Image Scale Carousel
What Makes jQuery Image Scale Carousel Different? It auto scales the images you put into it to the appropriate height and width keeping their aspect ratio in place. When working with imagery online keeping the integrity of an images aspect ratio is as important as anything else. This is what's so nice about this jQuery plug-in; you don't have to worry about all of your images being perfectly sized
jQuery.flickable: iPhone and Android like flick scrolling plugin
See related links to what you are looking for.
駄菓子屋ゲーム博物館
駄菓子屋ゲーム博物館の活動履歴 Last modified - 2023/07/13 実物のゲーム機を展示する駄菓子屋ゲーム博物館の活動履歴を紹介しています。 所蔵ゲームの活動履歴 Last modified - 2012/01/17 当博物館が所蔵しているゲーム機の活動履歴を紹介しています。 駄菓子屋ゲームデータベース Last modified - 2011/06/18 全盛期昭和から近代平成のゲーム機まで幅広く展示しています。 資料室 Last modified - 2011/06/18 駄菓子屋ゲームに関連する物品、資料、周辺機器などを展示公開しています。 ご意見＆ご感想のお手紙はこちらまで ： E-Mail (C) 駄菓子屋ゲーム博物館 2003 , 2004 , 2005 , 2006 , 2007 , 2008 , 2009 , 2010 , 2011 , 2012 , 20
[CSS]今、そして近い将来に使用するであろうスタイルシートのテクニック集
CSS3のテクニックはさまざまなものがありますが、その中からまさに今、そして次のプロジェクトに使用したくなるテクニックを紹介します。 The Bright (Near) Future of CSS [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 はじめに Styling HTML5 Classing like HTML5 Media Queries Styling Occasional Children Styling Occasional Columns RGB Alpha Color HSL and HSL Alpha Color Shadowy Styles Multiple Backgrounds 2D Transforms はじめに ここでフォーカスするのは、今、そして近い将来に使用するであろうスタイリングのテクニックです。HTML5の要素のスタイリング
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
stefangabos - Overview
小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌
HTML5で制作されたサイトをまとめたギャラリーのまとめ
[Webデザイン]iPhone スマートフォンサイトのデザインのまとめ | CSS Lecture