美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
浅川智恵子のアクセシビリティ論---目次
障害者や高齢者が自由にコンピュータを操作しインターネットアクセスできる環境は情報技術の発展とともに徐々に整ってきた。今では画面読み上げソフトによってワープロ操作やインターネットを利用した買い物，資産管理ができる。これらアクセシビリティの実現では，いかに簡単にアクセスできるかが重要だ。 日常生活の中で，いつでもどこでもコンピュータにアクセスできるユビキタス時代が到来しようとしている。あらゆる場面で自然な動作でコンピュータを操作できるようにするには，さまざまなユーザー・インタフェースが必要になるだろう。視覚を利用できないときもあれば，聴覚や手足が一時的に使えない場合もあるからだ。実は，これらの状況を考慮した操作性の実現は，障害者に使い勝手の良いインタフェースを提供することにもつながる。 浅川智恵子のアクセシビリティ論(1) 浅川智恵子のアクセシビリティ論(2) 浅川智恵子のアクセシビリティ論(
Blog on Digital Media › デザインこそコンテンツの未来 転換点の到来
ある外国人ブロガーが指摘した“美しくない日本のWebデザイン”。 注目すべきは彼我の文化的差異ではなく、 アプリやWebにやってきているデザインの新段階である それは、デザインが競争力や成長力に直結するというトレンドだ 少し前、ある掲示板に興味深いスレッドが生まれました。 スレッドは「日本のWEBデザインが2003年で止まっていると話題に」であり、発端は「Japanese Web Design: Why You So 2003?」（日本の Web デザインよ：なぜ君は2003年のまま？）とのブログポストです。 「Japanese Web Design……」は、日本の美しいデザインについて考えると、“Zen”庭園、寺社、まんが……等々を思いつくものがたくさんある。それなのに、その美が Web サイトには反映されていないと、いくつもの著名なサイトを取り上げ、日本のWebサイトの現状を
株式会社アメディア・ウェブアクセシビリティ・ガイド
２００４年３月１５日 本ウェブアクセシビリティ・ガイドは、静岡県立大学の石川准教授の監修を得て、より多くの方々にとってアクセスしやすいウェブサイトを構築するためのヒントとして株式会社アメディアより提供させて頂くものです。 ページ内目次｜HTML全般 ｜フレーム ｜本文へのナビゲーション｜リンク先のわかりやすさ｜サイト構造のわかりやすさ｜ページの変化｜画像や動画、フラッシュへの対応 ｜ページ内容の見やすさ｜ページ内容の聞き取りやすさ | 聴覚障害者への配慮｜入力場面の配慮｜デバイスへの配慮｜提供するデーターのアクセシビリティ｜問い合わせ先の設置｜ HTML全般 正しいHTMLを書くことでホームページのアクセシビリティはかなり向上します。作成した HTML文書が正しく書かれているかどうかを可能ならばチェックしてみましょう。 ページタイトルをつけましょう 適切なページタイトル付けは、より多くの利
Webアクセシビリティを理解し実践するためのポータルサイト『infoaxia(インフォアクシア)』
Accessibility is the Web. 「エー イレブン ワイ」は、Webアクセシビリティの情報提供Webサイト。 ユーザーフレンドリーでみんなが利用できるWebコンテンツづくりをサポートします。
プロカメラマンの無料写真素材・著作権フリー画像素材のリンクスタイル
ようこそ、LINKSTYLE株式会社のホームページへ。 私たちは、時代のニーズに応える最先端の通信ソリューションを提供する専門家集団として、あなたのビジネスや日常生活の一部として最高の通信環境を実現します。大手通信から各種コラボ光、そして多様なIT商材を扱いながら、一人ひとりのお客様に合わせた提案を心がけています。 新たにビジネスを始める企業様から、すでに成熟したビジネスモデルをお持ちの企業様まで、私たちの経験と専門知識を活かして、それぞれの課題解決や成長をサポートさせていただきます。 また、私たちのサービスは契約からアフターケアまで一貫してサポート。通信インフラのことでのご不明点やお困りごとがあれば、いつでもお気軽にお問い合わせください。 LINKSTYLEとともに、より質の高い通信環境での新しい日常を。私たちと一緒に、未来をつなぎましょう。 大手の通信回線取次業者として、私たちは多岐に
無料アイコン100パック2009年版*ホームページを作る人のネタ帳
アイコンまとめ祭り。 今回は量も量なので画像は小さめ、クリックすると拡大方式を使っています。 ※無料ダウンロード可能なハイクオリティアイコン総まとめ2013年版にて、最新の無料アイコンをご紹介しています。 無料アイコン １～１０ Free Icon Pack: Web Injection - Tutorial9 システムアイコンやRSSアイコンなどの詰め合わせ。 タグがいい感じすぎる。 mfayaz's Art Blog: FreeHand_ColorStroked icon pack オープンソースで出来たもの系のアイコン集。しかも手書き風。 IconTexto: Drink Web 2.0 各種ソーシャルサービスを空き缶アイコンにしたもの。 Freebies Aggregator: Vector Social Media Icons わざとダサめのアイコンに仕上げてある感じがいい。 H
Basic認証(基本認証)でアクセス制限をかける方法 [ホームページ作成] All About
限定した人々にのみ公開したい会員制ホームページを作りたい場合や、メンバー間だけで共有するファイルを置きたい場合など、ウェブサイト内の特定の領域にアクセス制限を設定したいことがあります。アクセス制限方法は多数ありますが、ユーザー名(ID)とパスワードを使うユーザー認証機能による閲覧制限方法が簡単です。 そこで本記事では、「.htaccess」という設定ファイルなどを作成して、Basic認証(基本認証)と呼ばれる認証機能をウェブサイト内に設置する方法をご紹介いたします。 アクセス制限を設定する対象のHTMLは一切修正不要です。認証の設定を書いた.htaccessファイルや、IDとパスワードを指定の書式で列挙した.htpasswdファイルを対象ディレクトリに置くだけの簡単な準備で、ログイン画面が出る秘密の会員制ホームページが作れます。 【目次】 Basic認証(基本認証)とは Basic認証(基
![Basic認証(基本認証)でアクセス制限をかける方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/0d00fd87f0e0421367bcc6cb71b384d05e792c29/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F7%2F8%2F0%2Ftopimg_large.png)
tableレイアウトとdivレイアウト…どっちも地獄? | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Geir Wavik氏がSmashing MagazineにおいてTable Layouts vs. Div Layouts: From Hell to… Hell?においてtable要素とdiv要素、それにCSSに関する興味深い内容をまとめている。WebデザイナやWebデベロッパは一度チェックしておきたい内容だ。タイトルが示しているとおり、table問題からもしかしたらdiv問題に移行してしまっていないか、という内容になっている。 Webページの作成にtable要素を使わずに、かわりにdiv要素とCSSを使った方がいいという指摘はだいぶ以前から登場している。table要素で構築されたHTML/XHTM
デザインの参考にもなるWordPressのテーマ30選 -2008年8月 | コリス
ここ半年間にリリースされたものを中心とした、細部までしっかりとデザインされたWordPressのテーマ30選です。
単色で構成された、デザインが秀逸なアイデア溢れるロゴのデザイン集
単色で構成された、デザインが秀逸なアイデア溢れるロゴをAbduzeedoから紹介します。 Ultimate One Color Logos Inspiration Comedy Club HUGE!_
商用無料で使える写真素材サイトまとめ2009年度初版*ホームページを作る人のネタ帳
とりあえず自分がこんなまとめがあると後でつかうだろうなぁというものをかき集めてみました。 ページ自体を少しでも軽量化したかったので画像は、そのサイトをイメージできるだけのサイズにカットしています。テキストリンクだけだとあとでわからなくなる事が多いので、必要最低限のシンボルとして表示しています。 商用可能な写真素材サイト 5000 Free Stock Photos ノーアカウントで5000の写真と8000のクリップアートがダウンロードし放題。 Free Photo - Cepolina Photos 画像数8000超え。お勧め。 Free Photos, Free Stock Photos, Photography BurningWell Image * After 現在21000点以上の素材がダウンロードし放題。 FreeDigitalPhotos.net 600pxくらいまでの画像は無
これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌
Fun With CSS Shapes - Nettuts これは驚き！CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {
デザインを魅力的なものにする、シンプルな10個のテクニック
デザインを魅力的なものにする、シンプルな10個のテクニックをSmashing Magazineから紹介します。 10 Simple and Impressive Design Techniques 以下、その意訳です。 手間のかかるデザインテクニックは高度な効果を与えることができますが、間違ったところに使用してしまうと、意図したフォーカスとは異なり、ユーザーの気をそらすだけになってしまうことがあります。 これらのテクニックは、効果的に見せるために必要なデザインかもしれません。しかし、よりシンプルなテクニックでも充分な効果を与えることができます。 シンプルなテクニックやエフェクトというのは、デザインの基本です。 「less is more」の考えを元に、デザインの概観とパフォーマンスを劇的に改善できる非常にシンプルで印象的な10のデザインテクニックを紹介します。 1. Add Contras
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: ウェブアプリケーションのためのユニバーサルデザイン: Wendy Chisholm (著), Matt May (著), 水野貴明 (翻訳): 本
文字の手帖
IDEA * IDEA
Amazon.co.jp: XHTML&CSSデザイン |基本原則、これだけ。: こもりまさあき, 神森勉, 小林信次, 矢野りん: 本
DesignWalker
