Webデザイン・開発の基本 HTMLネタのポータル

そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」。 次のように、クリックでその場で編集できるテーブル実装用のjQueryプラグインです。 以下のような特徴があるようです。ajaxによるデータ読み込みマウスホイールやキーボードによる操作カラムやテーブルのリサイズ機能並び替...

小粋の定義は分かりませんが、 ちょっと「おっ」と思えるcssの テクニックをいろいろと。以前、 記事にさせていただいた、ｃｓｓ とHTMLのみで3D効果を実現 したテクニックで他にも無いかな と思って同様に驚いたテクニックです。 3Dのテクニック同様に実用性があるかどうかは考えていませんが、何かの...

qooxdoo is a comprehensive and innovative framework for creating desktop-style web applications, often called rich internet applications (RIAs).17日(ド...

Appleのサイトのような、かっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。かなりかっこいいの...

12月15日、JavaScript、正式にはECMAScriptと呼ばれる言語の仕様策定が完了したとEcma Internationalが発表しました。今回承認されたのはECMA-262 5th editionと呼ばれる仕様で、いわゆるJavaScript 2.0と呼ばれるものです。12月3日には...

SEOにおいて内部対策と外部対策どちらも重要なのですが、上位表示難易度が高いキーワードの場合には、圧倒的に外部SEO（被リンク対策）が必要となります。外部SEOの重要性内部SEOの重要性を説くSEO関係者が増えていますが、それは以前から言われている事であって、特に最近になって検索エンジンが内部評価...

はじめにアプリケーション開発をしていると、他のWebサイトの情報を活用したくなる場合があります。そのサイトがWebサービスを提供していれば問題ありませんが、大抵のWebサイトはHTMLを公開しているだけです。正規表現などを使ってHTMLを解析することも可能ですが、思いのほか手間がかかってしまいがち...

『 HTML5を利用した、お絵かきアプリのデモ。IE8では動作しない。 』 by halohalolin

これはすごく便利。Easy Front-End Frameworkは今風のウェブサイトを作る際に使えるテンプレートである。HTML、CSS、Javascriptが全部含まれているので、見出しや本文、テーブルといったスタイルだけではなくて、Tooltipsや浮かび上がってくる画像なども簡単に作れる点...

先日始めてsquidの設定を行いました。agoです。今日はjQueryを使ってphpで言うところのstrip_tagsとかhtmlspecialcharsする方法を紹介したいと思います。普通jQueryを使ってescapeする場合、$().text()で要素を追加すればいいのですが、これだと「文字...

「HTMLとJavaScriptで作れます」、グーグルが「Chrome拡張」を解説最新のChromeベータ版で対応、「ギャラリー」には300以上の拡張を用意記事一覧へ >>グーグルは2009年12月10日、同社のWebブラウザー「Chrome」にさまざまな機能を追加できる「Chrome拡張」に関す...

Opera SoftwareHTML5の仕様はまだ定まっていないが、Firefox、Chrome、Safari、Operaといった主要なブラウザは策定中のHTML5の機能の実装をはじめている。バージョンが上がるごとにサポートする機能を増やしており、すでにデファクトスタンダードになりつつある機能もあ...

Perlではじめるテキストマイニング - JPerl Advent Calendar 2009Perl に関するちょっとした Tips をのっけてみるよ。ちゃんと続くかな？■前置きみなさんこんにちは。ダウンロードたけし（寅年）です。来年は年男なので今からお正月が待ち遠しい35歳2児の父です。ここ数...

floatを解除する際にclearを使用せずに解除する「clearfix」の改良版をPerishable Pressから紹介します。The New Clearfix Methodいわゆる旧タイプのclearfixはMac IEも対応ブラウザに含まれているため、スタイルシートは下記のようになります。...

今更、かもしれませんが、iPhoneブックマーク用のアイコン作成法のエントリがあがっていたので参考にやってみました。iPhoneユーザ用のアクセシビリティ向上に使えます。 次のような 57x57 ピクセルのPNG画像を作ります。 作ったらサーバにアップロードします。 そして、HTMLタグを追記しま...

Firefox web browser - Faster, more secure & customizable公開が近づいているFirefox 3.6 (Gecko 1.9.2)ではCSS関連の機能が強化される。従来サポートしてきた機能の強化に加え、CSS3からいくつか新機能の取り込みと、Moz...

近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛...

2009年12月03日 19:31「CocProxy」という便利なツールを知っていますか？ツール紹介こんにちは。ブログビジネス部 石野です。 livedoor Blogやクリップ、Readerの担当ディレクターです。 今日は「CocProxy」というツールをご紹介します。 同僚のプログラマーに教わ...

この記事では、11月24日付けのHTML5ドラフト仕様書から、第5章 Microdataの一部を訳したものです。この仕様はまだ策定中のもので、原文中にもいたるところに「This section is non-normative」（これは規定ではない）と表記されており、今後変更される可能性があります...

ちょっとメモ。いつか使う（ことを検討する）。どこかで紹介したっけかな・・・まぁ、いいか。非商用だと無料で使えるグラフ描画ライブラリですね。オプションが豊富すぎてかなりいろいろできそう。↑ こんなのがちょちょいと。↑ ある範囲をズームさせる機能なんてのもあります。↑ オプションのレファレンスが使いや...

HTML5のCustom Data Attributeは、Microdataよりも気軽にデータを埋め込めるHTML5にはMicrodataというメタデータを埋め込むための仕様がある、ということを、「HTML5のMicrodataとは何か？ 」「HHTML5のドラフト仕様書からMicrodataの抄...

最近では、ウェブサイトのデザインもどんどん複雑になっていて、初心者の方々がデザインを真似しようと思ってもなかなか難しい物が多くなってきましたね。これから、ウェブデザインを勉強しようと思っている方々などは、基本的なビジネス系のウェブサイトの真似からはじめてみてはいかがでしょうか？今回は、そんなウェブ...