JSとCSSのヒント集を探しています！
- 先週、突然PCが壊れてしまい、バックアップもとってなかったので、インターネットでお気に入りに入れていた、JSとCSSについてのヒントがとってもわかりやすく情報提供されていたサイトのアドレスがわからなくなってしまいました。
- 実際に動きを確認できて、とっても情報量も豊富で、TOPは青っぽっくてかわいい感じ、画像はあまりなくて、テキストが多かったのにとても見やすかった、テキストにリンクが貼ってあった。
- 「この部分をそのまま貼り付けてください」的な親切なサイトだったので、とっても使い勝手が良かったのですが。
- ベストアンサー
JSとCSSのヒント集のとあるサイトを探しています！
先週、突然PCが壊れてしまい、バックアップもとってなかったので、 インターネットでお気に入りに入れていた、JSとCSSについての ヒントがとってもわかりやすく情報提供されていたサイトのアドレスが わからなくなってしまいました。 大分探してみたんですが、とほほ・・・です。 どんなサイトだったかといいますと、 ・実際に動きを確認できて ・とっても情報量も豊富で ・TOPは青っぽっくて（ギンガムチェックだったような～）かわいい感じ ・画像はあまりなくて、テキストが多かったのにとても見やすかった ・テキストにリンクが貼ってあった という感じでした。 「この部分をそのまま貼り付けてください」的な親切なサイトだったので、 とっても使い勝手が良かったのですが。 どなたか心当たりのあるかた、また、ここなんて良いんじゃない？ というサイトをご存知の方は教えて頂けないでしょうか？ よろしくお願い致します。
- sasuraino_fuku
- お礼率73% (28/38)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ひょっとして、ここですか？ ホームページの飾り職人 http://www.din.or.jp/~hideyuki/home/ 違ったらスミマセン＾＾；
関連するQ&A
- <head>外での、外部css、外部jsの読み込み
基本的な質問で失礼します。 <head>内ではなく、たとえば<body>内に外部cssと外部jsを読み込む際、 今まで、以下のようにスクリプトを書いて読み込んでおり、うまくいっていました。 <script type="text/javascript"> document.write('<link rel="stylesheet" type="text/css" href="hoge.css" media="screen,print">'); document.write('<script src="hoge.js" type="text/javascript"></script>'); </script> ところが、あるサイト作成時、上記スクリプトでは効かなくなってしまいました。 （HTML 4.01 Transitional） そこで、<head>内で書くように、以下のように記述したら、うまく機能しました。 <link rel="stylesheet" type="text/css" href="hoge.css" media="screen,print"> <script type="text/javascript" src="hoge.js"></script> 自分の中では、この記述は<head>内で書くときであって、<head>外ではうまく読み込めないと思っていたのです。 そもそも、<head>外なのに、このような書き方をしてよいものでしょうか？ まぁ、きちんと読み込めていて、動きも期待通りだから良いのでしょうが… 皆さん、どのように読み込んでいるのかなっと思い質問してみました。 どうぞ宜しくお願いいたします。
- ベストアンサー
- JavaScript
- ホームページビルダ18のCSSがおかしくなりました
月曜日までに出さないといけないので助けてください。 ビルダー18でホームページを作りました。 ほとんど完成していたところですが、 最後にCSSを少し触って、でもやめて、保存したところ、 index.html はじめサイト全体が、CSSがない状態になりました！ フルCSSというので作っていたので、もとのフルCSSのテンプレートも CSSがない状態（文字情報だけ）になっています。 バックアップを取っているので、そちらのCSSファイル5個を 作っていたサイトに入れてみても、CSSとリンクができていないのか、 CSSがおかしくなっているのか、index.htmlが文字だけの状態になります。 バックアップのファイルは触っていないのに、なぜ元に戻らないのでしょうか？ どうしたらいいのでしょうか？ 月曜日までに作らないといけないのでどうかお願いします。
- 締切済み
- ホームページ作成ソフト
- JSについて
フロント＞サーバサイドも多少＞5年後以降には将来はアプリ制作も考えたいと思っています。 HTML5＞CSS3>jQueryとやってきたのですが、その後どう学んでいくか迷っています。 JSそのものの基礎は必須ということで、下記本のJSの部分は全部やろうと思っています。JSそのものの基礎の学習としては十分でしょうか？ よく、ライブラリを使うにしても、将来も普遍的なプログラミングの基礎は、生のJSで行わないといけない、その後ライブラリ、フレームワーク、タイプスクリプトを 行うべきだと聞くのですが、下記本のJSの部分がそれに該当すると考えてよろしいでしょうか？ よくわかるJavaScriptの教科書 単行本（ソフトカバー） – 2012/3/24 たにぐち まこと (著) 下記サイトで言えば、 初級者の基礎知識 第一章 オブジェクト 第二章 DOMの基礎 第四章 文字列の基本と正規表現 くらいで十分でしょうか？ http://uhyohyo.net/javascript/ その後どうするかがわかりません。 候補は下記ですが、 ・リアクト ・メテオ ・タイプスクリプト リアクト、タイプスクリプトはメテオのように、フロントも、サーバサイドも、アプリ製作もできないですよね。 フロント、サーバサイドのみでしょうか？ それとも、タイプスクリプトは、ただのメタ言語のようなものなので、サーバサイドもできないでしょうか？ また、難易度でいうと、メテオはmysqlは使えずmongoDBでないと使えず、日本語の情報が少ないので一番高いでしょうか？ また、ライブラリやフレームワークはころころ変わるので、将来無意味になってしまう可能性が高いので、JSそのものを行わないと、技能として残らないという話もありますが、 JSそのものないしはタイプスクリプトで行わないと、変わってしまった場合に技能として、残るものがないでしょうか？ それとも結局メテオなどをやっていればJSそのものを自然に突き詰めていっていくので、 ほかのフレームワークなどに変わっていっても、JSそのものと同じように技能は残ると考えていいでしょうか？
- ベストアンサー
- JavaScript
- javascriptにてcss切り替え
現在webサイトを作成しており、javascriptのcss切り替えにてページの色変更を作っています。 (青、緑、赤、三色で作成) デフォは青で表示しています。 その後緑、赤とリンクで色が変わるようにしています。 ここでご質問です。 緑をクリックした場合は緑に変わる(赤も同様)のですが、別ページにリンクした場合、緑(赤)ではなく青に戻ってします。 別ページにとんでも緑(赤)が引き継がれるにはどのように記述したらよろしいでしょうか? ソースは以下のとおりです。 <head> <link rel="stylesheet" type="text/css" href="css/blue/top.css" media="all" /> <script src="js/styleswitch.js" type="text/javascript"></script> <link rel="alternate stylesheet" type="text/css" title="blue" href="css/blue/top.css" media="all" /> <link rel="alternate stylesheet" type="text/css" title="green" href="css/green/top.css" media="all" /> <link rel="alternate stylesheet" type="text/css" title="red" href="css/red/top.css" media="all" /> </head> <body> <div style="width:200px;"> <a href="javascript:chooseStyle('blue', 30)">青</a><br /> <a href="javascript:chooseStyle('green', 30)">緑</a><br /> <a href="javascript:chooseStyle('red', 30)">赤</a> </div> </body> javascriptは以下のところからしようしています。 http://noongoro.main.jp/note/note0059.html javascriptは初心者です。 ご教授お願いいたします。
- ベストアンサー
- JavaScript
- 本とWebサイト HTMLとCSSを勉強するなら？
プログラムのプの字も知らないド素人ですが、HTMLとCSSに興味を持ちました。 これらのことを書いたサイトがいくつかありますが、そういうサイトで勉強するだけで充分なのか、体系的に書かれている本で勉強するべきなのかが分かりません。 サイトで充分という人もいるんですが、どうにもそういう事を言ってる人は、HTML・CSSをプログラミングとして見くびってるか、プログラマーとして中級以上の人で細切れの情報で充分という方ばかりのようにも見えます。 かといって、無料で提供しているサイトをそこまで信用していいものかも疑問だし、情報の古い新しいも区別がつかないので、大人しく本で勉強した方が良いようにも思えます。 どちらが良いと思いますか？ 本がいいという場合は、お奨めの本なども教えていただけると助かります。
- ベストアンサー
- CSS
- NEC LZ750/JSが起動しません
古いマシンですが、NEC LZ750/JS（Lavie PC-LZ750/JS）が起動しません。 このマシンはバッテリが昇天したので半年前からACアダプタ接続のみで使っていたものです。 症状は、電源ON→電源ランプ（青）点灯、SSDランプ（黄）数回点灯した後に消灯、ファンは回転、ディスプレイは終始真っ暗なまま、です。 症状からして、CMOSのバックアップ電池の消耗（昇天）ではないかと思っています。 （メインバッテリからの給電が無く、使用時にのみACアダプタから給電しているため、CMOSのバックアップ電池の消耗が激しい？） そこで、裏盤を外してCMOSのバックアップ電池（ボタン電池を想定）を探してみたのですが、それらしきものが見当たりません。メーカーのサポートに聞いても、それについての情報は得られませんでした。 そこで質問です。 ・LZ750/JSにバックアップ用内蔵電池は有るのでしょうか？ ・有るとすればどの位置なのでしょうか？
- 締切済み
- ノートPC
- CSS含めてアップロードしても反映しない。
デスクトップ上でwebサイトをTwitter bootstrapのフレームワークを使いながら構築しました。ローカル上は何の問題もなかったのですが、サーバーにアップロードした途端に、CSSや画像の読み込みがされなくなってしまいました。 The results here may be inaccurate because some stylesheets could not be loaded due to access restrictions. というようなメッセージがfirefoxで確認されました。 ディレクトリ構造は、下記のような感じです。 index.html bootstrap/css bootstrap/js bootstrap/img 実際のindex.htmlのヘッダー (ちなみにhtml5の記法に従ってます。) <head> <meta charset="utf-8"/> <title>Twitter bootstrap practice</title> <link href="bootstrap/css/bootstrap.css" rel="stylesheet"/> <script src="bootstrap/js/jquery.js"/></script> <script src="bootstrap/js/bootstrap.min.js"/></script> <style type="text/css"> body{padding-top:40px} </style> </head> なぜかさっぱりわかりません。 教えてください。 よろしくおねがいします。
- ベストアンサー
- CSS
- HTML5＋CSS3 でしかできないこと
長年、趣味や一部仕事で XHTML+CSS のサイトを作っています。 数年前から、サイト内にCGIを入れたり、色んな動きを楽しむため javascriptを導入してサイト作成を楽しんでいたりもします。 言語も html css javascript jquery php など、色々楽しみながら勉強してきました。 ほんの数年前から、HTML５＋CSS３ が登場しましたが、 様子を見ていると、どんどん独創的なサイトが出てきています。 スマートフォン用のサイトも作れるようになりたいな、と思っていましたが ようやく重い腰を上げて作業に取り掛かろうと思っています。 そこで質問なのですが、HTML5＋CSS3で作られたサイトで まるでjavascriptで制御されたような軽快なスクロールや動きが散見されます。 こうしたサイトを見ると、javascriptで動かしているのかHTML5で動かしているのか 判別がつきません。 HTML5やCSS3で新しく実装された機能については、ネットで調べると色々出てきます。 例えば、リンクタグをブロック要素化することが簡単になったとか、 角が丸い四角形を充てることができるようになったとか、電話番号をタップすると 「通話」ボタンが出るようになったとか、個別の機能についてはなんとなく把握しました。 しかし、「HTML5+CSS3で作られたサイト全体」で見ると、 いまいちピンと来ないのです。 そこで、お詳しい方に是非、以下のような形で 教えてもらえたらと思い、投稿しました。 ------------------------------------- 実際にHTML5+CSS3で作られたサイトを基に、 どこをどのように設定したのかを見せて欲しい ------------------------------------- 例えば、 http://www.hotakubo-seikei.com/ は、ソースを見るとHTML５で作られていますが（section タグや header タグがありますね） XHTML+CSSでサイトを長年作ってきた人間からすると、 どうしてこんなサイトができるのか全く分からないのです。 javascriptもいくつか利用されていますが、どれがjavascriptによるもので どれがHTML5+CSS3によるものなのかわかりません。 また、一番驚いたのが、サイトの構成です。 サイト全体の横幅が無く全画面表示になっており、 ３カラムで、縦スクロールするとディレクトリが変わるなんて XHTML+CSSの常識では考えられません。 もちろん、デザイナーによるデザインでこうなったと言ってしまえばそれまでですが、 それを実装できていることに感動しているのです。 ↑↑↑ こんな感じで、何かサンプルサイトを基に XHTML+CSSとの違いや、HTML5+CSS3だからこそ実現できることを 分かりやすく教えてもらえたらとても有難いです。 サンプルサイト付きで、なるべく詳しく教えて頂いた方に ポイントを付与させていただきたいと考えております＾＾ どうぞ宜しくお願い致します！
- ベストアンサー
- その他（インターネット・Webサービス）
- 複数の外部jsをランダム表示させたい
１つのhtmlの中で <script type="text/javascript" src="001.js"></script> <script type="text/javascript" src="002.js"></script> <script type="text/javascript" src="003.js"></script> といった複数のjsをランダムで表示させるコードや、サンプル掲載サイトを教えていただけませんか？ 各jsの中身はテキストや画像などHTMLに表示されるものになっています。 よくあるランダムバナーやランダムリンクのjs版という感じです。 画像やテキストのランダムスクリプトを使って、呼び出される部分に当たるところを上記のようなjsに変えてみたりもしたのですが、IEやOperaではOKでしたがFirefoxではエラーになってしまったり、表示されなくなったりして上手くいきませんでした…；； よろしくお願いいたします。
- 締切済み
- JavaScript
お礼
回答有難うございます！ そして、お礼が遅れてしまい、すみませんでした！ ここではなかったのですが、参考にさせていただきます！