- 締切済み
HTML5+CSS3関連の良いサイト
HTML5+CSS3関連、jQueryやjQuery mobile等のフロントエンド開発について、 詳しく解説されているサイトやディスカッションできるような良サイトを教えてください。 よろしくお願いいたします。
- tkfm7
- お礼率100% (1/1)
- デザイナー・クリエイティブ職
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- rtgp
- ベストアンサー率100% (4/4)
関連するQ&A
- HTML CSSなどの説明サイト
Bloggerでブログをかいているのですが、HTMLやCSSも編集したいと思っています。 そこで、私のような初心者がHTMLや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サービス）
- PHPのあれこれを解説しているサイト
最近PHPで簡単な開発をするようになりましたが、JavascriptにHTMLにCSSと、更にはAjaxだのSmartyにZendだの、Jqueryだの言われると、ひとつひとつは理解しているつもりでも、何がなんだか分からなくなって来ました。 総合した繋がりが分かりやすい解説を探しています。 サイトもしくは書籍で分かりやすいものを教えて頂けたらと思います。 よろしくお願いします。
- 締切済み
- SE・インフラ・Webエンジニア
- サイト上でCSSのソースの見方がわかりません。
サイト上で、CSS・HTMLのソースを見たいのですが、どなたかやり方を教えて頂けないでしょうか。 サイト上で右クリックでソースの表示をしてもHTMLしかでませんし、IEで設定→F１２開発者ツールをクリックしても、HTMLは見れるのですが、CSSが見れません。
- ベストアンサー
- CSS
- HTMLとCSSで軽いWEBサイトを作るには？
HTMLとCSSでWEBサイトを作ったのですが、 読み込みに時間がかかることがあります。 画像をいれたりしてないのになぜこんなに重いかわかりません。 どのようなことに気を付ければ読み込みの早いWEBサイトがつくれますか？ HTMLやCSSで読み込みが遅くならないサイト作りのアドバイスを よろしくお願いいします。(*´ω｀)
- ベストアンサー
- CSS
- HTML、CSSについて
アメーバブログをやっています。 ＣＳＳの使用の仕方を覚えたくて、 いろいろやり方を調べてるんですけど、 教えてgooで検索すると、 「まずHTMLタグから覚えるとよいでしょう。」 と、回答者さんがよく答えています。 CSS＝ブログのデザインなどを細かいところまで自己流に改造する。 だと思うんですけど、 HTML＝？？？？？ HTML、HTMLタグとはなんなんですか？？ そして、読みかたは？？ 「エイチティーエムエル」ですか？ HTMLとは何をするもので、 どういうものですか？？ HTMLの例か、 HTMLの仕方（？） が詳しく載っているサイトを教えてください。 あと、CSSは 変えたいところ 英語でヘッダーと書いてあるところのあとに、 画像のURLを入力するだけでいいんですか？？ 詳しく教えて下さい。 お願いします
- ベストアンサー
- ブログ
- CSSがHTMLに反映しない
CSSをはじめて使う者です。XPでIEを使っています。 解説サイトの最も簡単そうなプログラムをコピペし、 HTMLファイルと外部CSSファイルを同じフォルダ（デスクトップにあるtopフォルダ） に入れてHTMLを開いたのですが、CSSを全く読み込まず、HTMLのテキストしか表示されません。 ★HTMLデータ（top.html） ------------------------ <HTML> <HEAD> <link rel=stylesheet type="text/css" href="C:\Documents and Settings\Administrator\デスクトップ\top\top.css"> </HEAD> <BODY> <div class="selecter">文字が赤くなり、左に5pxの罫線が引かれます。</div> </BODY> </HTML> ★CSSデータ（top.css） ------------------------ .selecter { color:#ff0000; border-left:solid 5px #ff9900; } ・他のサイトにはHTMLファイルのstylesheetに""があったので付けてみたのですが、意味なしでした。 ・他のサイトの形が異なるCSSも試したのですが同様の状態だったので、HTMLのHEADの部分が怪しいと思い、ファイル名指定を"top.css"に変えたりしたのですが、意味なしでした。 ・CSSは最初メモ帳で書いたのですが、拡張子がどうしてもCSSになってくれなかった（top.css.txtになる）ので、ワードパッドで書いて保存したら、拡張子は正常にCSSになりました。ただ何故かアイコンが、プログラムが見つからない時に表示される奴になっています…。 スタート地点から躓いていて非常に恐縮なのですが、何卒よろしくお願いいたします。
- 締切済み
- HTML
- HTML,CSSのみでDIVブロック
ＩＥで図のようなＤＩＶブロックを表示させたいと考えています ＤＩＶでなく他のＨＴＭＬ要素でもいいです jQueryなどライブラリを使わないで ＨＴＭＬとＣＳＳのみで図のような表示のサンプルプログラムが見れる サイトを教えてください また、グーグルなどで、これらを検索する際 適当なワードを教えてください よろしく、お願いします
- ベストアンサー
- ホームページ作成ソフト
- HTML5、CSS３ができることが必須になっていま
HTML5、CSS３ができることが必須になっていますか？ 今のWEB業界はすでにHTML5、CSS３ができることが必須になっていますか？ 需要はxhtml、CSS2はもうあまりなくて、HTML5、CSS３の需要がほとんどになっているのでしょうか？ xhtml1.0、CSS2とJQUERYのグローバルナビのアコーディオンなど基礎、フォトショップの基礎ができるのですが、この状態では仕事はあまり多くもらえないでしょうか？ 仕事を多くもらうために下記のどちらを行うか迷っています。 JQUERY、JSをもっと深くやる HTML5、CSS３である程度セマンティックにコーディングできるようになる （現場では、そこまでセマンティックである必要はないのが一般的でしょうか？ それともarticle、sectionなどもしっかり完璧に使い分けるのが必須でしょうか？） どちらの方が多く仕事をもらえると思われますか？ 始めは会社に入って、寝ずにがんばるべきで、まだまだ甘いと言われそうですが、 在宅を中心としたアルバイトを中心に考えています。 デスマーチに絶えるほど体調が良くないので、在宅を中心としたアルバイトなら、通勤時間も働けますし、 時給なので、寝る時間もないという仕事量は出せないのではと思っています。
- ベストアンサー
- HTML
- HTMLをWordPress化 CSSをどこに？
HTMLをWordPress化にするための勉強をしています。 HTML側 CSS ヘッダー内 <link rel="stylesheet" href="css/test.css"> <link rel="stylesheet" href="css/test2.css"> JS ヘッダー内ではなく一番下</body>の前に配置 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> <script src="js/test1.js"></script> <script src="js/test2.js"></script> ★これをfunctions.php に記述するにはどうすれば良いのでしょうか？ function sample_scripts() { // CSSの読み込み wp_enqueue_style( 'jdsa-style', get_template_directory_uri().'/css/test.css', array(), '1' ); wp_enqueue_style( 'jdsa-style', get_template_directory_uri().'/css/test2.css', array(), '1' ); // jqueryの読み込み wp_deregister_script( 'jquery' ); wp_enqueue_script( 'jquery', get_template_directory_uri().'https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js', array(), '1.10.3', true ); // サイト内のjsの読み込み wp_enqueue_script( 'jdsa-script', get_template_directory_uri().'/js/test1.js', array(), '1', true ); wp_enqueue_script( 'jdsa-script', get_template_directory_uri().'/js/test2.js', array(), '1', true ); }//ここまで 結果 ヘッダー内にtest.cssのみ記載、test2.cssは記載していない。 jsはどこにも記載していませんでした。 どこが間違っておりますか？ 宜しくお願いします。
- ベストアンサー
- PHP
お礼
ほぼ網羅されていてサンプルコードも多く、 イメージに近い内容でした。 jQuery mobileも詳しく解説されていて助かります。 ありがとうございました！