iPhoneとiPadをサクッと切り替え 出来て、ランドスケープ（横向き） にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います。 iPhoneとiPadの切り替えが出来て横向きにも出来るiOSブラウザシミュレーター。個人的には確認も楽で動作も軽いので結構いいなと思いました。ただし、Windows用です。 起動するとiPhoneとiPadを選べます。選んでURLボックスにアドレス入れてアクセスしまｓ・・ やっぱり説明下手なので動画みて頂けますか。 iPadのランドスケープだけウィンドウを小さくしていたため微妙な感じですが、表示はちゃんとしてます。どうも不慣れで申し訳ないです。 一応機能をご紹介。 iPhone ⇔ iPadの切り替えが楽 iPhoneとiPadの切り替えが凄い楽です。これだけ

はじめに 最近Titanium Mobileで開発をはじめましたダニーです。こんにちわ。 今回はTitanium Mobile開発でよく分からないことを調べたりするのによく使ってるサイトを紹介したと思います。 Documentation Guides Appcelerator Wiki http://wiki.appcelerator.org/display/guides/Home/ 開発元のドキュメントです。ここは読んだほういいと思います。 Titanium Mobile 1.6.0 API Documents http://tidocs.com/mobile/latest/ Titanium MobileのAPIを検索できます。http://railsapi.com/みたいに検索できて使いやすいです。 Titanium MobileのAPIの実装がどうなってるかはiPhoneだとTit

最近スマートフォン対応やタブレット対応の案件が増えてきて、スワイプに対応させたいと言われる事が結構多いです。 知ってる人も居るかもしれませんが、スワイプが出来るようになるjQueryプラグインをまとめてみました。 画像ギャラリー専用のものから、ページ全体をスワイプで区切るものまで色々ありますよ。 参考になれば幸いです。 jQuery Touchwipe iPhone、iPad、Android用にスワイプでスライドショーを移動できます。 スワイプした時のイベントが簡単に取得できるので、画像切替意外にも色々使えそう。 PCの場合には、アンカーテキストで画像の切替ができます。 サイズも1kB程度なので、モバイル端末に優しいですね。 PhotoSwipe jQuery Mobile対応の全画面イメージギャラリー。 写真を大きく表示させて、ツールバーで操作するタイプです。 jquery.flicks

前回の更新日が見たくない程に時が流れている今日この頃・・・。 ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。 こんだけ更新が滞ってても、Twitterとかで時々ブログ読んでますって言ってもらえたり、最近なら「今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。」で、【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 を紹介してもらったりしてうれしい半面、更新して無いなーと、何とも言えない気持ちになったり。 なので、これからはちょろっとでもネタが有れば更新していきたいなーと。 何をモチベーションに更新するかはまだ見つかってないけど＞＜ さて、そんな訳で、今回はスマートフォン向けの新規でサイトを作るのに使えそうな感じの一式です。 【スマートフォン向け】新規でサイトを

6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについて」取り上げましたが、今回は実際にMicrodataでどうなるのか、ご紹介致します。 Microdataとは何か？ マークアップ言語であるHTMLは「見出し(h1,h2,h3... )」「段落(p)」「リスト(ul,ol,li)」などの文章構造を示すことができても、「人の名前」「肩書き」「地域」などを示すことができません。 それらをHTMLでメタデータとして追加する方法のひとつとして、HTML5の

WordPressなどで使われているTinyMCEは高機能な分、かなり大きなファイル構成になっているため、どうしても容量が大きくなりがちだ。 しかし、本日紹介する「NicEdit」をすれば、わずか30KBの1つのファイルで WYSIWYGの実装が可能だ。 使い方 実装するには、以下の２行を追加するだけでOKだ。 <script src="nicEdit-latest.js" type="text/javascript"></script> <script type="text/javascript"> bkLib.onDomLoaded(nicEditors.allTextAreas); </script> これで、ページ内にあるテキストエリアが自動的にWYSIWYGエディタに様変わりする。 ↑実装した様子 必要最低限の機能で良い場合に十分使えるシステムだ。 公式サイトにはデモがあるので、

jsDeferredはjavascriptの非同期処理をエレガントに書けるライブラリで、処理の順序を意識したプログラムが簡単になります。最近気に入ってます。直列実行、並列実行などいろいろな機能がありますが、僕はコールバックにdeferred機能を持たせる使い方をする事が多いです。また、使っているうちにちょっとしたハックを思いついたので、使い方を解説しつつそれについて書いてみます。 jsdeferredを使わない普通のコールバック まず、100msec後にfnを呼び出すようなlater関数をつくります。 function later(fn){ setTimeout(fn, 100); } そして、これを使って以下のような関数を作るとしましょう。 function a1(fn){ console.log("a1", "begin"); fn(); console.log("a1", "end"

Private content!This content has been marked as private by the uploader.

TOP  >  Design , Font  >  繊細なラインが美しい スクリプトフリーフォントまとめ「10 Awesome Free Script Fonts」 デザインの現場でプロとして活躍している方はもちろん、一般の方でも年賀状やグリーティングカードを作成する時など、デザインにぴったりのフォントを選びたいと思う方も多いのではないでしょうか？しかし、イメージにぴったりのフォントを見つけるというのはなかなか難しい作業だと思います。そこで今回は、綺麗めなデザインに最適なスクリプトフリーフォントまとめ「10 Awesome Free Script Fonts」を紹介したいと思います。 （Download Fleurie PDF font） 繊細なラインが美しい、筆記体のようなスクリプトフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

February 21st, 2011 Tutorials A recent obsession of mine within web design is paying attention to the finer details within a site such as a buttons. Web designers rarely pay attention to buttons therefore it can sometimes be overlooked, and designers can be unaware on how to create well designed buttons therefore we have listed 20 of best design tutorials which will equip you with great skills to

管理画面がかなり充実しており、 割引システムや送料計算、投票モジュールなどが組み込まれています。 デザイン的にもjQueryやExt JSを使用する事でリッチな管理画面になっています。 おっ、と思わせる作りになってるのが良いですね。 動作にはPHPとMySQLが必要との事です。 興味の有る方はダウンロードしてみてください。