タグ

web制作に関するmikurinsのブックマーク (12)

  • PSYCHO-PASS サイコパス

    CAST 常守 朱:花澤香菜 狡噛慎也:関 智一 宜野座伸元:野島健児 六合塚弥生:伊藤 静 唐之杜志恩:沢城みゆき 霜月美佳:佐倉綾音 雛河 翔:櫻井孝宏 須郷徹平:東地宏樹 花城フレデリカ:田貴子 雑賀譲二:山路和弘 ドミネーター:日髙のり子 慎導 灼:梶 裕貴 炯・ミハイル・イグナトフ:中村悠⼀ 舞⼦・マイヤ・ストロンスカヤ:清⽔理沙 甲斐・ミハイロフ:加瀬康之 慎導篤志:菅⽣隆之 砺波告善:大塚明夫 STAFF 監督:塩谷直義 構成:冲方 丁 脚:深見 真、冲方 丁 キャラクター原案:天野 明 キャラクターデザイン・総作画監督:恩田尚之 色彩設計:鈴木麻希子 美術監督:草森秀一 3DCGI:GEMBA 撮影監督:荒井栄児 編集:村上義典 ベースド・ストーリー原案:虚淵玄 音楽:菅野祐悟 音響監督:岩浪美和 主題歌:「アレキシサイミアスペア」 凛として時雨(Sony Music

    PSYCHO-PASS サイコパス
    mikurins
    mikurins 2012/09/29
    アニメはともかく(笑) Flashではないようだけど構造的に面白いサイトだなぁと。見づらいけどww
  • Viewport [iPhone生活]

    *device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ(サイズ) HTMLに設置したコンテンツのサイズ ドキュメント(サイズ) 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ

  • PC向けWebページをスマートフォン向けに作り直す

    パソコン向けのWebページを、iPhone/Android向けに作り直すことによって、HTML5でiPhone/Androidアプリケーションを作る際のポイントを見ていきましょう。リスト1は入力フォームのあるパソコン向けWebページのHTMLです。HTML5で作成してあります*4。入力したら文字コードUTF-8で保存してください。 Webブラウザでリスト1を実行すると図1のようになります。テキストボックスにテキストを入力してボタンを押すと、そのテキストがアラートウィンドウで表示されます。見出し(h1要素)の文字が折り返しているのは、Webブラウザの幅のせいで、改行(br要素)は入れていません。 このHTMLAndroid端末のWebブラウザに読み込んで表示してみましょう。Android端末に読み込むには、ネットワーク経由でアクセスできる場所にHTMLファイルをアップロードしなくてはなりま

    PC向けWebページをスマートフォン向けに作り直す
  • Google、Web高速化サービス「Page Speed Service」を発表

    Googleは米国時間2011年7月28日、Webページ高速化サービス「Page Speed Service」を発表した。Webサイト運営者向けに提供するもので、Webページをより高速で読み込めるよう最適化する。 Page Speed Serviceを利用するには、サービスに登録し、自身のWebサイトのDNSエントリーをGoogleに知らせる。するとPage Speed ServiceがサーバーからWebサイトのコンテンツを読み込んで、パフォーマンスを最大限に高める方法でコンテンツを書き直す。これを世界のGoogleサーバーからサイト訪問者に配信する。サイト訪問者はこれまでどおりそのWebサイトにアクセスし、速度が向上している以外は、今までと変わらずに利用できる。 同サービスにより、Webサイト運営者は、CSSの連結、画像の圧縮、キャッシング、リソースのgzip圧縮といったWebパフォー

    Google、Web高速化サービス「Page Speed Service」を発表
    mikurins
    mikurins 2011/07/29
    トラフィックが減るのはすばらしいけど、また変なキャッシュが増えるのか。画像データなんかの(再圧縮という名の)意図しない改変も心配。
  • 2130703450443574201?keyword=HTML5

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    2130703450443574201?keyword=HTML5
  • IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について

    IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記・注意:下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8  HTML 4.01+EUC-JP  HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8  XHTML 1.0+

    IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について
    mikurins
    mikurins 2011/05/10
    W3C準拠とか幻想だわ…。行き着くところは実際のシェア上位から合わせていって異端は切り捨てるんだけどね。でもIE最新の切り捨てはWindowsが消えないと無理…
  • フォーム関連要素(2) HTML5でinput要素に追加された新しいタイプ13連発

    フォーム関連要素(2) HTML5でinput要素に追加された新しいタイプ13連発:HTML5“とか”アプリ開発入門(7)(1/3 ページ) HTML5の新しい入力タイプを、日時関連や数値、検索、電話番号、URL、メールアドレス、色など用途別にサンプルコードとともに紹介。iPhoneで見るとキーボードまで変化するタイプも!?

    フォーム関連要素(2) HTML5でinput要素に追加された新しいタイプ13連発
    mikurins
    mikurins 2011/03/09
    便利なような、めんどくささUPなような(苦笑)
  • http://e0166nt.com/blog-entry-857.html

    http://e0166nt.com/blog-entry-857.html
    mikurins
    mikurins 2011/03/04
    web屋じゃないもん。
  • WebSocketで目指せ“リアルタイムWeb”!第1回 node.jsの衝撃とWebSocketが拓く未来 - @IT

    ご挨拶 こんにちは、ロンドンのNew Bambooという会社でWebエンジニアとして働いている@makoto_inoueです。ここのところ、PusherというWebSocketのクラウドサービスの開発に関わっています。今回から3回に渡ってWebSocketに関する短期連載を担当させていただきます。 私を含めたNew Bambooの面々(我々は自分たちのことをBambinoと呼んでいます)がWebSocketになぜ興味を持ったかということからはじまり、実際にクラウドサービスを始めるまでにいたったストーリーをお話ししたいと思います。そのストーリーを通じて、WebSocketが切り開く「リアルタイムWeb」な世界への可能性や技術的課題を皆さんと共有できればと思っています。

    WebSocketで目指せ“リアルタイムWeb”!第1回 node.jsの衝撃とWebSocketが拓く未来 - @IT
  • node.jsはじめました - KAYAC Engineers' Blog

    はじめまして! 技術部2年目のsugyanと申します。 初めてtech.kayac.comに投稿します! 先日自分のブログで書いた記事が思いのほか好評だったので、これについてもう少し詳しく書いてみようと思います。 node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモ node.jsについて 最近話題の、サーバーサイドJavaScript「node.js」。みなさん触ってみてますか? 「Google V8 JavaScript Engineによるイベント駆動の…」と、どんなものかは知っているものの実際には触っていない、という人がまだ多いような気がします。 僕も昨年の12月くらいにようやく触ってみた という程度なのですが、意外にお手軽で簡単に使えるし面白いので、 「JavaScriptはまだニガテで ><」というヒトでも安心して始められるのでは

    mikurins
    mikurins 2011/02/28
    これセキュリティ大丈夫なのかなー。Apacheモジュールとかあったら面白そうだけど。
  • Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について - mixi engineer blog

    はじめまして。コミュニケーションサービス開発部の澤と申します。コーヒーカレーをこよなく愛する新卒2年目の新米エンジニアで、弊社Webのフロントエンドを主に担当しています。最近はmixiスマートフォン版(mixi Touch)の開発にも精力的に取り組んでいます。 さて、日はPC版のmixiで1つの機能をリリースいたしました。ファイルをWebブラウザにドラッグ&ドロップするだけで写真をmixiフォトにアップロードできるもので、HTML5 File API※1を採用しています。記事ではこの機能について色々とお話をしたいと思います。 なにこれ? 以下では、ドラッグ&ドロップによるアップロード機能を「機能」と呼びます。 百聞は一見にしかずです。機能のプロモーションムービーがありますので、まずはこちらをご覧ください。 動画では下記を説明しています。 従来のアップロード方法からドラッグ&ドロッ

    Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について - mixi engineer blog
    mikurins
    mikurins 2011/02/25
    これはいいな
  • 絶対見ておきたい有名企業のスマホサイトまとめ (1/5)

    この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日のスマホサイトは2年間でこんなに変わった iPhoneAndroidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。

    絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
  • 1