Opera新HTML5パーサ「ラグナロク」導入 - 99.9%のHTML5互換率 | エンタープライズ | マイコミジャーナル
Opera’s newest Web browser introduces a new technology platform. Opera Softwareは2月22日(ノルウェー時間)、15年ぶりに新しく開発したHTMLパーサを搭載したOpera 11.50開発版を公開した。Windows版、Mac OS X版、Linux/FreeBSD版が提供されている。Operaテストで99.9%のHTML5テストをクリアしているほか、HTML5Test.comでも優れた結果を示している。 Opera Softwareの説明によれば、WebのHTMLの95%はなんらかの形で不正なマークアップになっているという。HTML4は不正なマークアップだった場合にどのようなDOMツリーを生成すればいいかを規定していない。記事では次のHTMLをパースした場合、IE9とSafari5、Opera・Firefox・
レイアウト作りを簡単にしてくれるCSSグリッドシステム
CSS でのレイアウト、段組み作りがとっても簡単にできる、CSS グリッドシステムをご紹介。既に使っている人もたくさんいるとは思いますが、未体験の人はぜひ試してみてくださいね！ Web デザインに欠かせない、CSS でのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが 600px で padding が 20px だから、サイドバーが、えーと … なんてことになりがちです。そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。全ての Web デザインに使える訳ではありませんが、結構重宝します。すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。 1. CSSグリッドシステムとは？ CSS グリッドシステムというのは、レイアウトを均等に分けて、マス目上に考えるレイアウト。何が便利かっていうと、この段は4等分にし
html-helper-mode 3.0系列の設定 - handlename's blog
2.0系列から見て、デフォルトで色が付いたりキーバインドががらっと変わったりしている3.0系列が微妙に使いにくかったので、ちょっといじったメモ。 対象は html-helper-mode 3.0.4kilo。 タグは小文字にしたい テーブルタグとかスクリプトタグとかが大文字なのが気に入らないので中身を書き換えた。 いちいちタイプする毎になんか走って鬱陶しい html-helper-verbose を nil にすればいいみたい。 (setq html-helper-verbose nil) その他の設定 (autoload 'html-helper-mode "html-helper-mode" "Yay HTML" t) (setq auto-mode-alist (cons '("\\.html$" . html-helper-mode) auto-mode-alist)) (setq
画像置き換えはもう古い、“sIFR”を使ったSEOに強いグラフィカルなh1タグ | 海外SEO情報ブログ
SEOの効果を維持しつつh1タグの見栄えをよくするために使われる手法は、CSSによる画像置き換えです。 画像置き換えは、h1タグのテキスト記述と画像が表す内容が完全に同一であるなら問題はないと考えられます。 しかしユーザーと検索エンジンに別々のものを見せていることに変わりはなく、ユーザーが自分の意志でどちらを表示するかを選択することもできません。 「クローキング」と言えないこともありません。 GoogleのMaile Ohye（マイリー・オーイェ）さんは、画像置き換えは使うべきでない手法だとハッキリと説明います。 これは個人ブログで書いた記事ですが、Googleの社員としてスピーカを務めたSMX Advancedでも同様のことをコメントしていました。 置き換えが即座にペナルティ扱いに繋がるわけではないものの、“text-indent: -9999px”などは隠しテキストとしてSEOスパムに
誰でも作れる！ “崩れない”HTMLメルマガ作成術（1/4）- ＠IT
誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Processing.js drug and drop
わかばマークのMacの備忘録 : Macで使うHTMLでの特殊文字