chocotarosuのプロフィール

@chocotarosu chocotarosu
ありがとう数6
質問数7
回答数6
ベストアンサー数
2
ベストアンサー率
40%
お礼率
93%

  • 登録日2013/05/07
  • ブラウザで表現できる動きやデザイン

    ブラウザで表現できる動きやデザインを、生かすためには どのような言語や技術が選択肢としてあげられますか？ (ブラウザの構造、仕組みを知りたいのではなく、ブラウザはどんな言語を解読してどんな表現ができるのかを知りたいです。） 世の中の、インターネットサイトには、目をひくような動きのある楽しいサイトがあります。 サイトの作り方の入門本を読むと、HTML、CSS、JavaScriptの言語を駆使して 作られていますが、世の中のサイトは、この3点だけで、作られているのでしょうか？ 以下に例を示してみます。 <表現１ 写真切り替え時のなめらかな動き> 以下は音響メーカーのサイト。中央に製品紹介の大きな写真があります。この写真のサイドに矢印があり、クリックすると、次の製品の絵が表示されます。この写真の切り替わり時に、少しずつ写真を変えるような動きがあります。 http://www3.jvckenwood.com/ <表現２ 常に前方に文字を表示> 以下は、ファッションブランドを扱う会社のサイト。ページをスクロールしても常に前方に「chanel news」と表示されています。 http://chanel-news.chanel.com/ja_JP/home.page.3.html#2013_10_making-of-the-press-kit-spring-summer-2014-ready-to-wear <表現３ 前のページを「背景」にして、新しいページを表示する> 以下は、音楽フェスのサイト。ミュージシャンを選択すると、小さなプロフィールページを表示します。 プロフィールページは、ブラウザの真ん中に位置し、プロフィールページで隠せない背景は半透明な膜がかかっているかのようです。http://rsr.wess.co.jp/2013/artists/lineup/index.html これらのサイトは、入門書に乗っているような地味なサイトとはかけ離れています。 アイデアで実現しているのでしょうか？それとも、JS,HTML,CSS以外の方法があるのでしょうか？ 特定のブラウザだけで通用する技術ではなく、一般的な技術をご教授ください。 以上、宜しくお願いします。

    • ベストアンサー
    • beam_mea
    • HTML
    • 回答数1
  • スマホで横並びdiv

    お世話になっております。 スマートフォンでdivの横並びをしようとしたのですが、 <html> <head> <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> </head> <body> <div style="height:30px;line-height:30px;width:100%;"> <div style="overflow:hidden;float:left;width:50px;">日付</div> <div style="overflow:hidden;float:left;">本文</div> </div> </body> とした場合、 本文が長いと日付の下に本文が来るようになってしまいます。 本文の末尾が消えてdivが横並びになるようにしたいのですが 良い方法はないでしょうか？ よろしくお願いします。 以上です。

  • リンク先のJavaScriptを実行するリンク

    a.htmには以下のようなJavaScriptが記載されています。 <a href="javascript:c_click(1)">test</a> a.htmの中にはclick内の数字が1～50程度のリンクがあり、 数字に応じて異なるJavaScriptが実行されるページです。 b.htmからa.htmの上記の<a href="javascript:c_click(1)">test</a>が実行されるリンクを作ることは可能なのでしょうか。 たとえば、b.htmに以下のようなHTMLを記述することを想定しています。 <a href="a.htmのjavascript:c_click(1)">test</a>

  • jsプラグインのレイアウトを変えたいがCSSが。。

    http://bxslider.com/examples/thumbnail-pager-1 上記URLのプラグインをＨＰに導入しています。 １個だけどうしてもわからないので教えてください。 小さい画像をクリックしたら大きい画像が、スクリーンに表示されています。 サイトでは３枚の画像があり、その３枚の小さい画像は中央に表示されています。 これを、左にずらす。もしくは右にずらす。ためにはＣＳＳのどのクラスタをさわればよいのでしょうか？ ＣＳＳはhttp://bxslider.com/lib/jquery.bxslider.cssだと思います。どこかの値を変更すれば 場所がかわってくれると思うのですが・・・。わかりません 教えてください。お願いします。

  • firefox、IE8で異なるtableの上部空白

    以下サンプルをfirefox（20.0.1）、IE８で各々表示した場合に ＩＥ８では、表の上部に空白行が多くとられてしまいます。 ※複数回改行されているような表示。 以下はサンプルとして簡易にしましたが、 本来作成しているコードでは、対策として <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />は記述してます。 変わりませんでしたが。。 IE8の仕様なのでしょうか？ firefox等、他のブラウザに影響が波及しないよう対応したいと考えています、 何かいい方法はありますでしょうか？ よろしくお願いします。 <html> <head> <style type="text/css"> @CHARSET "UTF-8"; *{ margin: 0; padding: 0; } table.table{ border-collapse: collapse; } table.table td{ border: 2px #808080 solid; } </style> <head> <body> <div class="main"> <div class="content"> 　 <table class="table"> 　　 <tr> 　　 <td> 　　 <select> <option>&nbsp;</option> </select> 　　 </td> 　　 <td> 　　 <select> <option>&nbsp;</option> </select> 　 </td> <td> <select> <option>&nbsp;</option> </select> </td> </tr> </table> </div> </div> </body> </html>

    • ベストアンサー
    • federan
    • HTML
    • 回答数1
もっと見る