• ベストアンサー

WEBサイトの手法

お世話になります。 サイトを見ていて気になるサイトがあります。 下記サイトなのですが、なかなか今までにない 大胆な手法だと思います。 どのような手法をとって実現させているのでしょうか? 詳しい方がおりましたら、ご教授いただければ幸いです。 http://www.undercoverism.com/

  • HTML
  • 回答数1
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

気になるサイトがあったら、ソースを見てみましょう。 だいたいの方法はわかるかと思います。

関連するQ&A

  • この手法を教えてください

    こんにちは。 下記URLのページのようにフレームのような表示ができる手法は なんという名称なのでしょうか… http://laravel.com/ よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • 静的なPCサイトをスマホ対応にする手法

    まだスマホもCMSも流行っていない時期に作成した、 単純なhtmlとcss構築のPCサイトをスマホ対応(デザインやレイアウトの最適化)しようと思います。 以下のような条件の場合、どういった手法が最善でしょうか? ・PCサイトの全体のページ数は100P以上。ほぼ静的なhtmlで、一部aspによる更新システムあり。 ・すべてのページを最適化しようとは考えていない。トップページと主要なコンテンツ数ページのみ最適化したい。 ・頻繁に修正の入るコンテンツ内容については、PC版を修正したらスマホも同様に変わるようにしたい。(修正の二度手間を無くすため) ・メインナビゲーションなど、ほぼ固定の箇所についてはPCとスマホそれぞれ別ソースでもかまわない 更新の二度手間がかなり気になる箇所なので、できればワンソースでcssによる切り替え対応したいところですが、もともとスマホのことなんて全く考慮していないhtml設計なので、正直cssだけでどこまで最適化できるのか微妙なところです。 希望の形としては、 PCサイト用の大枠のhtmlと、スマホ用の大枠のhtmlがそれぞれ存在していて、 その中のパーツパーツをワンソースで管理できたらベストだなーと思っています。 (PHPファイルとかで部分的なソースをインクルードして使う、みたいな感じでしょうか。) 上記のような方法は可能なのでしょうか? 可能であるとしたら、どのように実現すれば良いでしょうか。 参考URLなどでも結構ですので教えていただきたいです。 また、上記手法が一般的ではない場合、どういう手法がベストなのでしょうか。 ご教授いただけますと幸いです。

  • WEBサイトの振り分けについて

    WEBサイトの振り分けについてご教授いただきたいと思い、投稿しました。 ○ドメインと各サイトの設置位置です。 ドメイン:http://abc.com モバイルサイト:http://abc.com/ PCサイト:http://abc.com/pc/ スマホサイト:http://abc.com/pc/sp/ ※最初にモバイルサイトを作成してしまい、PCサイトとスマホサイトが変な位置にあります。 .htaccess、JavaScriptで振り分けを行ってみたのですが、うまくいかない状況です。 ○やりたいこと モバイルサイトに PCからアクセス→PCサイトへ スマホからアクセス→スマホサイトへ PCサイトに モバイルからアクセス→モバイルサイトへ スマホからアクセス→スマホサイトへ スマホサイトに モバイルからアクセス→モバイルサイトへ PCからアクセス→PCサイトへ ネットでいろいろ調べたのですが、うまくいきません。 上記のやりたいことを実現するには、どのように記述すればよろしいでしょうか。 トップページだけの振り分けを考えております。 お詳しい方がいらっしゃいましたら、 .htaccessもしくはJavaScriptでのご教授をお願い致します。 どうぞ宜しくお願い致します。

  • 100円ショップの手法???

    お世話になります 100円ショップなのですが 茶碗が100円なのは別に驚かないのですが、 ペンチ、包丁を例にとると、普通の小売店では 1500円程度のはずですが100円で売っています 材料費だけでも軽く100円は超えそうと 思うのですが、どのような手法で100円化を実現 しているのですか? 中国で生産していると仮定しても100円では 出来ないような気もするのですが。

  • Webサイトにスライディングサイドバーを設置したい

    Webサイトにスライディングサイドバーを設置したいです。 下記サイトのようなスライディングサイドバーをsidebar-leftに表示したいと思っています。 仕組みの解説をご教授お願いします。 Sliding Side Bar http://www.andrewsellick.com/examples/sliding-side-bar/# やりたいこと: ___________________________ |sidebar-left|     main     |sidebar-right| |_     |            |       | |こ|    |            |       | |こ|    |            |       | |に|    |            |       | |表|    |            |       | |示|    |            |       | |_|    |            |       | |      |            |       | |      |            |       | |      |            |       | |      |            |       | |      |            |       | ~~~~~~~~~~~~~~~~~~~~~~~~~~~ ↓クリックすると ___________________________ |sidebar-left|     main     |sidebar-right| |____________       |       | |           こ|      |       | |profile  ぐ     こ|      |       | |     に     に|      |       | |     ゅ     表|      |       | |     に     示|      |       | |     ゅ     _|      |       | |     と    |        |       | |     伸    |        |       | |     び    |        |       | |     る    |        |       | |          |        |       | ~~~~~~~~~~~~~~~~~~~~~~~~~~~ このWebパーツはmootoolsが使われているようです。 これをjQueryで実現したコードが2つのサイトで公開されています。 jQueryでスライドするサイドバー http://101lab.net/javascript/2007/09/jquery-1.html# jQueryでside-bar.js http://d.hatena.ne.jp/devworks/20070621/1182431671 別に動作は気にしないのでスライディングサイドバーが実現さえ出来ればいいので下記サイトも参考になります。 Working example of the tabSlideOut jQuery plugin http://www.building58.com/examples/tabSlideOut.html Untitled Document http://www.rickanddan.com/NewStuff/tabSlideOut/DDC/DDC.html 自分なりに5つのサイトを見て自分なりに動作させようと試みましたがまったく理解出来ずに挫折しました。 自分はスライディングサイドバーパネルがどのように隠れているのか理解出来ませんでした。 このスライディングサイドバーの仕組みを分かりやすく解説してくれる方いませんでしょうか? 自分で試みたのは 1.sliding-sidebar-tabという画像を用意して 2.Javascriptをコピペして貼り付けて、 3.CSSもそのままコピペして 4.HTMLにもそのままコピペしてどのように動くのか見ようとしたのですが、   sliding-sidebar-tabを:hoverしてもsliding-sidebar-panelは表示されませんでした・・・ スライディングサイドバータブをクリックすると自分のプロフィールがグニュニュと伸びて表示させたいです。 出来るだけ簡単なCSSとJavascriptだけで実現したいです。 一番知りたいことはスライディングサイドバーパネルがどうなっているのかです。よろしくお願いします。

    • ベストアンサー
    • CSS
  • オープンソースのブログサイト

    お世話になっております。 下記のようなブログサイトは何のCMSで作られているのか、おわかりの方がいましたらご教授願います。 http://www.lohaspackers.com/ http://jp.techcrunch.com/ WordPressでブログを作りたいと思っていたのですが、 上記のようなデザイン、機能を持ったブログサイトを作りたいです。 宜しくお願い致します。

  • 賢者の泉というサイトに関して

    お世話になります。 知り合いから相談を受けました。 下記サイト http://uranai-izumi.com/ に自分の名前を記入したらそれがサイト上に残ってしまったとのことです。 これを削除したいらしいのですが、方法が見つかりません。 当方でも検討しましたが見つかりませんでした。 何かあればご教授ください。

  • Webサイトにアクセスできません

    この度スマートドラッグを購入しようと思い、 大手個人輸入代行業者のサイトにアクセスしようとしたところ 下記のエラーでサイトが表示出来ません。 何か解決方法がありましたらご教授をお願い致します。 Forbidden You don't have permission to access / on this server. Apache Server at jisapp.com Port 80 ちなみに業者とは医薬品販売JISAのことです。 (http://jisapp.com/) 直接会社にも問い合わせてみましたが、わからないとの回答を頂きました。

  • サイトの作り方について教えて下さい。ワードプレス?

    ブラウザを幅を変えると、コンテンツがアニメーションする?(なんと説明してよいのかわかりませんので詳しくは下記サイトを見てください。)サイトを作りたいです。 具体的には http://www.kohmae.com/ http://gigazine.net/ 上記のサイトのような感じのサイトです。 両方とも、wordpressを使っているのかなと思うのですが もしそうでしたらプラグインで実現できるのでしょうか?? 詳しい方、アドバイス頂けると嬉しいです。 よろしくお願いいたします。

  • よくミステリー小説にある手法の名前

    いつもお世話になっています。 よくミステリーやテレビを見ていて、何回か見かけたのですが、最初に渡された手がかりを解いて、指定された場所へと行く。そして、指定された場所にはまた次の手がかりがあり、その手がかりを解いてまた次の指定場所へ行く。と言う手法がありますよね? その手法のことはなんと言うのでしょうか? よくミステリーとかにはミスリードとかってありますよね?証拠や証言で誤った方向へ推理を導く。 と同様に私の手がかりを元に指定された場所へ行く。その場所にはまた手がかり、と言う手法には名前があるのでしょうか? どのジャンルに書いていいのか、さっぱり分からず、このジャンルに書かせて頂いたのですが・・・もし、ご存知の方がいればご教授賜りたいと思っています。 よろしくお願いします。

専門家に質問してみよう