モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
![ブロックレベル要素の高さを揃えるheightLine.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
仙台で「顔が見える」ホームページ作成【株式会社リード・サイン】
ホームページ制作 大学学校 （仙台市） ホームページ制作 大学学校 （仙台市） ホームページ制作 コンサルタントシンクタンク （美里町・仙台市・東京） ホームページ制作 飲食店鰻 （仙台市） WordPress・更新システム リフォーム建築 （仙台市） ホームページ制作 農園 （大崎市岩出山） アメブロカスタマイズ コンサルタント作家講師 （仙台市・東京） リーフレット 保育園福祉サービス （仙台市） パッケージ 商品開発お土産 （塩竈市） 広告・その他 雑誌記事飲食店 （仙台市） パンフレット リフォーム建築 （仙台市） WordPress・更新システム 卸業精肉飲食事業 （山形市） パッケージ 農園農業生産法人 （松島町） パンフレット 学習塾教育 （石巻市） ロゴ リフォーム建築 （仙台市） ロゴ 卸業精肉飲食事業 （山形市） キャラクター・イラスト コンサルタントセミナー講師 （仙
【IE7対応clearfix】さらに続報、コピペでつかえる主要ブラウザをclearするコード、[多分最終版]::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
お客を失うWebページの作り方
このページをご覧になった第一印象はいかがですか？ 「ほかのページとは印象がちがうなぁ」「読みにくいなぁ」「なんとなくうさん臭いなぁ」という感じがしませんか？ そう，ここは，訪問者を不愉快にしてアクセス数を減らす方法を考えるページなのです。 訪問客の印象を悪くするために，以下のようなデザインのページを設計しましょう。 アクセスすると扉だけのページがあり，写真や絵が出迎えてくれる。 お客さんは「なにが始まるんだろう？」と期待しながら目次ページに移動できる。もちろん，扉のデザインを見るだけで満足してそのまま立ち去ることもできる。 （→「ウエルカムページ」見本） 自動的に音楽が流れて心がなごむ。 （静かな職場や図書館で見ていると，ひとりだけ楽しそうなので周囲の人の注目を集めることができる。） 文章を罫線で囲んで「正式文書」という雰囲気をかもし出す。（→「やっぱり文章は枠で囲まれていなくちゃ
IE6でよく遭遇するCSSのバグとその解決方法 | コリス
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する３つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが２倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが２倍になってしまうバグ IE6で、フロートした要素のマージンが２倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
ウェブサイトの第一印象を決める大切な21のポイント
ウェブサイトの第一印象を決める大切な21のポイントをVandelay Website Designから紹介します。 21 Factors that Influence the First Impression of Your Website's Visitors 下記は、それを簡潔にした意訳です。 ロード時間 ロード時間はユーザーをいらいらさせる大きな要因です。少しでも早くロードするように設計をします。 エラーメッセージ エラーメッセージが表示されアクセスができないと、ユーザーは二度とアクセスをしないでしょう。 カラー サイトのデザインは第一印象の重要なファクターです。正しいカラーコンビネーションを使用して、効果的で適切なカラースキームを使用します。 ロゴ もう一つ重要なファクターはロゴです。ブランディングを考慮し、信頼感を与えるロゴを使用します。 ヘッダ ヘッダも強い印象を与えます。魅力
美しいフリーフォント45セット:phpspot開発日誌
45 Beautiful Free Fonts for Modern Design Trends - Six Revisions 美しいフリーフォント45セットが紹介されています。 ロゴデザインなんかに使ってもまったく問題なさそうです。 Cicle Share Reznor Broken Alte Haas Grotesk Abrosia AUdimat 全部見る フォントのインストールのしすぎは注意が必要ですが、これは、というお気に入りのフォントがあったら入れておきたいですね。 関連エントリ 萌え系フォントのまとめ ウェブ、ＤＴＰに使えるクールなフォント集 フリーフォント大量配布/紹介サイトいろいろ フリーフォントを入手するためのトップ５サイト 女性の書いたようなやわらかい萌えフォント「あんずもじ」
Dreamweaverのテンプレート修正について
こんにちは。 Dreamweaverのバージョンは何を使ってらっしゃいますか？ 私は8を使っているのですが、前に同じことがありました。 「サイトの管理」→「サイトの編集」→「詳細設定」で、 左側のメニューのいちばん下に「テンプレート」というのがあります。 そこに「テンプレートの更新：ドキュメントの相対パスを再書き込みしない」というチェックボックスがありますが、そこにチェックが入っていませんか？ 私の時は、それを外したら更新が反映されました。 また、このメニュー自体が最近追加されたものみたいなので、もし詳細設定に「テンプレート」というメニューが無かったら、サポートセンターのページにから最新のアップデートをダウンロードしてみてください。 もしここにチェックが入っていなくて、でも反映されないということでしたら、サイトルートなどの設定が間違っているのだと思うのですが、どうでしょうか。
Dreamweaverのテンプレート編集可能領域をネスト後に編集不可にする方法／SEO対策のウェブネット
ホームページを作成ソフトでウェブページを制作する場合、作業効率を上げるためにテンプレートのネスト（入れ子）が一般的に使われます。 当サイトは、Dreamweaverで作成しており、コンテンツごとにテンプレートを作成し、ネストも多用しています。 ヘッダーやフッター、サイドナビなどのメインとなるテンプレートで、編集可能領域に指定した箇所を、ネスト後の継承されたページで編集不可能領域に変更する方法をご紹介いたします。 編集可能領域を編集不可能領域に変更することは非常に簡単で、HTMLの編集可能領域タグ内にある記述を追加するだけです。 <!-- InstanceBeginEditable name="編集可能領域" --> @@(" ")@@ <!-- InstanceEndEditable --> 編集可能領域の記述のあとの「 @@(" ")@@ 」が、編集を不可にする為の記述です。 顔文
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe Dreamweaver CS4 * リピートテーブルの代替背景色の設定
今から始める携帯サイト制作
色見本
