■ クリッカブルマップ クリッカブルマップを使うと、１つの画像や写真（イメージ・ファイル）から複数のリンクを張ることができます。 クリッカブルマップにはクライアントサイド・クリッカブルマップとサーバサイド・クリッカブルマップの２種類があります。 クライアントサイドはブラウザで実行するので超初心者でも簡単に作ることができます。一方、サーバサイドの方は文字通りサーバが実行することになるので、そのためのソフトが必要になるし、サーバにプログラム（CGI）を作る必要があるので、超初心者には作ることはできません。もちろん３４号もわかりません。ということでこの講座ではクライアントサイド・クリッカブルマップを勉強します。 ちなみに、クリッカブルマップではなくイメージマップという場合もあります。クライアントサイド・クリッカブルマップはクライアント・イメージマップということになります。 能書きはこれくらいにし
Google Chrome runs web pages and applications with lightning speed. Chrome 11安定版にはスピーチ入力機能が実装されている。input要素の入力に音声を利用できるというもので、Chrome 11以降のバージョンを使っているなら、たとえばGoogle翻訳のページで簡単に試すことができる。Google翻訳の翻訳元言語を「英語」にすると、テキストエリアの右下にマイクのアイコンが表示される。このアイコンをクリックすると音声入力を受け付けるモードに入る。音声は英語に変換され、テキストエリアに表示される。 この機能はinput要素を拡張する形で実装されており、試してみるのに特別なプログラミンは必要ない。「<input x-webkit-speech type="text" />」のように、input要素の属性にHTML5の「x-
お問い合わせはこちらへ 築地本願寺コンタクトセンター お問い合わせについては年中無休 （土日祝も受け付けております） 合同墓 0120-792-018 全日 9:00〜17:00 ご葬儀お問い合わせ 0120-792-076 当面、対応時間を変更しております。 全日 9:00〜17:00 その他各種お申込み 0120-792-048 全日 9:00〜17:00 取材や掲載のお問い合わせ
第16回（最終回） 最新のデザイン表現を適用する ここまで紹介してきたCSSのレイアウトや装飾テクニックは、現在利用者の多いInternet Explorer 7や8、Safari、FirefoxなどのWebブラウザでほぼ問題なく動作するものでした。本連載の最終回は、未来に向けた準備として現在策定中の「CSS 3」の中からモダンブラウザで既に適用可能なスタイルをいくつか紹介します。 （公開日：2010年4月16日 解説：こもりまさあき） 現在策定中のCSS 3について CSSで指定したスタイル指示は、WebブラウザのCSSサポートの度合いによって適用できるかどうかが異なります。例えば、今現在の主流であるブラウザの多くではCSSレベル2（CSS 2）をサポートしているものがほとんどです（特定のプロパティだけ未サポートも含め）。その一方、現在CSSの次のバージョンにあたるCSSレベル3（CSS
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年に勧告される「
CSS MENUS › Float drop menu system - multi level Date : 22nd December 2009 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information Carrying on with this series I have now produced this version which caters for links that span more than one line and has a better indication of the path taken through the menu. As previous menus in this series t
CSS MENUS › An unordered list with link images Date : Pre 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. C S S P L A Y Information Based on my recent image map demonstration this menu has pop-up images to give an exampe of the destination pages. The images appear around the central links and are joined to their repective link by a thin bla
CSS DEMOS › Film strip gallery with information text Date : 29th July 2009 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Hover over the filmstrip to turn the negative images into the positive versions and display the full size image above. Hover over the full size image to see the descriptive text. We are a fairly small, flexible design studio
CSS DEMOS › A definition list bar chart Date : Pre 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Chart #1 Browser usage (%) - July 2005 IE.6 = 67% IE.5 = 6.7% Opera = 1.2% Firefox = 19.7% Mozilla = 2.6% NN7 = 0.8% Chart #2 Browser usage (%) - July 2005 IE.6 = 67% IE.5 = 6.7% Opera = 1.4% Firefox = 19.7% Mozilla = 2.6% NN7 = 1.1% Informati
これ凄いです。僕が知らなかった だけかも知れませんが、この動き でjs等も使用していないのは驚き でした。cssとHTMLのみでマウス オーバーした際の画像に3D効果 を出しています。 動作はIE8、Firefox3、Opera9、Safari 3、Chrome4などで動作するそうです。 マウスオーバーし、左右に動かすと画像も動きます。 複数の透過レイヤーを重ねてhoverで動きを出しているみたい。何枚かの画像と下記のような画像を使ったｃｓｓスプライトを使って実現しているようです。 この効果はmootoolsやjQueryのプラグイン(mParallaxやjParallax)を使えば同じ表現を実現出来ます。 実用性は期待できませんが、cssとHTMLだけっていうのが凄い。ソースは以下でご確認下さい。 Pure CSS 3d Meninas (説明ページ：CSS 3D Meninas)
Unicode Character Search Query: include Han codepoints? Cancel A-Z index | Search options
A vocabulary and associated APIs for HTML and XHTML 漢字に振り仮名をつけるというのは日本の出版物で頻繁に活用されているスタイルだ。読みやすくするという目的以外にも、表現のひとつとして振り仮名が利用されることもある。しかしながらこれまで、Webコンテンツでこれを実現するのは難しいところがあった。振り仮名をサポートしているブラウザに限りがあるため、振り仮名を指定しても想定しているとおりには表示されないためだ。 Implementation progress on the HTML5 elementにおいてHTML5で標準化が進められている振り仮名要素の実装状況が報告された。説明によれば、最近Chromeの開発版に振り仮名の実装が追加されたという。すでにIEが振り仮名をサポートしているため、メジャーブラウザのうち2つが振り仮名をサポートしたこと
id=id と同様、この属性を指定したタグで囲まれたエレメントに name で指定した名前をつけます。name は半角文字のみを用い、日本語は使用しないほうが無難なようです。 <a href="..."> でリンクジャンプする際、通常はページの先頭にジャンプしますが、<a name="name"> で名前をつけておき、<a href="filename#name"> でジャンプすると、名前をつけた場所(ページの途中)に直接ジャンプすることができるようになります。(→ <A>) <html> <head> <title>テスト</title> </head> <body> <h1>目次</h1> <ul> <li><a href="#gaiyou">概要</a> <li><a href="#siyourei">使用例</a> </ul> <h1><a name="gaiyou">概要</a>
「優れたCSSレイアウトのマークアップを研究したい」「制作途中のWebページの表示不具合の原因を探りたい」――そんなときに使えるツールといえば「Firebug」や「Web Developer」がおなじみだ。これらのツールはCSSや（X）HTMLの確認だけでなく、その場で編集したり、JavaScriptのデバッグもできるスグレモノ。だが、もっと最低限の機能だけを手軽に使いたい、というケースもあるだろう。 （X）HTMLの構造やCSSのプロパティのチェックに特化したシンプルなツールが「XRAY」だ。Webブラウザーに登録して使うJavaScriptブックマークレットのXRAYは、アドオンをインストールする必要もなく、機能が絞られている分、動作も軽快だ。 事前準備は、作者・Westcivのページにアクセスし、「XRAY」と書かれたボタンをブックマークに登録するだけ。FirefoxやSafariな
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。12月9日（月）～12月15日（日）〔2024年12月第2週〕のトップ30です*1。 順位 タイトル 1位 無自覚にメンバーの心理的安全性を奪っていた経験から得た学び - Speaker Deck 2位 重度知的障害の女性が活躍する仕事 川崎 “あるシステム”が決め手に 職場全体にメリットも | NHK 3位 犬とおばあちゃん助けたら最近かなりいい感じ 4位 セロトニンを補う薬がびっくりするほど効く人たち | Books&Apps 5位 コワーキングスーパー銭湯ランキング（東京近郊） 6位 あるXユーザーの「娘が4～5歳の頃にハマったボドゲ」全26種の紹介ツリーが参考になる→クリスマスに子どもからボドゲを所望された親御さんは必見 - Togetter [トゥギャッター] 7位 一つ嫌なことがあると
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
