jump to navigation

日本WEBアクセシビリティ協会 11月 17, 2009

Posted by hyhy in WEBデザイン.
comments closed

日本WEBアクセシビリティ協会

■日本WEBアクセシビリティ協会(JAWAA)について
近年IT化が進み、コンピュータやインターネットによって生活の中で必要な情報やサービスなどの恩恵を受けることができるようになりました。今後コンピュータやインターネットは、更に私たちの生活に欠かせない存在として、必要性が高まることでしょう。しかし、いつでもどこでも情報やサービスを受けられる便利な世の中である一方で、高齢者や障害者など、心身の機能に制約のある人にとっては、便利な情報やサービスを受けることが困難な場合もあります。

しかし、高齢者や障害者がWEBサイトを利用する時に、利用者の心身の機能に制約のある人にとっては十分に得たい情報を取得できない、などの問題があります。そのため、WEBサイト制作者は、年齢的・身体的条件に関わらず、誰にでも使いやすく、伝えたい情報がしっかりと伝わるWEBサイトを作ることが重要です。

そこで、日本WEBアクセシビリティ協会では、「みんなにやさしいノンステップWEBサイトを」をスローガンに、WEBサイト制作者に対しての WEBアクセシビリティが確保されたWEBサイトづくりの支援や高齢者や障害者など心身の機能に制約のある人に対してのWEB利用支援などの活動を行っております。

[ブックマーク] HTML+CSSネタ 11月 3, 2009

Posted by hyhy in WEBデザイン, 技術情報.
Tags: , ,
comments closed

■HTML
IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
HTMLDocument の動的な作成
素晴らしいHTMLメールテンプレート配布サイト
美しいHTMLの条件を綺麗にまとめた一枚の画像

■HTML5
HTML5 JavaScript APIs
HTML 5のフォーム要素
HTML5でHTMLの何がかわるのかを知る3分間ガイド
HTML5 を学ぶための情報源まとめ
HTML5.JP
DIVE INTO HTML5
HTML5, a 3 minute guide
デザイナーのためのHTML5リソースまとめ
HTML5, きちんと。ってスライド
HTML5 についての Q&A
HTML5で書かれた「スーパーマリオ」みたいなゲーム

JavaScriptで画像のオフラインキャッシュを実装する
JavaScript によるオーディオ&ビジュアルプログラミング

HTML5はFlashやSilverlightを不要なものにする

■CSS
http://cssnite.jp/
CSS Nite Vol.40の内容ブログ
今どきのCSSレイアウトの特徴
デベロッパーなら知っておきたいCSSテクニック
overflow: hidden;を使ったサンプル色々
覚えておいて損はない CSS の定番テクニック BEST 5
シンプルだけど便利なCSSプロパティー5
CSSで作るシンプルかつクールなボタンサンプル「Simply-Buttons v2」
スタイルシートで実装する、アイデア溢れる画像ギャラリー
IE 6とIE 7のためのCSSハック16選
魅力的なCSSメニュー10
コーディングするのが楽になるかも?と思うCSSテクニックのまとめ
IE共通の9つのCSSバグをそれぞれ解決する方法
CSSをお手軽にデバッグする方法
Googleも採用!CSS3実践テクニック
ページレイアウトに使えるCSSプロパティ
レイアウトについて(1/4) – css3を触ってみて思った4個の利点

Snow Stack – CSS 3D Visual Effect with WebKit

[ブックマーク] デザインネタ 11月 3, 2009

Posted by hyhy in WEBデザイン.
Tags:
comments closed

随時更新ナリ

■デザインネタ
ネタ集
週刊Webテク通信
水平スクロールをうまく使ったデザインサイト40
2010年に備えて、知っておきたいウェブデザインのトレンド
読んでおきたいユーザビリティーに関するブログ10
様々なUIパターンを一望出来る「PatternBrowser」
昭和風なレトロなWebデザインのサイト 25
白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ
海外のサイトで見かけるオーバーサイズのフッタのデザイン集
リンクが分かりやすいデザインはいいウェブデザイン
650+のよりシンプルでミニマルなwebデザイン
最近のトレンドを踏襲したウェブサイトを作成するチュートリアル集
秀逸なWEBデザインの注目すべき細部デザイン色々
かっこいいデザインのナビゲーションメニュー40
グランジを取り入れたアーティスティックでカッコいいサイトデザイン集
特化型の様々なギャラリーサイトまとめ
美しいナビゲーションデザイン集「40 Beautifully-Designed Navigation Menus」
メニュー部分のネタ帳に使えそうなクリエイティブなサイトメニューの色々
ちょっと手を加えてウェブデザインをグレードアップする6つのポイント
生きているデザイン デザイナーが影響をうけるもの

■アイコンデザイン
便利そうなフリーのアイコン作成ツール6種類
商用でも無料で利用できる、かわいらしいシンプルなアイコン -Android Icons
WEBで使える新しいフリーアイコンセット集「40 Fresh and Free Icon Sets for Web Designers and Bloggers」
Photoshopによる美麗アイコン作成チュートリアル集
通信や電子機器などの9つのベクターアイコンセット
ロゴデザインが色々あって登録も可能な「LogoSauce」
Android用のアプリケーション向けアイコンセット30「Android Icons」
Webデザイナー&ブロガーのためのフリーアイコンセット40
ロゴデザインが色々あって登録も可能な「LogoSauce」
Mac OS Xで使われているようなクールなフリーWEBアイコンセット「Web Icon Set」
天気に使えそうなベクターアイコンセット
質感がすごい神アイコン色々

■フリー素材
高品質なテクスチャをダウンロード&登録できるサイト -Textur.es
数十個のテクスチャ画像が無料でダウンロードできるサイト「Textur.es」
商用でも無料で利用できる、グランジ風の高解像度のテクスチャ素材
木目のHi-Resテクスチャセット
色々な種類の綺麗なテクスチャセットのまとめ集
無料でダウンロードできるクオリティーの高いPSDファイル500+
WEB制作に使えるPSDテンプレート集「25 Slick PSD Website Templates Free for Download」
ロイヤリティフリーの写真画像を簡単に探すことができる
ダウンロードして使えるボタン素材いろいろ

商用利用でも無料のハイクオリティなFlashギャラリーやテンプレートを配布するflashmo.com

■wordpress
WordPressで最初に設定するべき4つのポイント
WordPressをCMSとして使うための必須プラグイン集
独自のWordPressテーマを作るチュートリアル20+
素晴らしいフリーWordpress Themesを集めた「45+ great looking free WordPress Themes」
新しくてかっこいいWordPressテーマ40

■PhotoShop
美しいモザイクのエフェクトを描くPhotoshopのチュートリアル
肌をツルツルに綺麗にしてくれるPhotoshopアクションが凄い
クリック一発でプロのような仕上がり、Photoshopアクションファイル70個まとめ
商用可!グランジを表現できるフリーphotoshopブラシ「10 Free Grunge Photoshop Brushes」
テキストをかっこよく魅せるPhotoshopのチュートリアル集:Part 16

■AfterEffects
「これだけは持っておきたい10のプラグイン (After Effects編)」

■その他
Webデザイン・制作の関連情報を得られるTwitterアカウントまとめ
あの人のアイデアはどこから?有名クリエイターに学ぶ「発想法」

Create 3D pixel Art Onlineについて 11月 1, 2009

Posted by hyhy in ActionScript3.0, ART DESIGN MOVIE, WEBデザイン, 技術情報.
Tags:
comments closed

Q-BLOCK - Create 3D Pixel Art Online

KYUCON*BLOGより

3Dドット絵ツールと紹介されてます。

Create 3D pixel Art Online

DotTouch : Mac OS X版のドットエディター DotShotXのiPhone版。

[site design] Official website of WonderWall 10月 9, 2009

Posted by hyhy in Adobe系, ART DESIGN MOVIE, WEBデザイン.
Tags: , ,
comments closed

すばらし過ぎるので。
too wonder

中村勇吾氏が手がけた3D×インタラクティブ感を堪能できるかっこいいサイトです。

http://wonder-wall.com/

片山正通(Masamichi Katayama)profile
1966年岡山県生まれ。2000年ワンダーウォール設立。ワンダーウォール代表。建築デザインディレクション、プロダクトなども手がける。
参考サイト

[CSS] IE7+メイリオフォントで文字がジャギる 7月 25, 2009

Posted by hyhy in WEBデザイン, 技術情報.
Tags: ,
comments closed

IE7のバグの一つ、「filter:alphaで半透明にした要素上(子含む)のフォントのアンチエイリアスが無効になる」に対応する話。

参考サイト

webフォントの技術を使うことでも回避できるかも。

[ブックマーク] ブログテンプレート、素材、フリーフォント 7月 18, 2009

Posted by hyhy in ART DESIGN MOVIE, WEBデザイン, 技術情報.
Tags: , ,
comments closed

を配布しているサイトをまとめる。

※随時更新

■素材
商用サイトでも無料の国内外のWeb制作に使える素材サイト
WEBのモックデザインを作る時、便利な素材集「A Collection of Useful Web Design Wireframing Resources」
『All in one web elements kit』
ハイクオリティなWeb素材ばかりをフリーで提供するArs Grafik

■FONT
フリーフォントをDL出来るサイトいくつか
13,000種類のフォントからお目当てのフォントが探しやすい「searchfreefonts.com」
http://www.searchfreefonts.com/
Acid Fonts
ALT-DESIGN
FLOP DESIGN
無料のフリーフォントをダウンロードすることができるサイト厳選24個まとめ
2009年を代表するフリーフォントを集めた「The Best Free Fonts of 2009」
フリーのストックフォトが見つかる15サイト

レトロなフリーフォント20選
商用でも無料で使えるクールなゴシック体
最近公開されたばかりのデザインに使える新しいフリーフォント23個まとめ
ウェブデザイナーにもおすすめ、あまり見かけない新しいフリーフォント20個まとめ
有名なバンドのロゴで使われているフォント集
異なるテイストがそろった無料のゴシックフォントのファミリー -Public Gothic Family
日本語用と英数字用のフォントを使い分けるって記事
WinとMac共通のフォント
FONTロゴ作成サイト
参考サイト
createlogo
様々な物体を合成してカラフルなフォントにした「Keeparty」が素晴らしい

フリーフォントじゃないけど、モリサワフォント、サイトデザイン変わったのかな?

[CSS] clearfix 6月 17, 2009

Posted by hyhy in WEBデザイン, 技術情報.
Tags:
comments closed

参考サイト

参考サイト