アニメーションやイフェクトが多彩なiOSサイト構築テンプレート&ライブラリ·Web 2.0 Touch MOONGIFT
Web 2.0 TouchはjQTouchをベースにしたiOS最適化サイト構築テンプレート&ライブラリ。 Web 2.0 TouchはHTML5/JavaScript製のフリーウェア（ソースコードは公開されている）。iPhone、iPadといったいわゆるiOS向けのWebサイト開発のニーズが出始めている。iPhoneはデスクトップ向けWebサイトがある程度見られるというのが利点ではあるが、やはり小さい画面では見づらいケースも多い。 メイン そんな時にズームしたりパンしたりする操作を繰り返すのはストレスがたまる。さらに送信される情報も多いので表示に時間がかかるのも難点だ。そこでiOS向けWebサイト開発に使ってみたいテンプレートがWeb 2.0 Touchだ。 Web 2.0 TouchはHTMLデザインだけではなくJavaScriptによるアニメーション操作も提供される。例えば画面スライド
Android風の簡単な通知を実現する「jQueryToast」:phpspot開発日誌
jQuery Toast Plugin Android風の簡単な通知を実現する「jQueryToast」 クリックすると次のようなAndroid風の通知がページ上に現れます。 次のように、.toastでメッセージとオプションを渡してあげるだけなのでalertみたいにお手軽に使うことができます。 Android用のHTML5ベースのアプリなんかでも使っても良さそうですね。 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 通知件数表示付きのメニュー実装jQueryプラグイン「Notification Menu」 HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」
レスポンシブWEBデザインのサンプル26:phpspot開発日誌
26 Responsive Web Designs - Web Design Blog ? DesignM.ag レスポンシブWEBデザインのサンプル26 パソコン、スマホ等のデバイスでアクセスされた際にCSSを使ってフレキシブルにデザインを変えるというレスポンシブWEBデザイン。 それぞれのデバイス専用の画面を用意するのではなく、画面幅等で判断してCSSを切替えられれば開発側としてみれば手間が少なくなり合理的な開発が行えますね。 そうしたレスポンシブWEBデザインを上手く使ったサイト集がまとまっていましたのでご紹介です。 今後ますますスマホが重要度を増し、こうした考え方がWEBデザインをする上で必須の物になってくるような気がしますね。 関連エントリ お洒落なECサイトデザイン集３８ 次のサービスに使えるかもしれないロゴデザイン集２２ 奥行きをうまく使ったサイトデザイン集３０
jQueryで背景画像をフルスクリーン表示してスライドショーに出来るやつ色々
気が向いたのでメモ。背景に配置した 画像をフルスクリーンで表示して、更 にスライドショー化できるjQueryのプ ラグインとか。さほど数は無いですけ ど・・・使う可能性があるかもなので 備忘録的にまとめておきます。 タイトル考えるの結構面倒くさいので適当になってきました。語彙が中学生レベルですが気にしないで下さい。 さて、フルスクリーンにした背景をスライドに出来るjQueryいろいろです。ほぼ択一っちゃ択一なんですけど・・・ちょっと出来上がりすぎていじりにくいので他もチェックしたい、という事で調べたものを羅列しておきます。触ったこと無いのもあるのでその程度の記事という事で。 Supersized 定番の高機能プラグインです。IE6では動作しません。スマートフォンでも大丈夫っぽい。多数のオプションも用意されており、FlickrAPIにも対応してるくさいです。ライセンスはMIT/GPLのデュア
中身が画像のselectボックスを作るjQueryプラグイン:phpspot開発日誌
Image Select plugin with jQuery | images select 中身が画像のselectボックスを作るjQueryプラグイン 普通selectの中身といえばテキストが一般的ですが、画像で選ぶことができます。 select内のoptionの値を画像のパスにしておいて、$(element).ImageSelect() のように初期化するだけで使えます 関連エントリ アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」 デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン カッコいいselectボックスを作成できるjQueryプラグイン「FancySelector」
Webサイト上で注釈を付与、表示するjQueryライブラリ·AnnotateIt MOONGIFT
AnnotateItはWebサイト上で注釈をつけたり表示するJavaScriptライブラリ。 AnnotateItはjQuery/JavaScript製のオープンソース・ソフトウェア。Wikipediaをはじめとしてコンテンツ系サイトでは記事に対する引用元や、注釈をつけることがある。大抵そうした内容は記事全体の下にまとめて引用として添付されるので見過ごされがちだ。 注釈入力中 また、ブログやニュースサイトにはコメント機能がついていることが多い。そこでは大抵記事の一番下にコメントエリアがあり、感想などを投稿する。そのため記事全体に対するコメントと受け取られがちで、勘違いを生むこともある。そうした事態にならないよう使ってみたいのがAnnotateItだ。 AnnotateItはWebサイトの任意のテキストに対して注釈を付けられるJavaScriptライブラリだ。文字を選択すると編集アイコンが表
30 iOS App Icon Designs for iPhone & iPad - DesignM.ag
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
著作権放棄・シンプル・軽量で、iPhoneなどにもレイアウトを調整できるレスポンシブWebデザイン対応のHTML5フレームワーク・Fluid Baseline Grid
なかなか凄いフレームワークがあったので 反射的にメモ。パブリックドメインという のが何より太っ腹ですねー。自由に使用で きて、シンプルで汎用的、しかも軽量で iPhoneやiPadにもレイアウトを自動調整 するレスポンシブWebデザイン対応のHTML5 フレームワークです。 これ、凄く良い感じです。いいもの全部詰め込んだ、みたいなソフトウェアですね・・・ちゃんと使いこなせるようになりたいかも。 Media Queriesを使ったレスポンシブWebデザイン対応のCSSフレームワークです。3カラム構成で組めるようにもしてあります。マークアップはHTML5+CSS3ですが、jsを使ってIEにも対応してくれています。 以下にざっと特徴を。 著作権放棄(パブリックドメイン)軽量(CSSは9kb)ベースライングリッドに揃済みグリッドレイアウト対応iPhoneやiPadなどにも自動でレイアウトを調整HT
jQueryを使ってWordPressの投稿エディターで、HTML5のタグを一応使えるようにする
さて、今日から3連休ですかね。無関係な 僕は普通に記事書きます。最近、HTML5製 のWebサイトも珍しくないくらい増えてき ました。このブログでも何度もHTML5製の WordPressテーマをご紹介していますが、 投稿時にタグを手打ちするのは極めて面倒 なのでちょっと強引に使えるようにします。 まぁ強引かどうか分かりませんけど現状不便なのと仕事で使うわけではないので、使えればいいんじゃない？みたいなノリで含めてみます。いずれエディター側で普通に対応すると思うのでそれまでの間に合わせですかね。 実装 こんな感じで。あんまりスマートでは無いですけどｗ追加したいタグをselectから選択すれば投稿エリアに反映されます。ただし、反映させるだけで、ドラッグで囲って・・・みたいなことは出来ません。 AddQuicktagというプラグインなら追加も余裕なんですが、他の用途で使っていてこれ以上タグが増
Chromeで印刷プレビューを無効にする方法 - buzzword update
2011年8月10日水曜日 Chromeで印刷プレビューを無効にする方法 最新のChromeでは多くの人が望んでいた印刷プレビューが利用できるようになりました。ただ、残念なことに印刷プレビューと印刷が分かれていないため印刷を行うと必ず印刷プレビューが表示されます。 ほんのわずかな秒数ですが単に印刷を行いたい方にとっては結構イライラするものです。それに対して海外の公式フォーラムで回答がされていましたので実際に行いながらご紹介いたします。 LINK： version 13: how to turn off print preview? まずは特に設定を行っていない場合です。 レンチマークから印刷を選ぶと印刷プレビューがまず表示されます。 では印刷プレビューを無効にします。いったんChromeを終了しChromeのショートカット上で右クリックからプロパティを選んで下さい。 プロパティ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
