タグ

web制作に関するasaninaのブックマーク (16)

  • 第4回 HTMLからXHTMLへの移行方法(1):ITpro

    HTMLからXHTMLにスムーズに移行するには、「書式の違い」をきちんと押さえておくことが不可欠。今回は「XML宣言」「文書型宣言」「XML名前空間と言語コード」「MIMEタイプ」「style要素とscript要素」について見ていこう。 HTMLよりも書式が厳格なXHTML XHTMLHTMLをXMLで再定義したマークアップ言語であり、HTMLの簡便さを残しつつXMLの論理的厳密性を備えている。そのため、HTMLのようにルーズなコーディング(たとえば終了タグがないなど)でもブラウザで問題なく表示される、ということはほとんどない。したがって、書き方にエラーがないかどうか少し神経質にならなければならない。 また、CSSがきちんと適用されないというトラブルも、実はXHTMLが正しく書かれていないことに起因していることが少なくない。 これらの問題を避けるべく、エラーのないソースにするには、バリデ

    第4回 HTMLからXHTMLへの移行方法(1):ITpro
  • 100%、CSSのみで構成されるメニューの作り方 - GIGAZINE

    JavaScriptがオフになっているブラウザでも問題なく利用できるメニューです。なおかつ操作性は損なわれていません。ほとんどのDHTMLをサポートしているブラウザで動作してくれます。 作り方や実例は以下から。 Pure CSS menus http://www.howtocreate.co.uk/tutorials/testMenu.html 以下も同じ種類のメニューです。 Pure CSS Menus http://meyerweb.com/eric/css/edge/menus/demo.html CSS / DHTML Hybrid Navigation Bar http://www.brothercake.com/scripts/navmeister/page.php CSSだけでもけっこうなんとかなるものですね、めもめも。

    100%、CSSのみで構成されるメニューの作り方 - GIGAZINE
  • PingMag - 東京発 「デザイン&ものづくり」 マガジン » Archive » mixiをより良くするためには

    ED治療薬(勃起薬)は様々な違いがあります。持続時間、作用時間、効果の強さ、事の影響などの比較をご紹介しています。 サイトマップ ED治療薬(勃起薬)の比較・違い ED治療薬(勃起薬)は、現在のところ4種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬! バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか? バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療

  • HTML手打ちで作るホームページ講座

    HTML手打ちで作るホームページ講座トップページようこそ!ここはWINDOWSMacに標準で付属の「メモ帳」や「シンプルテキスト」でHTMLを研究するサイトです。

  • 人力検索はてな - YouTubeの動画をはてなダイアリーに貼り付けたいです。

    低レベルの質問ですみませんが教えて下さい。 YouTubeの動画をはてなダイアリーに貼り付けたいです。 下記の2つは見ましたが、 「クエリ部分を URL エンコード」とか何とかよく分かりません。 クエリって?エンコードって!?という状態ですorz ただ単に、貼り付けたい動画のURLの末尾に.flv:movieをつけるだけではダメなんですよね。 どうすればよいのでしょうか。 http://d.hatena.ne.jp/antipop/20060530/1148914300 http://d.hatena.ne.jp/tokuhirom/20060529/1148917604 ブックマークレットのもよく分かりませんでした・・・。 http://d.hatena.ne.jp/hagex/20060609#p2 みなさん簡単だ簡単だと言ってやっているようなので私でもできるかと思ったのですが。 どう

  • 【HTMLタグの簡単検索】TAG index - ホームページ作成情報

    ページ全般 ボックス テキスト リンク リスト イメージ テーブル フレーム フォーム フィルタ CSSの基 CSSプロパティ一覧[ABC順] リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。

    【HTMLタグの簡単検索】TAG index - ホームページ作成情報
    asanina
    asanina 2006/07/24
    エンコードもお世話になってます。
  • HTMLクイックリファレンス

    HTMLタグ・スタイルシート・特殊文字等の早見表

  • WEB画像について-GIF・JPEG・PNGの特徴

    GIFは透明色の指定ができる GIFは画像に使われている色のうちの1色を指定して透明にすることができます。 WEB上に掲載する画像は全て輪郭が四角形ですが、 GIFの背景を透明にすることで見かけ上は四角形以外の輪郭の画像が可能となります。 尚、JPEGでは透明色の指定はできません。 GIFはアニメーションにできる アニメーションにできることもGIFの特徴の1つです。 GIFアニメはコマ画像をパラパラマンガの要領で表示させることで実現しています。 滑らかな動きを表現するのにはあまり向いていませんが、アイコンやボタン画像などにちょっとしたアクセントの動きを加えるのには最適です。 GIFアニメが他の動画形式に比べて優れているのは、 特別なプラグインを必要とせずより多くの環境で作者の意図通りに表示させることができる点です。 GIFのライセンス問題について GIFに使われているLZW圧縮の技術は、1

  • ページ作成のテクニックをまとめた「20 pro tips」が公開されています - PHPプロ!ニュース

    平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 件に関するお問い合わせはこちらよりお願いいたします。

  • HTML&CSSサンプル集

    aichan.biz This domain is expired. The domain owner has to renew it from the admin setting if you continue using it. 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner direct

  • Photoshop でつややかな表現をわりと簡単に実現する

    2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー

  • CSSで表現する「ちょっと便利な」もしくは「かっこいい」小技、大技を教えてください。…

    CSSで表現する「ちょっと便利な」もしくは「かっこいい」小技、大技を教えてください。特に、「もしかしたら、日で知っているの自分だけじゃない?」のような。 例えば(といっても、有名どころですが)、 Zoom Layout http://2xup.org/log/2005/07/29-1835 クロスブラウザでルビを振る http://blog.livedoor.jp/dankogai/archives/50514780.html のような感じです。 単なるCSS hackのやり方ではなく、それに+αでぜひお願いします。

  • 検索手順ツール (Dark-I.com) | 100SHIKI

    サイトデザインをするときは、たいてい他のかっこいいサイトを眺めながらインスピレーションを得ることにしている(真似にならない程度にね)。 そうした場合、たいてい色合いだけは決まっているので「青系でなんかいいサイトないかなぁ」と探すことになる。これはこれで結構面倒で、色合いで探せるデザインサイト検索サイト(ややこしいな・・・)がないかなぁ、と思っていたところ、あった。 Dark-iのサイトではまさにそのような検索を実現してくれている。これを使えば今までの作業が大幅に効率化されそうだ。 無意識に行っている検索手順をツール化してみる。デザインサイト検索以外にも応用ききそうですね。

    検索手順ツール (Dark-I.com) | 100SHIKI
  • スタイルシートを書く時のガイドライン - 2xup.org

    2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ

  • Fomalhaut of Piscis Australis : [ webdev ] よりよい Web サイトを作るための5ステップ

    Joel Spolsky: Joel on Software ソフト開発の方法論はいくつも提唱されているが、それが何で大切なのか、実施しないとなぜダメなのかがいまいちわからない。そして何よりつまらない。このは、先の疑問に答えてくれるし、読んでいて面白い。いまだに根性論を唱えているBossにぜひとも読んでいただきたいだ。 (★★★★★) PaulGraham/川合史郎: ハッカーと画家 プログラマの考えや行動は一般の人から見ると、奇妙で理解しがたく映るらしい。彼らはなぜそう考えそう動くのか、なぜ「常識で動く」ことをしないのか。 プログラマも、そうでない方も一度は読んでほしい。 (★★★★★) Tom DeMarco: Slack ゆとりの法則 ゆとりをなく ( 過度に最適化 ) してしまえば、組織は環境適応能力をなくしてしまい、長期的に見ると衰退する。それだけじゃなく、ゆとりをなくしてし

    Fomalhaut of Piscis Australis : [ webdev ] よりよい Web サイトを作るための5ステップ
  • よいWebサイトを作るための5ステップ:発想七日!:オルタナティブ・ブログ

    たしかpopurls.comで、digg.comのリストの中にこの"5 Steps to Building Better Websites"を発見しました。いい記事がこうやって拾えるのは便利ですね。 さてその5ステップとは: サイトの目的、つまりビジターに求める行動を明確にしよう (Create a Call to Action) よく計画してから実装しよう (Plan Ahead) ビジターに考えさせるな! (Don’t Make Me Think!) コンテンツこそ王様 (Content is King) オーナーシップを持とう (Own It) "5 Steps to Building Better Websites" - Project83 Weblog 元記事には長い解説もあります("Fomalhaut of Piscis Australis"というサイトの方が日語に訳されてい

    よいWebサイトを作るための5ステップ:発想七日!:オルタナティブ・ブログ
  • 1