タグ

2010年10月6日のブックマーク (5件)

  • WebサイトをiPadに最適化させる1行 « HTML « Snippet-Editor.com

    <meta name="viewport" content="width=1024" /> タイトルを「iPadに最適なViewportの値は"1024"」から「WebサイトをiPadに最適化させる1行」に変更しました。 上の1行をheadタグ内に追加するだけで簡単にサイトをiPadに最適化することが出来ます。 内容的には「iPadを横長に持ったときにページが正確に(pixel by pixelで)レンダリングされる」という意味で、Appleもそうしています[1]。 例外としては、 <meta name="viewport" content="width=device-width" /> 固定幅を持たないWebサイトでは上のように記述するのが有効で、iPhoneなら320px、iPadでは768pxの値が自動的に代入されます。 (480pxや1024pxでない点に注意。体を横長に持っても

  • こんなのが欲しかった、ヴィンテージの紙のテクスチャ素材集

    paper5 各テクスチャ素材は一枚ずつダウンロードしてもよいし、全42枚をまとめたファイル(約150MB)もダウンロードできます。 利用にあたっては、個人でも商用でも完全に無料で利用できる、とのことです。 Paypalにて寄付を受け付けているので、気に入った方ぜひ!

  • Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える

    2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください! ↑私が10年以上利用している会計ソフト! 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa

    Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
  • iPhone/iPadで使えるHTMLソースビューワー·Snoopy MOONGIFT

    SnoopyはJavaScript製のフリーウェア(ソースコードは公開されている)。iPadiPhoneの最適化サイトを構築していて面倒なのが、HTMLソースの閲覧機能がないことだ。シミュレータですら閲覧できないのでデバッグがしづらい。ユーザエージェントを変えればPCからでも見られるが、完全に真似する訳ではない。 プロパティ 必要なのは、iPhone/iPad上でその場でHTMLソースを見る機能だ。今表示されている内容をそのままソース表示する、そんなブックマークレット型ソフトウェアがSnoopyになる。 Snoopyは自分でサーバを立てても良いし、Snoopy配布サイトにあるブックマークレットを使っても良い。いずれにしてもiPhone/iPad上で実行するとフローティングウィンドウが表示される。文字コードやHTML構成についての情報が閲覧できる。 こちらは生成されたHTMLソース そして

  • Drive Me Gaga – A Disk Image Showcase of Mac OS X

    “Drive Me Gaga”は、ディスク イメージが生み落とす美しい仮想ディスクドライブのデザインにフォーカスし、再発見するショウケース サイトです。ディスクイメージが生む、仮想ディスクドライブ デザイン。それはひとときを極上に彩る美しくも儚い忘れ雪。 The virtual disk designs which disk images give rise to drive me gaga.They are beautiful and delicate like a snow drop. Follow @drivemegaga