このページでは、iPhone、iPod touch、iPadの「Webクリップ」機能で表示されるアイコンの作り方を解説します。 Webクリップとは iPhone、iPod touch、iPadのウェブブラウザ「Safari」の、ブックマーク機能のひとつです。 ホーム画面に、ウェブサイトへのショートカットを置くことができます。 Webページや、ページ内の特定部分に素早くアクセスできます。 Webクリップを作成すると、表示中のページを縮小した画像が、ボタンとして作成されます。 Webクリップ機能に対応したアイコンを設置しているサイトの場合は、そのアイコンがホーム画面に登録されます。 Webクリップの作成方法 Safariで、任意のWebサイトを開く ブックマークに追加などが行える、共有アイコンをタップ「ホーム画面に追加」を選択 このとき、通常は表示しているサイトの縮小画像（サムネール）がアイコ
大量の人にアンケートや投票をしなければならないときにはウェブツール「Typeform」がおすすめです。直感的なインターフェイスで使いやすく、オプションも豊富な上に、無料（2013年9月14日現在）です。こういったツールはGoogleフォームなど他にもありますが、Typeformの強みはそのオプションの豊富さでしょう。 アンケート作成画面では、ドラッグ＆ドロップで20種類の質問形式が選べ、「必須項目にする」、「複数選択ができるようにする」といった設定も加えられます。アンケートが完成したらリンクを知らせて実施しましょう。集計結果は分かりやすい分析ページで見られます。 同ツールは今のところベータ版で、質問数や回答数が制限されています（20の質問項目のあるフォームが3つまで作成可能。回答数は5,000まで）。ただ、SNSでシェアさえすれば無制限になるそうです。日本語にも対応しているので、一度試して
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート（縦向き）であれば 横
【img via iOS 5.1 Update. by MJ/TR (´･ω･)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損！ 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari？」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ！！ そもそも「Webインスペクタ」って何？ そもそもWebインス
無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 先週末に行われたWindows Azureの新機能を紹介するイベント「Go Azure」の基調講演の中で、Azure以外に興味を引かれたソフトウェアがありました。マイクロソフトが無償で公開しているWebサイト構築ツール「WebMatrix」の新版、「WebMatrix 2」です。 WebMatrixは、HTML/CSS/JavaScript/PHP/ASP.NETなどに対応したエディタ機能を備え、コード補完機能も搭載。ローカルにデータベースやWebサーバを用意してPHPの動作をそのまま確認したり、WordPressやDrupalなどのWebアプリケーションをローカルで試すこともできました。 下記はその画面（参考：マイクロソフト、無償のWeb開発
福岡を拠点にWebサイト制作・iPhoneアプリ制作を行うフリーランス 入江慎吾のWebサイト。 PLUSはワクワクするWebサービスやiPhoneアプリを制作しています。 Macでは有名なエディタCodaがメジャーアップデートされ、Coda2が出ました！あわせてiPadアプリのDiet Codaも出ていて、iPadでもコーディングができる時代に。DreamWeaverを使っていましたが、前から気になっていたCodaをこの機会に使ってみようと思い、購入しましたので使い勝手などをご紹介します。 Coda2で何ができる！？ ほぼDreamWeaverと同じことができます。 ・HTML、CSS、JS、PHP、Rubyなど言語を問わずコーディングができる ・MySQLのかんたんな管理ができる(簡易版phpMyAdminみたいなもの) ・FTP機能もついている ・SSHも使える 動作が軽
ちょっと気が早いですが、そろそろＧＷの計画を立てたい時期。GWみたいなまとまった休みにやりたいことの一つが以下。 Web漫画を読む！ 先日話題になってた裏サンデーもWeb漫画作家さん主体で、いよいよ4/18から開始される予定ですね。 てことで、これから熱くなってきそうなWeb漫画ですが、一年前に整理した以下の内容を整理しつつ、新たなWeb漫画を追加したりしてみました。 GWだからこそiPadで読みたいWeb漫画を100選してみました オススメWeb漫画リスト まずは個人的に面白かった漫画から。 ワンパンマン戯画バイト読解アヘン真実の魔法少女発狂するエラーのび太の人類補完計画「震災７日間」/「槻月 沙江」の漫画 [pixiv]DUDS HUNT オーシャンまなぶ（伝説のきりかぶ） ヒトクイWeb漫画 胎界主toyblog:ドラゴンボールAF漫画ENOKIX(琴浦さん漫画) by enoki
appMLはjQTouchをはじめとするHTML5/JavaScriptライブラリを組み合わせたiOSをはじめとするスマートフォン向けHTMLフレームワーク。 appMLはHTML5/jQuery/JavaScript製のオープンソース・ソフトウェア。多様なWebブラウザが乱立するデスクトップの世界と違って、スマートフォンの世界はとてもシンプルだ。ほとんどがWebKitで統一されている。WebKit自身はオープンソースであり、開発者としてはとてもやりやすい。 iPhone向け 今後、ネットアクセスデバイスはデスクトップからモバイルへ移っていく。そんな時代の中でスマートフォン向けWebアプリケーションを開発するのに使えるフレームワークがappMLだ。 appMLはjQTouchやiScrollをベースに開発されているスマートフォン、iPad向けのフレームワークだ。PhoneGapの公式ツール
ＧＷも中盤にさしかかりつつある昨今ですが、皆さんいかがお過ごしですか？ 皆さんは、まとまった休みがあるとやりたいことって何ですか？ 私の場合は、漫画を読むこと！ 最近はiPadユーザさんもきっと増えたことでしょうし、ってことで、以前まとめた以下の記事の内容を見直して、ついでに１００選してみました。 「Web漫画のまとめ記事のまとめ」のWeb漫画をまとめてみました Web漫画を快適に読むためのiPadアプリ 以前、以下の記事で紹介しました。 Web漫画を読むためのiPadアプリ「iWeb漫画HD」が凄くいい感じな件 iWeb漫画HD115円(5/6まで)Web漫画を閲覧するためのアプリ 現在はGWセール中とのことで、5/6まで「66%OFF 350円→115円」だそうです。お早めにどうぞ！ オススメWeb漫画100選 チェックはしてるつもりですが、リンクミス、重複、リンク切れ、「リンクしない
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
先日、以下の記事を書きました。 「Web漫画のまとめ記事のまとめ」のWeb漫画をまとめてみました 遅くなりましたが、チェックすることが出来ました。とはいえ全部読むのは時間的に困難なので、これは続きが読みたくなる！という観点でまとめてみました。もちろん主観です。まあ、年末年始前にまとめておくことで、あとで自分が「これどういう漫画だっけ？」状態になるのを防ぐためのメモです。すみません。 戯画バイト毎回出されるお題について漫画を書いてみる、という漫画。ダブルでオチがくる感覚が新鮮で面白い！と感じました。 読解アヘン「堀さんと宮村くん」のサイトと言えば有名ですね。短編漫画もオススメです。私が一番好きだったのは「交感ノートは喋らない」。雰囲気が好き。 真実の魔法少女導入部はデスノートをよりブラックコメディっぽくした感じ？でもこれは続きが気になります。 Hybrid Insector仮面ライダーカブト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
