[B! HTML] shimajin_hのブックマーク

HTMLで図まで描ける！進化した「HTML5」ってどんなもの？ - はてなニュース

HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできることまずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「

shimajin_h 2010/02/04

リンク

美しいHTMLの条件を綺麗にまとめた一枚の画像 - IDEA*IDEA ～百式管理人のライフハックブログ

ドットインストール代表のライフハックブログ

shimajin_h 2009/11/10

リンク

シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)

Crescent Eve はシンプルなエディタです。こだわりの基本機能とHTML編集機能を持っています。【雑談】ある日のふとした疑問～ HTMLを書く道具～ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」「よし、作ってみよう！」「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」「文字コードの自動認識は、絶対失敗しないようにしよう」・・・というような考えから Crescent Eveを開発することにしました。その後公開以来、多くの方に好評を

shimajin_h 2009/11/07

リンク

CSS で table に斜線を引く方法

CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。サンプル（クリックすればサンプルページに移動します） Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。ポイントは以下です。 th 要素に position: relative; 斜線を引く要素（ここでは span）に position: absolute; を設定。斜線（border）を適用する要素の前に   を設定。  がなかったり、要素の後方に  があると、th のスタイルが隠れてしまう。クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t

shimajin_h 2009/10/26

HTML
css

リンク

JavaScript例文辞典

■基本［０１］JavaScriptを定義する［０２］外部JavaScriptファイルを読み込む［０３］スタイルシートを定義する［０４］NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する［０５］NN4でのみ動作するように記述する［０６］NN6でのみ動作するように記述する［０７］IE4.x以上で動作するように記述する［０８］IE5.x以上で動作するように記述する［０９］IE5.5以上で動作するように記述する［１０］ビヘイビアファイルを読み込む［１１］IEとNN両方で動くように記述する［１２］連続して関数を呼び出す［１３］MacOS Xかどうか判別する［１４］Safariのみ動作するように記述する［１５］Safariのバージョンを返す［１６］Operaのみ動作するように記述する ■構文［０１］変数に文字や数値を入れる［０２］四則演算を行う

shimajin_h 2009/09/18

リンク

EXCELを利用したhtml文作成テクニックとは (エクセルヲリヨウシタエイチティーエムエルブンサクセイテクニックとは) [単語記事] - ニコニコ大百科

EXCELを利用したhtml文作成テクニック単語エクセルヲリヨウシタエイチティーエムエルブンサクセイテクニック 4.6千文字の記事 38 0pt ほめる掲示板へ記事編集リンク付きサムネ画像のhtml文作成方法テーブル作成方法スタイルシートのパラメータ値として活用補足関連項目掲示板ここではEXCELを利用したhtml文の作成方法を紹介しています。あくまでも一例でありサンプル程度なので、ニコニコ大百科の編集時においての参考程度でお願いします。他にも方法等があれば情報よろしくお願いします。リンク付きサムネ画像のhtml文作成方法リンク付きのサムネイル画像のhtml文については一つ一つテキストエディタ等で作ると時間がかかるので、表計算ソフトを利用して作成していきます。動画IDを"A1"とします。動画IDの上2桁（smとかnmとか）を除く部分がサムネイルのIDになりますのでMID関数

shimajin_h 2009/09/18

リンク

CSSの実装状況で変わるボックスのデザイン方法

Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。しかしたまらん、流石に疲れた。ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS

shimajin_h 2009/09/18

リンク

ホントに助かるフリーのcssジェネレーターいろいろ

使えるcssのオンラインサービスが 50個、Speckyboyで記事にされていたのでよさ気なものをいくつかご紹介します。全部良さそうなので気になる方はぜひ記事元を訪れてみてください。日本語のテキストで作成できるｃｓｓメニュージェネレーターは本当に助かります。 Grid Designer 2 細かい設定を行えてすぐに反映されるグリッドシステム。 Grid Designer 2 nP: Grid Generator グリッドを作成すると、ｃｓｓのソースも出してくれます。 nP: Grid Generator Dynamic 4 Column Layout Generator これ面白い。4カラム専用のレイアウトジェネレーター。設定と同時に反映、ｃｓｓもＤＬ（コピペ）出来ます。 Dynamic 4 Column Layout Generator XHTML/CSS Markup Gen