タグ

関連タグで絞り込む (16)

タグの絞り込みを解除

html&xmlとknowhowに関するanheloのブックマーク (19)

  • クリッカブルマップ - 超初心者のためのホームページ作成講座


    ■ クリッカブルマップ クリッカブルマップを使うと、1つの画像や写真︵イメージ・ファイル︶から複数のリンクを張ることができます。 クリッカブルマップにはクライアントサイド・クリッカブルマップとサーバサイド・クリッカブルマップの2種類があります。 クライアントサイドはブラウザで実行するので超初心者でも簡単に作ることができます。一方、サーバサイドの方は文字通りサーバが実行することになるので、そのためのソフトが必要になるし、サーバにプログラム︵CGI︶を作る必要があるので、超初心者には作ることはできません。もちろん34号もわかりません。ということでこの講座ではクライアントサイド・クリッカブルマップを勉強します。 ちなみに、クリッカブルマップではなくイメージマップという場合もあります。クライアントサイド・クリッカブルマップはクライアント・イメージマップということになります。 能書きはこれくらいにし
    anhelo
    anhelo 2011/11/25
    クリッカブルマップの作り方(はてなダイアリーでは使えない)
    リンク

  • MdN Design｜総合情報サイト


    第16回︵最終回︶ 最新のデザイン表現を適用する ここまで紹介してきたCSSのレイアウトや装飾テクニックは、現在利用者の多いInternet Explorer 7や8、Safari、FirefoxなどのWebブラウザでほぼ問題なく動作するものでした。本連載の最終回は、未来に向けた準備として現在策定中の﹁CSS3﹂の中からモダンブラウザで既に適用可能なスタイルをいくつか紹介します。 ︵公開日‥2010年4月16日　解説‥こもりまさあき︶ 現在策定中のCSS3について CSSで指定したスタイル指示は、WebブラウザのCSSサポートの度合いによって適用できるかどうかが異なります。例えば、今現在の主流であるブラウザの多くではCSSレベル2︵CSS2︶をサポートしているものがほとんどです︵特定のプロパティだけ未サポートも含め︶。その一方、現在CSSの次のバージョンにあたるCSSレベル3︵CSS
    MdN Design｜総合情報サイト
    anhelo
    anhelo 2010/07/24
    CSSの基礎を、htmlと比較しながらわかりやすく、セレクタ、classの解説も
    リンク

  • 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

    anhelo
    anhelo 2009/12/26
    cssとhtmlで、3階層のWindows様メニュー
    リンク

  • 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

    anhelo
    anhelo 2009/12/26
    cssとhtmlで、マウスオーバーでメニューが出る
    リンク

  • 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

    anhelo
    anhelo 2009/12/26
    cssとhtmlで、ネガポジ加工された画像にフィルムのような枠をつけてマウスオーバーで写真を表示するギャラリー
    リンク

  • 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

    anhelo
    anhelo 2009/12/26
    cssとhtmlで棒グラフを書く
    リンク

  • 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)
    cssとHTMLのみで擬似的な3D表示を実現するCSS 3D Meninas
    anhelo
    anhelo 2009/12/16
    cssとHTMLのみで擬似的な3D表示した、ラス・メニーナス
    リンク

  • 第7回　Googleツールバーにオリジナルボタンを追加する（2）


    Google Toolbarは2007年12月にInternet Explorer︵以降IEと略︶用Version 5のベータ版が出ました。IE版から遅れること実に9カ月，2008年9月にようやくFirefox︵以降FXと略︶版のVersion 5 ベータが登場しました。2008年10月29日には，IE用Version 5︵英語版︶もリリースされました。 ここでは，Google Toolbar 5の本体の機能にちょっと触れた後，本連載の前回の流れを受けて，Google Toolbarで簡単なプログラムを作成してみます。プログラムと言っても，複雑な制御構造や関数は一切なく，XMLの世界です。 Google Toolbar 5の新機能 Google Toolbar 5 ベータ版はダウンロード・ページからダウンロードできます︵図1︶。すでに旧バージョンを利用している場合には，既存のGoogle
    第7回　Googleツールバーにオリジナルボタンを追加する（2）
    anhelo
    anhelo 2008/11/07
    Googleツールバーにガジェットのボタンを追加する方法
    リンク

  • KML について


    Google Earth ユーザー間の交流 Google Earth コミュニティ フォーラムで質問を投稿したり情報を共有しませんか Google は投稿内容に介入していません KML とは、Google Earth、Google マップなどの Earth ブラウザで地理的情報を表示するために使用されるファイル形式です。 KML ファイルは、HTML (や XML) ファイルがウェブ ブラウザによって処理されるのとほぼ同じように処理されます。 HTML のように、KML には特定の表示目的に使用される名前や属性のタグ ベース構造があります。 Google Earth と Google マップは、KML ファイルのブラウザとして機能します。 KML を使用して次のようなことが可能です。 地上の場所を特定するアイコンとラベルを指定する 異なるカメラ位置からのビューを作成する 地面または画面
    anhelo
    anhelo 2008/03/31
    KMLファイルについて。GoogleアースやGoogleマップでの表示法
    リンク

  • 第12回　ページの余白で見た目はずいぶん変わる


    前回，ヘッダやフッタ，ナビゲーションなどを付けたページ構成を一通り完成させたわけですが，一度プレーンなHTMLの世界に戻ります。何の装飾もなくシンプルなHTMLを書くと，テキストはブラウザ画面の左一杯から右端一杯までいって折り返すという表示になります︵図1︶。 画面一杯に文字があるというのは，単位面積あたりの情報量が最も多いということです。何らかの情報を提供するのがHTMLの役割だとすれば，図1の状態はHTMLも目的を達するうえでは非常に効率が良いということになります。だけれども，これでは読みにくくてしかたありません。 まず画面全体に文字がびっしりと並んでいるというのは，読む人に圧迫感を与えます。また画面全体に目を通さなくてはならないのでポイントが散漫になり，注視すべき部分を特定できなくなって集中力を阻害します。学生の頃に誰もが﹁字ばかりの本を見ると読む気がなくなる﹂と感じたことがあったと
    第12回　ページの余白で見た目はずいぶん変わる
    anhelo
    anhelo 2008/03/19
    pタグでの余白の作り方、spanでの色文字の作り方
    リンク

  • 第10回　CSSで画面を構成する際の最重要タグ「div」の使い方を知る


    ここまでに学んだ知識だけでは，CSSを使ってWebページをレイアウトする際に，XHTMLの書式として<p>の中に<h1>や<ul>は書けない 禁忌だと言っていたheight指定を使わざるを得ない場合がある といった問題が発生すると前回，指摘しました。今回は，これらの問題を解決する方法について説明します。 HTMLには<div>というタグがあります。“div”はDivisionの略です。Divisionは﹁分離﹂や﹁区域﹂といった意味です。和訳の通り，タグの意味合いも﹁領域指定﹂といった感じになっています。<div>タグはCSSで画面構成を学ぶにはとても大切なタグです。 次のようなHTML︵部分︶があったと考えてください︵リスト1︶。 リスト1●ページを作っていると普通に出てくる構成 リスト1はページを作っていると普通に出てくる構成です。前回までの知識で，<h1>や<p>にそれぞれCSS指
    第10回　CSSで画面を構成する際の最重要タグ「div」の使い方を知る
    anhelo
    anhelo 2008/03/14
    divタグで囲ってエリアを横並び→3ペインの作り方
    リンク

  • TableとCSSいろいろ - DesignWalker

    TableとCSSいろいろ - DesignWalker
    anhelo
    anhelo 2007/10/05
    TableとCSSを使って表を作る方法のいろいろ
    リンク

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。


    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の﹁サービス維持調整費﹂を加算させていただきます。 ※1﹁国内シェア﹂は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)︵﹁ICANNがレジストラとして認定した企業﹂一覧︵InterNIC提供︶内に﹁Japan﹂の記載があるもの︶を対象。 レジストラ﹁GMO Internet Group, Inc. d/b/a Onamae.com﹂のシェア値を集計。 2023年10月時点の調査。
    anhelo
    anhelo 2007/08/16
    Googleガジェットのひな形の作り方。Contentタグ内の<![CDATA[ ～ ]]>の間にHTMLを書けば、それがガジェットの内容になる
    リンク

  • HTML5 User Experience Design - ＠IT

    anhelo
    anhelo 2007/08/16
    XML講座
    リンク

  • 画像の保存を禁止する 〜CSSテクニック〜

    anhelo
    anhelo 2007/07/30
    cssとhtmlで右クリック保存できなくする方法
    リンク

  • TeamWox Groupware & Online Collaboration Software

    CRM system for sales, staff and financial management Get rid of excessive paperwork Arrange the electronic document management and group work with documents Optimize your work with clients Store all contacts and relationship history with your business partners in a single CRM Improve company management Set tasks, assign responsible team members and track progress Remain in touch Communicate with p

    anhelo
    anhelo 2007/06/12
    ニコニコブックマークへの登録拒否するメタタグ<meta name="nicob" content="noindex">
    リンク

  • Bubble://ちずろぐ/別館/ KMLファイルフォーマット Version 2

    Version 2(Google Earth version3対応) KML(Keyhole Markup Language)はポイントやライン，画像，ポリゴンのような地理情報をGoogle Earthクライアントに表示するために使用するファイルフォーマットです。 このページはKeyholeのウエブサイトのGoogle Earth KML DocumentationやGoogle_Earth_KML.pdfをベースに作成しいてます。 ↑ KMLファイルの特徴 † KMLはXMLのサブセットとして定義されており，以下のような特徴があります。 地球表面上の位置を識別する注記やアイコンの定義 各情報毎に異なる視点設定(camera) 地表面上に衛星写真や航空写真，主題図等の画像をマッピング 各情報の表示スタイルを設定 HTML構文を使用した属性情報を記述することができ，HTML内にはハイパーリン

    anhelo
    anhelo 2007/06/10
    KMLファイルフォーマットの解説、GoogleマップorGoogleアースの位置ファイル
    リンク

  • HTMLタグ辞書 - 角が丸いテーブルタグの作り方


    このホームページは、株式会社フムフムのホームページ制作に特化したのプロモーションWebサイトです。 株式会社フムフムのコーポレートサイトはこちらから。ホームページ制作に約20年携わり多くの成功と、多くの失敗を見てきました。ホームページから始まり、SNSなどのサービス、オウンドメディア、自社スマホアプリと時代は大きく様変わりしています。ただホームページを所有することをそろそろやめて、目的をもったホームページ制作やプロモーション、マーケティングをおこないませんか？ 会社のホームページ立ち上げや、今あるホームページの運営に悩む皆さまに、弊社スタッフがアイデアをもってホームページ運営・制作のご提案をさせていただきます。 ©2021 HUMHUM inc. 株式会社フムフム　ホームページ制作事業部 広島市西区楠木町1-10-24 第二奥田ビル1階 T. 082 961 3831　F. 082 961
    HTMLタグ辞書 - 角が丸いテーブルタグの作り方
    anhelo
    anhelo 2007/03/15
    角丸エリアの作り方
    リンク

  • http://news.goo.ne.jp/news/gookeyword/it/20060915/20060915.html

    anhelo
    anhelo 2006/09/16
    JIS、シフトJISには用いられないコードを挿入することで、そのホームページがEUCで作成されていることをコンピュータに認識。<HTML> <HEAD> <!-- 美乳 --> <TITLE>サイト名</TITLE> </HEAD>
    リンク
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.