今更CSS-TRICKSのCODE SNIPPETS GALLERYのWeb制作Tips集が便利なことに気が付いた
今更ですが海外記事の紹介 でよく見かけるCSS-TRICKS が構築しているページの中に CODE SNIPPETS GALLERY というページがあるのですが、 これが個人的に激しく便利な 事にようやく気が付きました・・ 何度も見てるブログなのに今まで全く気が付かなかったです・・・知っておくと地味に便利なcssやjQueryのスニペットをさらっと書いてまとめてくれています。 色分けされてて見やすいです。 探しやすい 見出しはスライドし、各スニペットの題名がリンクになっています。 例・IEにもcss3の回転を実装させる css3のtransform: rotate（回転）をIEでも実装する方法とか。 Text Rotation 例・4行のコードでドロップダウンメニューを作るjQueryコード ドロップダウンメニューを作れる簡単なコードとか。 Disable Parent Links in
HTML/XHTML Compatibility Authoring Guidelines ― XHTML互換のHTML5記法ガイドライン | Web標準Blog | ミツエーリンクス
> ナレッジ > Blog > Web標準Blog > 2010年5月 > HTML/XHTML Compatibility Authoring Guidelines ― XHTML互換のHTML5記法ガイドライン HTML5のHTML構文は、独自の構文を定義しています。ですから、例えばbr要素などは、<br />という記述、<br>という記述のどちらも書くことができるようになっています。また、これら2つの表記が混在することも可能です。 とはいえ、これからHTMLの基本を教えるときに「どちらでもいい」といった教え方をすると、教えられる側は少し悩んでしまうかもしれません。また、製作者にとっても、保守性や複数人での作業に影響があると言われていますから、なるべくならばコードの書き方に一貫性を持たせたいと考える人は多いのではないでしょうか。 こういった理由などがあり、HTML5でもXHTMLのよう
HTML5のvideoタグ非対応ブラウザでも再生可能な書き方: 駄文と書評
HTML5 video tags in all major browsers によるとHTML5非対応ブラウザでも<video>タグを利用できる書き方があるようだ。 html5media - Project Hosting on Google Codeにやり方がまとめられてたっす。 １．<head>タグ内に以下を記載 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://html5media.googlecode.com/svn/trunk/src/jquery.html5media.min.js"></script> ２．以下のようにvideoタグを利用する <video src="video.mp4" width="320"
HTML5タグリファレンス - HTML5.JP
W3C HTML5 の「第4章 HTMLの要素 (4 The elements of HTML)」とそれに関連する項目をもとに、HTML5 の HTML タグリファレンスをご用意しました。主に HTML5 の仕様の和訳となります。 正確性を求める場合は、最新の原文を参照してください。また、もし本サイトのリファレンスが、最新の仕様と異なる部分がありましたら、ご指摘頂けると幸いです。 コンテントモデル HTML5 の要素は、コンテントモデルと呼ばれるグループに分類されます。このコンテントモデルは、その要素の中に入れても良いものを定義します。HTML5 をマークアップするには、このコンテントモデルを意識しなければいけません。まず最初に、コンテントモデルを理解しましょう。 グローバル属性 すべての要素で共通に使える属性をグローバル属性と呼びます。class 属性や id 属性など、これまでによく使
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
HTMLの提案書を書こう | Takazudo Clipping*
HTMLなんかどこに頼んだってかわんねーよ！というわけじゃない。 ちょっと前に、会社がコンペに参加するとかでHTMLの提案書を書いた。要件は、もう設計とか完了していて、ワイヤーフレームとかチャートとか用意しちゃっている気合いの入ったクライアントで、デザインとCMSに組み込むためのHTMLテンプレート（とガイドライン）を作ってーというもので、自分が書いたのはHTMLのところ。 まー、最初は自分が全体書いてて、ユーザーありきで設計してデザインしてコーディングしてってやってるんですーという、ワークフローな感じのことを書いたのだけれども、社内のWeb仙人に駄目だしされ、もっと特化したものを書け！大体、デザイン以降が要件なんだから、前半まったく意味ねーよ！ってことで自分の書いたものはフルボツになり、自分はHTMLのとこだっけ書くことになりました。 しかしまぁ、前からこんな、HTMLで何がいいわけ？み
石輪っぷり!: 長いURLを折り返し、Validation もクリアする - Willさんいん
Willさんいんのコーダー兼インストラクター兼ワーゲン愛好家、いしわのBlogです。主にサイト構築に関する私的メモ中心です。 » Haruki "HARUSAN" Ishiwa のプライベートブログ Webページ上で、URL を表記することが多々ありますが、Firefox や IE では URL が長くなっても途中で改行してくれないので、レイアウト的に不都合が発生します。（通常、英文は単語の途中で改行することはしないので、半角英数が連続する URL も同様に扱われるため） Firefox や Netscape では、ボックスを突き破って表示されるだけなのでまだいいのですが、IE 6 以前に関しては困ったことにボックスの幅を拡張してしまうので、概ねページ全体のレイアウトが大きく崩れてしまいます。特に float プロパティを使って2カラムや3カラムのレイアウトをしていると、拡張されたボック
ブラウザによって異なる画像を表示する - 葉っぱ日記
世間では史上空前の参考文献記述ブームだそうですが、そんなことは気にせずにとりあえずhoshikuzuさんの出題された『詰めHTML』で遊んでみました。 ちょっと思い出したのでクイズを書いてみます。 以下の条件で、IEでは、imgie.gif、 Firefoxでは、imgfx.gif、その他多くののブラウザでは、imgother.gif ノミを表示するHTMLを作ってください。 JavaScriptなどのスクリプトは使わない CSSを通じてハックしない HTMLの書き方のみで勝負するが、validでなくても良い 書いてみたのはこれ。 http://openmya.hacker.jp/hasegawa/test/hoshikuzu20070925.html IEだとモヒカンの人が、Firefoxだと今夜わかる人が、それ以外のブラウザだと危険文字メタ文字の中の人が表示されると思います。「それ以外
User's Guide to HTML
ハイパテキストマーク付け言語(JIS X 4156:2000)の利用者ガイド User's Guide to HyperText Markup Language [HTML: JIS X 4156:2000(ISO/IEC 15445:2000)] 序文 この標準情報(TR)は, 2000年5月にISO/IECから発行されたUser's Guide to ISO/IEC 15445:2000 HyperText Markup Language (HTML)を翻訳し，技術的内容を変更することなく作成した標準情報(TR)である。 0. 導入 JIS X 4156:2000(ISO/IEC 15445:2000)が規定する言語(これをISO-HTMLとも呼ぶ。)は，ISO 8879(JIS X 4151) SGML(標準一般化マーク付け言語)のアプリケーションであって，ハイパテキスト文書を構成し
わたしるす
【オンラインフィットネス】ジムへ行く身支度にかかる時間で、トレーニング完了！？メイク時間も移動時間も省いて自宅で効率よくボディメイク。 ジムトレをハードにやって汗だく、びしょびしょの姿を周りの人に見られたくない！ 準備が面倒臭い...
ごく簡単なHTMLの説明
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 （スライドのHTML版） 何のためのHTML？ HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
ミツエーリンクス マーケティング資料
米国Byte Level Research社の許諾を得て、同社が運営するWebサイト「Global by Design」より、グローバルWebサイト運用に関する記事を翻訳してお届けします。
HTML CharacterCode Creator
HTML CharacterCode Creator 概要 このソフトウェアは、HTMLファイル上に記載する文字を10進数コード、16進数コード、JavaScriptを使用したコード、又は両方を使用した複雑なコードに変換するソフトウェアです。 インターネット上を巡回してホームページ上に記載されたメールアドレス等の個人情報を収集するプログラムへの対策等、ホームページのセキュリティ対策にお使いいただけます。 メール送信タグの作成ウィザード、既存のHTMLファイルをスキャンして発見された不安全要素（メールアドレス直書きなど）を修正するHTMLリスクチェッカー機能などの機能も付属しています。 詳細は、HTML CharacterCode Creator オンラインマニュアルもご覧ください。 対応OS Windows 95 (Service Pack 1、OSR2.0、2.1、2.5)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLは狂っている:アルファルファモザイク
http://lhooq.readymade.jp/archives/000205.html