![Loading...](https://cdn-ak-scissors.b.st-hatena.com/image/square/374760115b2f240a62e149c43fe0a07d8687e966/height=288;version=1;width=512/http%3A%2F%2Fwebdesignmatome.com%2Fwp-content%2Fuploads%2F2012%2F10%2FA351.jpg)
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
スマートフォンサイトを制作する際に、iPhoneやAndroid両方の機種での検証や、もう発売されていないようなOSのバージョンの対応も必要になる機会があるかもしれません。 本来ならば一通りの機種を用意して実機で検証できる環境が必要ですが、個人での制作や、ちょっとしたサイトのスマートフォンサイトの対応の場合もう少し手軽な検証方法が必要になります。 また、PCでコーディングなどのサイト制作時のちょっとした確認は、やはりPCブラウザで見た方が楽です。 今回はPC版safariのユーザーエージェント指定を使用したスマートフォンサイトの検証方法を紹介します。 なぜPC版safariなのか? 現状のスマートフォンのブラウザは主に、iPhone向けのsafariとAndroid向けブラウザの二つに分かれます。 また、BlackBerryなどのその他のスマートフォン機種もWebkit系ブラウザを使用する
MovableType 小技集 【更新】ソーシャルメディアに共有するボタンの設置方法(Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ) ソーシャルメディアの各サービスがこぞって「いいね!」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思います。 目次(兼ショートカット) Twitter「Twitterボタン」 Facebook「Share」「Like(いいね!)」 mixi「mixiチェック」 GREE「Social Feedback(いいね!)」 Evernote「Site Memory(Clip)」 Google+「+1」 Tumblr「Share on Tumblr」 Pinterest「
先日、ノンプログラマのためのPHP入門という素敵なUSTを見ていたのですが、その中で出てきたzen coding。 前々から知っていたものの、これ使うならエディタごと乗り換えないといけないんだ!とずっと勘違いしていて、なんだかんだでまだDreamweaver使ってるし…サイトの定義とかもしてるからなんだかんだでエディタ乗り換えるの面倒だしなぁ…とかごにょごにょ思っていたのですが… Dreamweaverでも使えるらしいよ!知らなかった!無知って怖い!>< Dreamweaver用はこちらからダウンロードできます。 ダウンロードしたZen Coding.mxpをダブルクリックするとエクステンションマネージャーが立ち上がるので、承諾するをクリックしてインストール。 これだけでOK。 インストールが終わったら、早速何か入力してみましょう。 すごい!感動! 展開はcontrolキーと,(カンマ)キ
『一時間前の自分より、一秒でも作業スピードを上げる努力をなさい。』 僕が心の底から尊敬する人に以前言われた言葉です。今でも僕の背中にはこの言葉が刺青として刻まれて……いたらどうしよう恥ずかしい(汗) さて、毎年年末年始は僕にとって今まで自分が意識してきた作業スピード、そしてクオリティの両面を試す時期です。去年作ったものより、どれだけクオリティを上げることができ、どれだけ作業スピードを上げることが出来たのか。まぁ、タイトル通り、完全自己満足万歳な記事なので、去年よかちょっとスキル/スピード上がったかなぁと僕自身が感じられたら良しとしてます(笑 とりあえず、難しい話はありません、今回はみんな大好きWordpressでブログを作ります。基本、僕の作業手順を追いながら制作の助けになったリソースを紹介していく感じになりますが、何かの参考になれば嬉しい限りです。制作したサイトは公開してますので、最後に
jQuery MobileでGoogle Mapsの表示からお問い合わせフォームの作成まで「jQuery Mobile」でスマホサイトを作ってみよう【実践編】 スマートフォン向けフレームワーク注目の「jQuery Mobile」の第2弾の記事です。前回はjavascriptを一行も書かずにjQuery Mobileでページを作成してみましたが、今回はスマホサイトで、google Mapsやお問い合わせフォームの設置など、より実践的に使える内容を作っていきたいと思います。 前回の記事はこちらになりますので見ていない人はこちらから見るとより今回の記事がわかりやすいくなります。 スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】 さて前回もあげましたが、jQuery Mobileのメリットと言えば! マルチデバイスに対応できる クロスブラウ
video要素について 今回はHTML5新要素の中でも注目度が高い「video要素」の基本的な記述方法をご紹介します。 video要素はFlashなどのプラグインを使用することなく動画をウェブ・ページに表示することができます。ですが、IEが8まで対応していないことなどから動画コンテンツはまだまだFlashを使ったものが多いように感じます。今後ブラウザの対応が進めば、video要素を使った面白い動画コンテンツがドンドン出てくると思いますので、その時にコンテンツ制作に関わったりアイデアを出せるように今から少しずつ学んでいこうと思います。 video要素の再生とブラウザ表示 video要素をただ再生するにはsrc属性に再生する動画ファイルを指定するだけです。試しにsrc属性にMP4形式のファイルを指定しブラウザでの表示確認をしてみます。また、controls属性を指定することで再生・停止ボタンな
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説:(有)ムーニーワークス 林 豊/田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
今回は前回の使い方が変更になった要素の続きとして、HTML5になって新しく定義された新要素(タグ)も多くあります。その中からまずいままでのページ作成で使用している中で新しくなったタグをまとめていきます。video要素、audio要素など今までのプラグイン的な扱いの要素はいきなりでは難しいですし、ブラウザでの対応状況がまちまちで実際すぐにサイト制作に用いるということはまだあまりありませんので、まずは通常のページを作る際に使う要素をまとめてみたいと思います。 ただし、HTML5は仕様がまだ確定しておらず随時仕様変更などがありますので、現状は制作業務では無理に新要素を使わなければいけないということはありません。自分のサイトやブログなどで実験的に新要素で制作して変更があれば随時更新していくような形で勉強していく形がよいのではないかと思います。 今回はHTML5からの新要素をまとめていきますが、HT
もうちょっとまとめたので、昨日の続きでWebSig会議( #websig )のメモ。いろんな人がいろんなことを言ったのを、ごった煮的に私の頭の中で再編集してしまったものなので、あくまでも私的メモということで。今回の登壇者でなく、事前に行われた企業アンケートの声も一部含まれている。 まず、Web受託企業からみたここ最近のクライアントの要件変化や環境変化として挙がっていたものを、ざざっと列挙。まず案件の増減。 Flash案件減→HTML5案件増 PC中心からマルチデバイス化 スマホ対応増(IMJモバイルさんでは、フィーチャーホンの新規案件はここ1年でほぼゼロになった) 広告代理店経由ではなく、クライアント直受けが増 次はクライアントから求められることの変化や、環境変化っぽいもの。 広告代理店的な仕事の求められ方をされるようになった(戦略も制作もサポートも、まるっと全部やって!) クライアント社
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く