タグ

関連タグで絞り込む (13)

タグの絞り込みを解除

cssとhtmlに関するuuchanのブックマーク (9)

  • TechCrunch | Startup and Technology News

    Unlike Light’s older phones, the Light III sports a larger OLED display and an NFC chip to make way for future payment tools, as well as a camera.

    TechCrunch | Startup and Technology News

  • Dottoro Web Reference

    The Dottoro Web Reference was created to promote the development of cross-browser web pages on all platforms. With this in view, Dottoro offers detailed language descriptions, browser support information, real life examples and where necessary, cross-browser solutions in CSS, HTML and JavaScript languages. We hope this will help you create modern and attractive websites. Complete HTML, CSS and Jav

  • ASCII.jp：jQueryで作る多階層ドロップダウンメニュー｜Web制作の現場で使えるjQuery　UIデザイン入門


    基本のドロップダウンメニュー メインメニューにマウスカーソルを重ねると、すぐ下にサブメニューを表示するドロップダウン型メニューから作りましょう。サブメニューの1回層目までの表示に対応したメニューです。 メニューバーのHTML／XHTML︵以下、HTML︶は以下のように記述します。メインメニューをul/li要素で記述し、メインメニューに対応するサブメニューをli要素の中にul/li要素で入れ子に記述していきます。メインメニューのul要素にはclass属性﹁menu﹂を、子カテゴリーのul要素にはclass属性﹁sub﹂を付けて親子関係を分かりやすくしておきます。 ▼サンプル01︵HTML部分︶ <ul class="menu"> <li><a href="#">メニューA</a> <ul class="sub"> <li><a href="#">サブメニューA</a></li> <li><a
    ASCII.jp：jQueryで作る多階層ドロップダウンメニュー｜Web制作の現場で使えるjQuery　UIデザイン入門

  • [Think IT] 第1回：XHTMLの文書構造化とボックスモデル (1/3)


    ︻即実践！HTML+CSS︼ テーブルレイアウトから脱出せよ！ 第1回‥XHTMLの文書構造化とボックスモデル 著者‥米倉 明男 公開日‥2008/04/01︵火︶ テーブルレイアウトとは HTMLコーディングの主流が、旧式のテーブルレイアウトからCSSレイアウトに変わり、大規模Webサイトを中心にXHTMLへの移行がひと段落した感があります。しかし、まだテープルレイアウトを用いたWebサイトが多いのも実情です。 そこで本連載では、慣れ親しんだテーブルレイアウトからなかなか抜け出せない方向けに、CSSレイアウトへスムーズに移行をできるポイントを解説していきます。はじめにCSSレイアウトはHTML 4.01、XHTMLいずれのバージョンでも対応可能ですが、本記事ではXHTML 1.0を対象にCSSコーディングについて解説します。 テーブルレイアウトとは、HTMLタグの1つである表組み<tab

  • スタイルシート［CSS］/ボックス - TAG index

    サイズ・背景 width: ***; height: ***; ボックスの大きさを指定する max-width: ***; min-width: ***; ボックスの最大幅と最小幅を指定する max-height: ***; min-height: ***; ボックスの最大の高さと最小の高さを指定する background-color: ***; ボックスの背景色を指定する background-image: url(***); ボックスの背景に画像を使う background-repeat: ***; 背景画像の並び方を指定する background-position: ***; 背景画像の表示位置を指定する background-attachment: fixed; 背景画像をスクロールさせない background: ***; 背景の設定をひとまとめに行う マージン・パディング ma

    スタイルシート［CSS］/ボックス - TAG index

  • クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント


    IE 9が登場！ ユーザーの閲覧環境がますます多様化！4月26日、ついに日本でもInternet Explorer︵以下、IE︶9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。IEのみならず、Firefox、Safari、Google Chrome︵以下、Chrome︶など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この﹁プログレッシブ・エンハンスメント﹂という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
    クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント

  • HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件


    私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE︵統合開発環境︶の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの﹁ねこび〜ん﹂です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ
    HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件

  • [使える CSS テクニック]CSSを使った見栄えの良い表組み（table） | バシャログ。


    第6回目は﹁CSSを使った見栄えの良い表組み︵table︶﹂です。 Web サイトのレイアウトがすべてtableでコントロールされていた時代がありましたが、今そんなことをしたら嘲笑を買う時代です。 本来の﹁複数のデータを表示・比較の際にわかりやすいよう見せる表組み﹂のためのテーブルを、CSSを使って見栄えよくしてみましょう。 1. CSS のみで見栄えよくしてみる 線と塗りだけで表現する、一番シンプルなテーブルを作ってみます。 [HTML] <table id="table-01"> <tr> <th>本体名称</th> <th>スタンド名</th> <th>スピード</th> <th>持続力</th> <th>精密動作性</th> <th>成長性</th> </tr> <tr> <td>空条 承太郎</td> <td>スター・プラチナ</td> <td>A</td> <td>A<
    [使える CSS テクニック]CSSを使った見栄えの良い表組み（table） | バシャログ。

  • 非推奨 / 廃止要素や属性の使用を防ぐ CSS | ヨモツネット


    概要 Web ページの作成や運用時に、意図しないタグや属性が使われてしまうのを防ぐための CSS です。 動作確認用のdemo (CSS 適用前) 動作確認用のdemo (CSS 適用後 ただし IE 7 未満では無効) ダウンロード この CSS ファイルを読み込むことで 廃止 / 非推奨 / 独自拡張タグを使用すると警告が表示し、意図しないタグや属性の使用を防ぎます。(ただし、CSS の都合で IE 7 以下では表示できません) img やhrなどの置換要素については、content プロパティが使用できないためボーダーのみを表示します。 表示するテキストは Unicode エスケープしてあるので文字化けの心配はありません。 使用方法 CSS ファイルを読み込むだけで使用できます。この CSS ファイルをいつでも取り除けるように import 用の CSS ファイルから読み込むと
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.