HTMLタグ/HTMLの基本/HTML5で廃止予定の要素と属性 - TAG index Webサイト
ジャンル別にさがせるHTMLタグリスト HTML&CSS Web制作リファレンス - ホームページの構築・運用 - HTMLタグ スタイルシート テンプレート JavaScript Webツール カラーチャート 掲示板 Home HTMLタグ HTMLの基本 HTML5で廃止予定の要素と属性 HTML5で廃止予定の要素と属性 Webテンプレート HTML+CSSサンプルコード集 HTML5について HTML5は、HTML4に代わる次世代バージョンのHTMLです。 既に移行を進めているサイトもあるようですが、2011年1月現在、HTML5はまだ正式には勧告されていません。（2012年に勧告予定？） ※以下の情報は、2011年1月現在のものです。 【移行への準備として】 以下は、HTML5で廃止が予定されている要素と属性の一覧です。 これからWebサイトを構築するのであれば、（HTML5への移
更新するのが面倒！サイトの共通部分を簡単に作る様々な方法
サイトにはヘッダーやフッター、ナビゲーション部分など全ページに共通して入る要素があります。 この部分を修正する時はHTMLを全ページ修正するととても手間がかかって大変です。自分のサイトはだいたいCMSで管理しているのでテンプレートを直せばあっと言う間なのですが、それ以外の場合の共通部分を簡単に治す方法を改めて調べてみました。 がんばって直に書いてるものを置換する Dreamweaverのテンプレート機能を使う JavaScriptを使う PHPを使う SSIを使う Node.jsやRubyのツールを使う がんばって直に書いてるものを置換する とりあえず普通にコーディングして、修正などある場合はソフトの一斉置換を使ってなんとかする方法です。 数ページものならあまり気にならないがページが増えていく毎に大変になる。リンクや画像が相対パス指定だと階層が増えると更に大変になります。 <footer>
XSS対策 ： jQueryでのエスケープ - 年中暁を覚えず・・・・
例えば以下のようにjavaScript上でｈｔｍｌ要素を出力するような処理がある場合、クロスサイトスクリプティング対策としてvalueの内容をエスケープ処理する必要があります。 $("test").html(value); ただJQueryの関数などで直接行う方法が無いようです。 したがって、「$.text() 関数を使うとブラウザが勝手にエスケープ処理を行ってくれる」という処理を利用します。 こんな関数を作ります。（ダミー領域のtextにパラメータを一度セットし、そのhtml要素を返す。） var escapeHTML = function(val) { return $('<div />').text(val).html(); }; こうやって使用します。 value = escapeHTML(value); valueの内容に<script>xxx</script>等のjavaScr
History APIとスマホブラウザでのハマりどころ - Qiita
仕事でスマホ用サイトをイジっておりまして、非同期処理でのページングを 修正するに際して、History APIを触ってました。 スマホのブラウザ周りの差分で色々とハマったので、メモしておきます。 History APIとは とりあえず復習しましょう。 概要 HTML5で追加された、履歴操作のAPI。 履歴スタックに履歴を追加（push)、現在の履歴の書換（replace)、 ブラウザバック等のアクションによる履歴移動を監視する(pop)、といったことが可能になる。 history自体は以前からあって履歴の操作は画面遷移を伴っていたが、これらのAPIの追加によって、 画面遷移を行わなくともJavaScriptからの履歴操作が可能となった。 pushState 履歴をスタックに追加する。
Emmetを始めるのに、とりあえずこれだけ覚えておけば大丈夫
バイト先で「新ゆとり世代」と言われました。れこです。 HTML、CSSを省略して書けるZen-Codingの後見、 Emmetについて書こうと思います。 やれCoffeeだTypeScriptだSassだ〜と手をつける前に、 もっと簡単に、デメリット無く作業効率をあげられます。 CoffeeScriptやSassなどのプリプロセッサ系とは違い、 CoffeeやSassの知識を開発メンバー全員が持ってないとならず、 結局自由が効かなくなる、ということはありません。 個人から使えて、チームで使ってもなお良し。 さらに、展開後のカーソルの位置がいい感じだったりと、 細かい気配りまで完璧です。 そんなEmmetを 僕が頻繁に使っている機能に焦点を当てて、紹介したいと思います。 Emmetの導入 Emmetは各種エディタ・IDEのプラグイン形式で配布されています。 お値段は無料です。 Web系の人が
AngularJS $qサービスのallメソッドで$httpリクエストを複数実行: Angular、Bootstrapなどの学習備忘録
$qサービスのallメソッドで$httpリクエストを複数実行する例を確認しました。 参考サイト http://fdietz.github.io/recipes-with-angular-js/consuming-external-services/deferred-and-promise.html （１）$qサービス ●all(promises) ・複数のpromiseを一つのpromiseとして集約して処理。入力されたすべてのpromiseがresolveされた段階でallメソッドをresolveする。 ・個々のpromiseでresolveされた値の配列・ハッシュを集約して一つのpromiseをリターンする。 ●deferred.promise.then ・Promiseが解決又は拒否され、結果が利用できるようになると非同期にコールバックを実行する （２）サンプルコード （HTML）
【JavaScript】子画面から親画面へ値を渡す
子画面を開き、その画面で入力された値を親画面に返してやるというJavaScriptのサンプルです。 これは、PHP（＋ＤＢ）なんかと併せてうまく使うと、たとえば・・ 顧客一覧を出力させて、選択した顧客についての情報をメイン画面に出力する・・というようなガイド画面的に使えそうです。 がんばって応用してみようっと(*^^*ゞ ※ちなみに右側の女の子は、アクセス数のテスト用ですｗ 〇親側ソース（ファイル名は何でもＯＫ！） <html> <title>親ウィンドウ</title> <SCRIPT LANGUAGE="JavaScript"> <!-- function openWin(url) { return false; } // --> </SCRIPT> <SCRIPT LANGUAGE="JavaScript1.1"> <!-- var w = window; function open
吉川徹さん（@yoshikawa_t）の「DOM操作の最適化によるJavaScriptチューニング」問題解説記事 #javascript｜CodeIQ MAGAZINE
吉川徹さんによる「DOM操作の最適化によるJavaScriptチューニング」問題解説記事です。JavaScriptのDOM操作について基本的なパフォーマンスチューニングができるかどうかを評価する問題でした。 チューニングを行うことで、具体的にどういった形のコードになるかを中心に解説していただきましたので、ぜひ参考にしてくださいね！ by 馬場美由紀 （CodeIQ中の人） 吉川徹です。 少し前になりますが、私の方から以前、JavaScriptのパフォーマンスチューニングについての問題を出題しました。今回は、その問題の解説をしていきたいと思います。 また、この問題は、HTML5 Experts.jpとの連動企画となっており、こちらの記事を読んで頂くとおおよそのチューニング方法について理解できるというものになっています。ぜひ、合わせてご覧頂ければと思います。 問題文 あるHTMLファイルに記述
テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
ページの読み込み前・直後・完了時にスクリプトを実行する方法いろいろ - JavaScript TIPSふぁくとりー
《2018年2月9日 2:30 PM 公開/更新》 ページの読み込み前・直後・完了時にスクリプトを実行する方法いろいろ [イベント] JavaScriptを使って、ウェブページの読み込み完了と同時に何らかの処理をしたい場合など、ページの読込動作とタイミングを合わせて処理を実行したいことがあります。このとき、「ページの読み込み前」・「HTMLの読み込み直後」・「ページの読み込み完了後」など実行タイミングは複数あり、それぞれでJavaScriptの書き方はいくつかあります。それらの記述方法を解説してみます。 ページの読み込み前・直後・完了時にスクリプトを実行する方法いろいろ 3(完了後): ウェブ上のあらゆるオブジェクトの読み込みがすべて完了した後で処理をする方法 (A) HTMLでbody要素に「onload」属性を指定することで、読み込み完了時に処理をする方法 (B) JavaScript
IFrameオブジェクト | JavaScript プログラミング解説
Properties - HTMLIFrameElement - Web APIs | MDN contentDocument IE8より前はcontentDocumentをサポートしないため、それにも対応させるためにはIFrame.contentWindow.documentを使用します。よってクロスブラウザとするには、 var contentDocument = IFrame.contentDocument || IFrame.contentWindow.document; とします。contentDocument property (Internet Explorer) | MSDN body要素へのアクセス IFrameのbody要素へは、Iframe.contentDocument.bodyでアクセスできます。 取得タイミング contentDocumentは、IFrameオブジ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
