はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    猛暑に注意を

『bontaro.net』

  • 人気
  • 新着
  • すべて
  • HTML5+CSS3によるWebサイト制作技術のまとめ(入門、テンプレートなど) | bontaro.net

    6 users

    bontaro.net

    一昔前はHTML5とCSS3によるWebサイト制作に関する話題がインターネット上で賑わっていましたが、それも最近は一段落したようで、この技術に関する情報もある程度出尽くした感じがします。 そこで今回は、これらの情報をまとめてみたいと思います。 Web制作に携わっている方は、ぜひご覧になってください。 HTML5+CSS3の入門 HTML5とCSS3によるWebサイト制作において、「これ以上ない」というほどよくまとまったページが次のページです。 HTML5とCSS3の知識があまりない方は、まず次のページを読むことをおすすめします。 多摩美 - メディアリテラシー 2010 HTML5+CSS3 入門 | yoppa org HTML5とCSS3で作られたWebサイト用テンプレート HTML5とCSS3で作られたWebサイト用のテンプレートも多く配布されています。 Webサイトの制作に利用する

    • 学び
    • 2011/06/14 22:06
    • HTML5
    • CSS3
    • *WebDesign
    • web制作
    • HTML5とCSS3によるWebサイト用デザインテンプレートの配布サイトのまとめのまとめ(+α) | bontaro.net::blog

      41 users

      bontaro.net

      最近、このブログに“HTML5 CSS3”といったキーワードで訪問してくれるユーザの方が多くなってきました。Googleのキーワードによると、これに加えて“テンプレート”という需要もあるみたいです。私としても、近いうちにHTML5とCSS3によるWebサイト用デザインテンプレートを配布したいなぁと思い、今回はそのまとめも兼ねて記事にしたいと思います。 HTML5とCSS3によるWebサイト用デザインテンプレートを配布しているサイトを紹介している記事 以下の記事では、HTML5とCSS3によるWebサイト用デザインテンプレートを配布しているサイトを紹介しています。現存するテンプレートで有名なものは、以下の記事でだいたいのものはカバーできているのではないでしょうか。 プロフェッショナル用のHTML5+CSS3+jQueryのテンプレート -HTML5 Boilerplate | コリス HTM

      • テクノロジー
      • 2011/02/26 14:13
      • HTML5
      • CSS3
      • Webデザイン
      • CSS
      • テンプレート
      • HTML
      • Web制作
      • HTML5とCSS3でWebサイトを作るときのサンプルセット(CSS3編) | bontaro.net::blog

        3 users

        bontaro.net

        今回は、前回の記事(HTML5とCSS3でWebサイトを作るときのサンプルセット(HTML5編))で作成したHTML5のファイルをCSS3によってデザインするためのサンプルについて書きたいと思います。 さて、CSSによってデザインするものがHTML4からHTML5に変わったと言っても、デザインの方法が大きく変わる訳ではありません。例えば、ヘッダに関するCSSの記述は、これまでと同様に、 div#Header { } これが、 header { } といったように変わるだけです。なので、特に新しい知識は必要とせず、これまでと同様にCSSでデザインすることができます。 それでは、以下にシンプルなデザインのページを実現するためのCSS3を記述します。 * { margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; } body { font-si

        • 暮らし
        • 2011/02/22 10:53
        • HTML5とCSS3でWebサイトを作るときのサンプルセット(HTML5編) | bontaro.net::blog

          4 users

          bontaro.net

          HTML5とCSS3によってモダンなカッコいいWebサイトが作れるという情報を耳にして、だいぶ間が空いてしまいました。Webに生きる人間として、早くHTML5とCSS3でWebサイトを作る知識を学ばなければなーと最近改めて思い、今回は勉強のためにHTML5とCSS3でWebサイトを作るためのサンプルセットを作りました。 さて、いろいろなWebサイトやブログ記事を参考にした結果、次のようなHTML5のコードになりました(いまいちarticleとsectionの使い方が分かっていませんが、おそらく間違ってはいないと思います……)。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>サイトの名前</title> <meta name="description" content="サイトの説明" /> <

          • 暮らし
          • 2011/02/19 08:25
          • CSS3
          • HTML5
          • FacebookとTwitterのソーシャルボタンを英語表記にする方法 | bontaro.net::blog

            3 users

            bontaro.net

            最近はFacebookの「いいね!」やTwitterの「ツイートする」といったソーシャルボタンを設置しているWebサイトやブログをよく見かけるようになりました。Webサイトの制作者としても、これらを設置する機会は多いのではないでしょうか。 さて、公式サイトからソーシャルボタンを設置するためのソースコードを取得すると、FacebookとTwitterの各ソーシャルボタンは日本語表記になってしまいます。しかし、「英語表記のほうが格好いい!」と思う方もいますよね。 この記事ではFacebookの「いいね!」を「Like」に、Twitterの「ツイートする」を「Tweet」といったように、表記を英語にする方法を紹介します。 1. Facebookの場合 まず、以下のページからソーシャルボタンを設置するためのソースコードを取得してください。 Like Button – Facebook開発者 必要な

            • 世の中
            • 2011/02/03 23:57
            • twitter

            このページはまだ
            ブックマークされていません

            このページを最初にブックマークしてみませんか?

            『bontaro.net』の新着エントリーを見る

            キーボードショートカット一覧

            j次のブックマーク

            k前のブックマーク

            lあとで読む

            eコメント一覧を開く

            oページを開く

            はてなブックマーク

            • 総合
            • 一般
            • 世の中
            • 政治と経済
            • 暮らし
            • 学び
            • テクノロジー
            • エンタメ
            • アニメとゲーム
            • おもしろ
            • アプリ・拡張機能
            • 開発ブログ
            • ヘルプ
            • お問い合わせ
            • ガイドライン
            • 利用規約
            • プライバシーポリシー
            • 利用者情報の外部送信について
            • ガイドライン
            • 利用規約
            • プライバシーポリシー
            • 利用者情報の外部送信について

            公式Twitter

            • 公式アカウント
            • ホットエントリー

            はてなのサービス

            • はてなブログ
            • はてなブログPro
            • 人力検索はてな
            • はてなブログ タグ
            • はてなニュース
            • ソレドコ
            • App Storeからダウンロード
            • Google Playで手に入れよう
            Copyright © 2005-2025 Hatena. All Rights Reserved.
            設定を変更しましたx