クリッカブルマップ - 超初心者のためのホームページ作成講座
■ クリッカブルマップ クリッカブルマップを使うと、１つの画像や写真（イメージ・ファイル）から複数のリンクを張ることができます。 クリッカブルマップにはクライアントサイド・クリッカブルマップとサーバサイド・クリッカブルマップの２種類があります。 クライアントサイドはブラウザで実行するので超初心者でも簡単に作ることができます。一方、サーバサイドの方は文字通りサーバが実行することになるので、そのためのソフトが必要になるし、サーバにプログラム（CGI）を作る必要があるので、超初心者には作ることはできません。もちろん３４号もわかりません。ということでこの講座ではクライアントサイド・クリッカブルマップを勉強します。 ちなみに、クリッカブルマップではなくイメージマップという場合もあります。クライアントサイド・クリッカブルマップはクライアント・イメージマップということになります。 能書きはこれくらいにし
【レポート】HTML5、日本語で音声入力する方法 | エンタープライズ | マイコミジャーナル
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 取材や掲載のお問い合わせ
MdN Design｜総合情報サイト
第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」ってどんなもの？ - はてなニュース
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年に勧告される「
Stu Nicholls | CSS PLAY | A cross-browser multi level dropdown/flyout menu with no hacks version 3
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
Stu Nicholls | CSS PLAY | Link image menu
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
Stu Nicholls | CSS PLAY | A Scrolling Filmstrip Photograph Gallery
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
Stu Nicholls | CSS PLAY | Definition list bar charts
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
cssとHTMLのみで擬似的な3D表示を実現するCSS 3D Meninas
これ凄いです。僕が知らなかった だけかも知れませんが、この動き で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
Unicode Character Search Query: include Han codepoints? Cancel A-Z index | Search options
IEとGoogle Chrome、振り仮名をサポート | エンタープライズ | マイコミジャーナル
A vocabulary and associated APIs for HTML and XHTML 漢字に振り仮名をつけるというのは日本の出版物で頻繁に活用されているスタイルだ。読みやすくするという目的以外にも、表現のひとつとして振り仮名が利用されることもある。しかしながらこれまで、Webコンテンツでこれを実現するのは難しいところがあった。振り仮名をサポートしているブラウザに限りがあるため、振り仮名を指定しても想定しているとおりには表示されないためだ。 Implementation progress on the HTML5 elementにおいてHTML5で標準化が進められている振り仮名要素の実装状況が報告された。説明によれば、最近Chromeの開発版に振り仮名の実装が追加されたという。すでにIEが振り仮名をサポートしているため、メジャーブラウザのうち2つが振り仮名をサポートしたこと
name=name - 名前指定 - とほほのWWW入門
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>
インストール不要！Web制作者必見のCSS解析ツール
「優れたCSSレイアウトのマークアップを研究したい」「制作途中のWebページの表示不具合の原因を探りたい」――そんなときに使えるツールといえば「Firebug」や「Web Developer」がおなじみだ。これらのツールはCSSや（X）HTMLの確認だけでなく、その場で編集したり、JavaScriptのデバッグもできるスグレモノ。だが、もっと最低限の機能だけを手軽に使いたい、というケースもあるだろう。 （X）HTMLの構造やCSSのプロパティのチェックに特化したシンプルなツールが「XRAY」だ。Webブラウザーに登録して使うJavaScriptブックマークレットのXRAYは、アドオンをインストールする必要もなく、機能が絞られている分、動作も軽快だ。 事前準備は、作者・Westcivのページにアクセスし、「XRAY」と書かれたボタンをブックマークに登録するだけ。FirefoxやSafariな
デザイン機能の今後について (2) - はてなブックマーク日記 - 機能変更、お知らせなど
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2月26日（月）～3月3日（日）〔2024年3月第1週〕のトップ30です*1。 順位 タイトル 1位 メルカリ 小泉さんからのエグい学び｜Shota Horii 2位 行動をチャンク化して「1日に1ターンしか行動できない」から脱却する | Piyopanman 3位 「それって陰謀論じゃないですか？」闇の国家「ディープステート」を信じる著名人一人一人に会ってみたら…どうなった？ ｜ 47NEWS 4位 いつか起業したいエンジニアへ #キャリア - Qiita 5位 日本人はなぜ「生産性の高い社会」を理解できないふりをし続けるのか 6位 「情報セキュリティの敗北史」が面白すぎる。だめだこれは寝れない、なんだこの死ぬほどワクワクする本は→賢者は歴史に学ぶ - Togetter 7位 味付け塩だけ、放置
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Widget Editor | Common Ninja
Web制作 W3G
見出しのname属性の指定機能追加 - はてなダイアリー日記
トータル1000種類以上、XHTML/CSSのフリーのテンプレート配布サイト集
XRAY :: for web developers