Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
WEBデザイン時の参考にするのにサイトデザインのキャプチャをまとめたギャラリーサイト。その界隈の方が定期的にまとめ記事書いてますが2012年9月版ということでリンク切れチェック等兼ねて改めてまとめてみました。ちょっと数が多いので PC向けデザイン【36サイト】 モバイルデバイス向けデザイン【14サイト】 パーツごとのデザイン【7サイト】 ということでざっくり区分してみました（クリックで各項目へジャンプ）。 それぞれのサイトについての説明は省きますがサイトのジャンルやテーマ、色調などで検索できるところが多いので「なんとなくボンヤリしたイメージは出来てるんだけどもうちょっと」というときに参考にするといいと思います。 PC向けデザイン 一般的なPC向けWEBページのデザインギャラリーサイトです。 1.ズロック 2.ウェブセレクション 3.WEBデザインの見本帳 4.イケサイ 5.bookma!{
２０２２年６月３０日（木）モバイルgooの終了に伴い、サイトビューワの提供を終了いたします。 長年のご愛顧、誠にありがとうございました。 上記期間後はご利用ができなくなりますので、ご注意ください。 URLを入力して表示
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
無料の携帯アクセス解析の決定版。ページビューのほか直帰率やキーワード分析などの豊富な機能・見やすい管理画面が特徴。携帯サイトのアクセスアップに貢献するランキング機能付き。個人・法人でご利用いただけます。
いつもクルーズブログをご利用いただきまして誠にありがとうございます。 2022年5月末日をもってサービスを終了させていただく運びとなりました。 クルーズブログは2005年のサービス開始以来たくさんのお客様にご利用いただきました。 17年間で延べ500万人の皆様による30億件の大切な思い出のつまったサイトとなりました。 皆様がいつまでも振り返られるよう可能な限りサービスの継続をしてまいりましたが、サービス終了という判断に至り誠に心苦しく思っております。 ご利用のデータにつきまして、サービス終了後に全て消去される予定となります。 最後になりますが、サービス開始より長らくのご利用誠にありがとうございました。 皆様に支えられて運営することができました。 運営一同、心より厚く御礼申し上げます。
ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随
携帯サイトに限ったことではないですが、フォームページの作成って結構骨が折れるというか心が折れるというか眠くなるというか。 そんなフォームページを簡単にやっつけるべく、コピペでペタペタはっていけるようにまとめてみました。 こんなフォームページがちょちょいのちょいと。 Dreamweaverなどを使っている場合はスニペットに登録しておくとかなり作業効率がアップしますよ？ ただ、Dreamweaverを使わずに秀丸とかでコーディングする時もあるので、そういう時の自分の為に。 メニュー さくっとコピペできるように、html用とxhtml用で分けています。 ・html用のフォームパーツ ・xhtml用のフォームパーツ 数字とか値は適当に入っているので、コピペしたら直してくださいませ。 html用のフォームパーツ ・基本のパーツ ・割とそのまま使えるパーツ ・名前 ・住所 ・生年月日 ・性別 ・同意規
ＨＴＭＬHyperText Markup Language基本構造タグヘッダ内タグレイアウトタグ画像タグ水平線タグリンクタグ文字タグリストタグスクロールタグテーブルタグフォームタグその他タグ応用タグez対応タグ背景画像基本構造要素ヘッダ内要素ｲﾝﾗｲﾝﾚﾍﾞﾙ要素ﾌﾞﾛｯｸﾚﾍﾞﾙ要素記述場所限定要素携帯独自対応要素ＷＭＬＣＳＳインラインＣＳＳMIMEタイプ言語コード属性一覧関連用語特殊文字初心者用タグおまけHTMLタグ携帯†素材page＋αSweet★SozaiＣＯＬＯＲ無料レンタル案内アクセスアップにどうぞ 人気ブログランキング ブログ人気サイトランキング 人気ブログRanking 個人ブログ人気ランキング みんなのブログランキング リンクフリー <a href="http://htmltag.2.tool.ms/">ＨＴＭＬ</a> mono spaceaccess×referer
htmlで携帯サイトを制作する際、フォントサイズ指定は<font size="数字">で指定します。 では、どのサイズを指定すればいいのか！ って結構悩みませんか？ ということで、各キャリア（各端末）どんな感じなんだろうーということで確認してみみました。 サンプルページ 各font sizeと、あわせてmarqueeと太字（b、strong）も入れたサンプルページです。 →サンプルページを見る font sizeは1～7で指定します。 モバイルで7などを指定する人はいないと思いますが、一応参考までに。 相対指定は-2～+4で指定してます。 (相対はfont size="3"が基準のため、+1だとfont size="4"相当、-2だとfont sizse="1"相当。） 後の細かいソースは右クリックで見てみてください。 docomo 検証端末：F-03B （iモードブラウザ2.0） フォン
3キャリア共通携帯サイト作り方 携帯サイトの作り方 キャリアでちがう携帯サイトの表示 携帯サイトを作るときに頭を悩ますのが、キャリアごとの表示の違いです。日本の３大携帯キャリアはau、ドコモ、ソフトバンクですが、このキャリアの違いにより携帯サイトの表示のされ方が全く違うのです。３キャリア共通のルールがありませんし、これからも統一される見込みはありません。 よって、企業が携帯サイトを作る場合、キャリアごとに別々の携帯サイトを作り、プログラムで振り分けている場合が多いです。 しかし、私のようなアフィリエイターの場合、キャリア別に携帯サイトを用意するのはむずかしく管理も大変。。。できれば３キャリア共通の携帯サイトを作りたいのが本音です。 そこでここでは、３キャリア共通の携帯サイトの作り方のポイントを紹介します。実は、携帯サイトの場合、キャリアだけでなく携帯電話の機種によっても表示のされ方がちがい
2018/10/31 いつもシュフモをご利用いただきありがとうございます。 シュフモ事務局です。 このたび、シュフモは、2019年4月24日（水）より、株式会社ノジマの公式アプリ （以下、ノジマアプリ）内のサービスに変更することになりました。 引き続き本サービスをご利用いただく場合は、ノジマアプリのダウンロード登録が必要となります。 お済でない方は、大変お手数ではございますが、 以下URLよりご準備くださいますようお願いいたします。 ・iPhoneをご利用の方 https://itunes.apple.com/jp/app/nojimaapuri/id451436140?mt=8&ign-mpt=uo%3D4 ・Androidをご利用の方 https://play.google.com/store/apps/details?id=jp.mnoji.app 今後ともご愛顧くださいますようお願
端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト（以降“モバイルサイト”）の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で
ＰＣサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します！ 基本 ・３キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト＆ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはＰＣ版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様
こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G（FOMA・WIN・3GC）端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末（FOMA・WIN・3GC）がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末（PDC・P型・C型など）を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運
FireMobileSimulator :: Firefox Add-ons Firefoxでモバイルサイトの動作確認「FireMobileSimulator」 ・[全キャリア]UID送信 ・[DoCoMo]UTN送信 ・[DoCoMo]iモードID送信 ・[全キャリア]絵文字表示 ただしキャリアによって絵文字の書き方は何種類かあり、8月16日現在当アドオンが対応しているのは、以下の書き方です。 -DoCoMoのUnicode16進数値参照(例：$#xE70C;) -DoCoMoのSJISバイナリ -SoftBankのWebコード（ESC $ + SJISコード + SI の記載方法） -Auのimgタグ方式 ・[SoftBank]端末製造番号送信 ・[全キャリア]User-Agent偽装 ・[全キャリア]各種HTTPリクエストヘッダのシミュレート 端末の追加・編集・削除機能 ・Conte
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
