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

地味だけど私的に使うことが多いjQueryプラグイン、Biggerlink。 ブロックレベルの要素を丸ごとリンクに変更してくれます。 サイドバーなどでちょっとリンクをオシャレにしたい時に重宝しています。 …と説明してもピンとこないと思うので、サンプルデモを用意してみました。 テキストの部分しかリン...

『 Google。html5のデモ。ふるさとの住所を入力することでユーザーオリジナルの動画が生成される。かっこいい。エキサイティングな視聴体験。重いので、良い通信環境で良いマシンで見たい。 』

2010年08月31日09:58カテゴリニュースグーグル、HTML5がもたらす全く新しい表現のミュージッククリップを公開 【@maskin】maskin(masaki_masuda)Share[購読時間:1分] 最新のウェブ技術で音楽をデザインするとどうなるのだろうか?。その一つの回答として、米グ...

WanderWall ? A jQuery, CSS3 & HTML5 Hover-Based Interface | AddyOsmani.com | Where User Interface Ideas Grows jQueryとCSS3、HTML5でここまで出来るホバーインタフェース。 jQ...

クオリティの高いフリーCSS、XHTMLテンプレート集2010「40+ Elegant Free CSS/(X)HTML Templates from 2010」現在WEBデザインは基本的にはCSSとXHTMLで構築されている場合が多いと思います。今日紹介するのは主流であるクオリティの高いフリーC...

ページのタイトルはブラウザウインドウの最上部やブックマーク、Goolgeなどの検索エンジンの検索結果ページに表示されるそのページを明示する重要なものです。 ページのタイトルで避けるべき5つの落とし穴を紹介します。5 Common SEO Mistakes with Web Page Titlesは...

第1回 Webの3つの問題を解決する「HTML5」とは何なのか株式会社オープンウェブ・テクノロジー 代表 白石 俊平 2010/8/30 最近よく目にする「HTML5」という言葉。JavaScirptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連...

Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいの...

備忘録, 戯言色々書いてたらめちゃくちゃ長くなった目次個人的なはてなインターンお気に入りポイント5つ圧倒的な質と量で1つのことに取り組むユーザ目線でサービスを作る優秀な社員さんと日本中から集まった仲間たちオフィスランチはてなIDの存在来年行ってみようかな、と少しでも思う学生の方へプログラミングスキ...

pタグやdivタグのclass要素を指定できるのでHTMLでそのまま記述する。以下サンプル。アルファベットはクラス名。 アイコンicon-arrow :: 矢印icon-tag :: タグicon-folder :: フォルダicon-keyword :: キーワードicon-linlink ::...

2010年8月28日土曜日無料でつかえるCSS/（X）HTMLのテンプレート38個By ianw勉強になります。テンプレートとして利用しなくても、ソースみてるだけでかなり勉強になるはず。デモサイトで気に入った物を見つけたら、ソースを読み込みましょう。”神は細部に宿る”という言葉はWebデザインにも...

(X)HTMLのコードの可読性を高めるために、divの閉じタグ手前にいつもコメントを入れています。けれどもこれが結構面倒な作業で、自動にならないかなと思っていたら面白法人カヤックさんのKAYAC DESIGNER'S BLOGでDreamweaver用拡張機能として公開されていました。コメントを生...

ニュースH.264のライセンス料、無料ネット動画は恒久的に不要にYouTube動画のような「エンドユーザーが無料で視聴できるインターネットビデオ」が、H.264技術を「全期間」無償で使用できるようになった。2010年08月27日 09時33分 更新ライセンス管理団体MPEG LAは8月26日、ネッ...

「HAKIM.SE」は、HTML5のインタラクション、ビジュアルエフェクト、テクノロジーの検証を行っているサイトです。現在は9つのデモが公開されており、どれも興味深く面白いものとなっています。それぞれの操作方法を含め、 [...]

すでに激しく既出ですが、初めてやったのでメモ的にエントリーしておきますよ。Internet Explorer 6でも透過PNGを使う方法ですね。本当は「IE6、爆発（ｒｙ」と思っていたりするわけですが、百式クーポンで必要だったのでやってみました。↑ このバッジを表示させるのに必要だったので・・・。...