タグ

htmlとIAに関するsstのブックマーク (11)

  • 文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう

    WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー

    文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
  • [HTML] パンくずリンクについてのまとめと考察

    パンくずリンク|パンくずリスト(breadcrumb navigation)はどうコーディングするのが今風なんだろう。 ふとそんなことを思い立ってしまったので、名を知られたサイトのソースを覗き見して考えることにした。 パンくずリンクのデザインについてまとめられたBreadcrumbs In Web Design: Examples And Best Practicesという記事によれば、 よくあるデザインパターンは次の通りである。 1行テキスト テキストを横並びにしただけの伝統的なパンくず。各ページリンクの間に区切り文字が入る。 ページタイトルを > で繋いだもの ページタイトルを > 以外の文字で繋いだもの シンプルなリンクの羅列 区切り文字を入れずに画像やCSSで階層を表現する。 マルチステップ 開始から完了までの行程を表示する。 サブナビゲーションつき 各ページリンクに属するページを

    [HTML] パンくずリンクについてのまとめと考察
  • HTMLの提案書を書こう | Takazudo Clipping*

    HTMLなんかどこに頼んだってかわんねーよ!というわけじゃない。 ちょっと前に、会社がコンペに参加するとかでHTMLの提案書を書いた。要件は、もう設計とか完了していて、ワイヤーフレームとかチャートとか用意しちゃっている気合いの入ったクライアントで、デザインとCMSに組み込むためのHTMLテンプレート(とガイドライン)を作ってーというもので、自分が書いたのはHTMLのところ。 まー、最初は自分が全体書いてて、ユーザーありきで設計してデザインしてコーディングしてってやってるんですーという、ワークフローな感じのことを書いたのだけれども、社内のWeb仙人に駄目だしされ、もっと特化したものを書け!大体、デザイン以降が要件なんだから、前半まったく意味ねーよ!ってことで自分の書いたものはフルボツになり、自分はHTMLのとこだっけ書くことになりました。 しかしまぁ、前からこんな、HTMLで何がいいわけ?み

    sst
    sst 2008/04/18
    要素の抜き差し、追加、並べ替えを行っても、破綻の起こらないHTMLテンプレート作成を常に心がけ/先方互換性/ユーザーインターフェイスの可能性を束縛しません
  • Amazon.co.jp: ウェブの仕事力が上がる標準ガイドブック2 Webデザイン: 本: 益子 貴寛,佐藤 伸哉,浅野 紀予,矢野 りん,植木 真,原 一浩,松村 慎,中村 享介,境 祐司,長谷川 恭久

    Amazon.co.jp: ウェブの仕事力が上がる標準ガイドブック2 Webデザイン: 本: 益子 貴寛,佐藤 伸哉,浅野 紀予,矢野 りん,植木 真,原 一浩,松村 慎,中村 享介,境 祐司,長谷川 恭久
  • HugeDomains.com

    Captcha security check hemiolia.com is for sale Please prove you're not a robot View Price Processing

    HugeDomains.com
    sst
    sst 2007/05/22
    Webは、具体化を制作側で制御できない点が他のメディアと大きく異なる/仲介者(具体化する人・プログラム)の存在≒マッシュアップ/制作側と受け手(or仲介者)を結ぶ唯一の手段が"コード(HTML)"
  • Web標準(の日)とアクセシビリティ | アクセシビリティBlog | ミツエーリンクス

    Webサイトのアクセシビリティを高めるための方法や国内外の関連情報など、さまざまな角度からWebアクセシビリティに関する話題をご提供していきたいと思います。 2006年07月19日 Web標準(の日)とアクセシビリティ アクセシビリティ・エンジニア 中村 去る7月15日土曜日「Web標準の日」というイベントが開催されました。イベントの詳細につきましては公式サイトにてご確認いただくとして、当BlogではWeb標準の日の中で語られていたWeb標準とアクセシビリティの関係について考えてみたいと思います。 まず、講演中でアクセシビリティが取り上げられた例ですが、セッションAでサイバーガーデンの益子 貴寛氏は、「Web標準準拠における短期的な経済効果」のひとつ、また「機会損失の防止」という観点からアクセシビリティを挙げられていました。 そしてセッションDでは、Webアクセシビリティ分野の第一人者であ

    sst
    sst 2006/07/20
    Web標準を前提としてオーサリングツールが開発され、それを利用してWebコンテンツが制作され、そのコンテンツをユーザーエージェントが正しく解釈できるようになれば、あとはコンテンツ内容をアクセシブルにすればよい
  • Websites as graphs - an HTML DOM Visualizer Applet

    Note: This will take you to a page with a java applet. It may take some time to load, so please be patient. You can support this site by checking out Fernando Luis Lara's incredible artproject 365specialdays.com

  • Web標準時代に求められるサイト構築法 | Web標準Blog | ミツエーリンクス

    Web Designing様の主催、株式会社アドミラルシステム様の後援と協賛のもと、「Web Designing Live Seminar / Web標準」が去る5月26日に竹橋・毎日ホールで開催されました。 イベントの前半では、当Blogの運営にも携わっております弊社WEB開発チームの木達が、「Web標準時代に求められるサイト構築法」をテーマに講演させていただきました。後半では木達を含む弊社スタッフ4名が出演させていただき、会場の皆さまとQ&Aやディスカッションを行いました。 ご出席いただいた皆さまには、この場をお借りし、改めて厚く御礼申し上げます。ありがとうございました。 当日会場でお配りした資料のPDFファイルをダウンロードできるようにしました。今回の講演の資料は、以前Web Designings誌2006年3月号の「特集1:Web標準への移行のススメ」で「Web標準に準拠したサイト

  • Aharef: Websites as graphs

    Everyday, we look at dozens of websites. The structure of these websites is defined in HTML, the lingua franca for publishing information on the web. Your browser's job is to render the HTML according to the specs (most of the time, at least). You can look at the code behind any website by selecting the "View source" tab somewhere in your browser's menu.HTML consists of so-called tags, like the A

  • The Web KANZAKI -- Japan, music and computer

    こんにちは。音楽に関するいくつかのメモや、ウェブ上での情報の共有や活用に関する参考情報があります。 The English only TOC page also available. 音楽の話 ロジャー・ノリントンの話 交響曲に関するいくつかの情報 歌詞/テキストと音楽(レクイエム、ミサ曲、第九、大地の歌、ツァラトゥストラなど) NMLで聴いてメモした曲リスト 古いもの ... show 音楽雑記帖 コントラバスの話 インターネットやコンピュータの話 セマンティック・ウェブ (ジャパンサーチ非公式サポート、グラフ視覚化、画像注釈とIIIF、LD Browser) いくつかの講演スライドそして専門誌/論文誌記事など アクセシビリティおよびごく簡単なHTMLの説明 OWL語彙の実験・提案、その他いろんな試みの記録 古いもの ... show ちょっとしたメモ(主に2003~2008) ハイパー

  • HTMLマークアップの流れとJavascript - kokepiの日記

    昔ながらのWeb屋(そんなものがあるのかどうかは別にして)だったおれの勤務先も、RSSとかに取り組みはじめたりして、だんだんと開発主導でインターネット標準対応なんかを重視するようになってきた。 そこで難しいのが画面のHTMLマークアップ。 PHP+Smarty+Dream Weaver Templateで作業しているのだけど、Javascriptとかが入ってくるとどうも混乱しがち。 とりあえずベースができてないと、もう収拾がつかない。そんな意味でこの記事はとても参考になった。 One Way to Design a Web Site @ The Autistic Cuckoo ↓ 超訳 ↓ サイトデザインにはいろんな方法がある。客観的にこの方法がベストだ、と言うのはとてもじゃないけど無理だ。きょうはTommyの作業プロセスをみてみることにしよう。 インフォメーションアーキテクチャー デザイ

    HTMLマークアップの流れとJavascript - kokepiの日記
  • 1