home | RIA情報 | topic01 | topic02 | RIAコンソーシアム
ラベル [CSS] の投稿を表示しています。 すべての投稿を表示
ラベル [CSS] の投稿を表示しています。 すべての投稿を表示

2009年1月20日火曜日

[CSS] リキッドデザイン問題は max-width と IE6 用 expression で解決 - eclucifer blog

0 コメント
▼リキッドデザイン問題は max-width と IE6 用 expression で解決 - eclucifer blog
http://eclucifer.net/blog/web/2009011501.html
100% 幅の可変デザインの問題点は理解したものの、かといって固定幅は小さい画面に合わせると大きい画面で余白がありすぎて不恰好になってしまうし ・・・・・・ という訳で出した結論は、

これらを採用する、というものです。

2009年1月18日日曜日

[Design] ウェブデザインのレイアウトに役立つ11サイト | DesignWalker

0 コメント
▼ウェブデザインのレイアウトに役立つ11サイト | DesignWalker
http://www.designwalker.com/2009/01/web-layout.html
  • "そのまま使えるレイアウトのサンプルや、いい感じのスクリプト、レイアウトの参考になりそうなインスピレーション系などを集めてみました。"

2009年1月11日日曜日

[Design] WEBデザイン Archives@秒刊SUNDAY | バイオレンスなニュースサイト秒刊

0 コメント
まとめ。勉強になるのは、コピーライトかも。
▼秒刊SUNDAY | バイオレンスなニュースサイト秒刊|^^|: WEBデザイン Archives
http://www.yukawanet.com/sunday/web/

[CSS] CSS gallery CSS TEA - 120 Excellent Examples of CSS Horizantal Menu

0 コメント
CSSメニューだけで成立するものはないのですが、見ているだけでおなか一杯になります。
▼CSS gallery CSS TEA - 120 Excellent Examples of CSS Horizantal Menu
http://www.csstea.com/css-gallery-news-and-resources/264-120-excellent-examples-of-css-horizantal-menu.html
  • "Menu is an important element of website. Menu has to be user-friendly and match the design in order to facilitate navigation. In this list you will find 120 excellent examples of css horizantal menu."

2009年1月6日火曜日

[CSS] これさえやればCSSをマスターできるかもしれないCSSチュートリアル&サンプル20:phpspot開発日誌

0 コメント
▼これさえやればCSSをマスターできるかもしれないCSSチュートリアル&サンプル20:phpspot開発日誌
http://phpspot.org/blog/archives/2009/01/csscss20.html
  • "これはボリュームたっぷりですね。私もCSSは自信がないので時間があるときにやってみようと思います。"

[CSS] CSSの基本的な話。 | ykhr

0 コメント
▼CSSの基本的な話。 | ykhr
http://ykhr.jp/blog/2009/01/css.html
  • "CSSの仕様というかプロパティ覚えて、これくらいだけ分かってれば、基本的には困らない気がする、ということのメモ。"

2009年1月2日金曜日

[CSS] CSS Sprites + Rounded corners | Css Globe

0 コメント
懇切丁寧な、角マルデザインの作り方@CSS/英語

▼CSS Sprites + Rounded corners | Css Globe
http://cssglobe.com/post/3714/css-sprites-rounded-corners
"Yes, I know that there are thousands of tutorials regarding rounded corners with CSS, but anyway, I wanted to show you this way too. Hopefully, you will find it useful."

2009年1月1日木曜日

[Repo] 2008年ウェブデザイン総まとめ@DesignWalker

0 コメント
▼2008年ウェブデザイン総まとめ | DesignWalker
http://www.designwalker.com/2008/12/webdesign2008.html
"今回は2008年のウェブデザインを振り返る今年最後の総まとめをお送りします。
* インスピレーション
* Photoshopブラシ
* チュートリアル
* ベクター素材
* アイコン
* ロゴ
* テクスチャ
* CSS
と8つのブロックに分けてご紹介します。"

[Tool] 読者が選ぶ2008年のネタ帳記事ランキング@ホームページを作る人のネタ帳

0 コメント
一人でムック本1冊作ってしまっています。凄いです、感謝。

▼読者が選ぶ2008年のネタ帳記事ランキング+Google Analytics公開*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-564.html
"読者が選ぶページ別アクセスランキング20位"
▽第5位 50,469 pv
・蒟蒻畑を売ってくれ。もうだめだ、いいかげんにしろよ!
http://e0166.blog89.fc2.com/blog-entry-555.html
-> 名文です。読んだ時、拍手してしまいました。

▽第4位 51,625 pv
・『無料+ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ
http://e0166.blog89.fc2.com/blog-entry-454.html
"以上!疲れました・・・"

■ web制作とかブログに使えるサービス
・3Dボックスジェネレータ
・フォームを作成するジェネレータ。
・オンラインでフォトショップみたいなのが出来るサービス
=Splashup
http://www.splashup.com/
・画像にいろんな効果をつける事が出来るサービス
・SEO診断ツール
・ローディング画像作成
=Ajaxload - Ajax loading gif generator
http://www.ajaxload.info/
・ローディング画像作成
=Load Info - gif generator
http://www.loadinfo.net/
・ファビコン作成ジェネレータ
・バッチ作成サービス
・アイコンジェネレータ
・ちょっとしたメニューボタン作成ジェネレータ
・めくれたシールを作成できるジェネレータ
・ボタンジェネレータ
・超簡単ミニアイコンジェネレータ
・CSSメニュージェネレータ
=IzzyMenu - Menu Builder - Build your pro CSS/DHTML Menu!
http://www.izzymenu.com/
・お手軽CSSメニューの作成
=List-O-Matic - Generate CSS-styled navigation menus based on list items (using <li> tags) | Developer Tools | Accessify
http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/
・CSSジェネレータ
・多段メニューのFlash作成webサービス
=Flash Menu Labs - Open Source
http://www.flashmenulabs.com/opensource.htm
・FLASHメニュー作成サービス
・ブラウザに表示される内容をカットできる
=kwout | A brilliant way to quote
http://kwout.com/
・お手軽ロゴジェネレータ
・クールなポスターを手軽に生成できるサービス
■画像の特殊自動加工サービス
・吹き出し作成
・反射作成
・ベクタ画像に変換するwebservice
=Vector Magic | Precision Bitmap to Vector Conversion Online
http://vectormagic.com/
・雑誌風画像加工ジェネレータ
・ポラロイド風画像加工サービス
・画像の一部をハイライト表示するジェネレータ
・普通の画像を昭和の写真にする
・オライリー風画像変換ジェネレータ
・幕末風写真加工ジェネレータ
・画像の角をまくるしてくれるサービス
=RoundPic - rounded corners for avatars and images [web 2.0 style]
http://www.roundpic.com/
■ ビジネス:
・構成図とか簡単にかけるサービス
・PDFをテキスト化するサービス
・画像をアスキーアートで拡大してくれるサービス
・HTMLをPDFに変換するwebサービス
・スクリーンセイバー生成ジェネレータ
・リボンジェネレータ
・リンク付きリボン作成
・キラキラしたアニメーション画像を生成
・郵便局の年賀状印刷ジェネレーター
・ノベル変換ジェネレータ
■ CSS
=テキストをハイライトすると絵が出てくる! - sta la sta
http://d.hatena.ne.jp/starocker/20080205/p1
■ お遊び
・相関図作成ジェネレータ
・あなたの能力を診断する
・札コラメーカー
・ルー語ジェネレーター
・怪文章作成ジェネレータ
・ファミコン風メッセージジェネレータ
・全自動4コマ漫画
以上!疲れました・・・

[CSS] Web開発者に便利。WebサイトのCSSプロパティが簡単に分かる「CSSViewer」:オープンソースを毎日紹介

0 コメント
メモ。

▼MOONGIFT: » Web開発者に便利。WebサイトのCSSプロパティが簡単に分かる「CSSViewer」:オープンソースを毎日紹介
http://www.moongift.jp/2008/12/cssviewer/
"そこで、現在表示されている内容がCSSではどのような設定になっているのか、それを理解する所からはじめよう。使うのはCSSViewerだ。
今回紹介するフリーウェアはCSSViewer、CSSプロパティの一覧を作成するFirefoxアドオンだ。"
▼CSSViewer :: Firefox Add-ons
https://addons.mozilla.org/en-US/firefox/addon/2104

2008年12月30日火曜日

[CSS] My CSS Menu - Menu Generator - horizontal menu, vertical menu

0 コメント
2段組みの左をダブルクリックすることで、CSS編集画面に行けます。部品の精度&生産効率化はここまで来ているとうことですね。でも部品の寄せ集めでWebサイトは作れはするけれど、成立はしない。マネージメントに鍵があると、信じたい。

▼My CSS Menu - Menu Generator - horizontal menu, vertical menu
http://mycssmenu.com/#

2008年12月28日日曜日

[Repo] 非コミュは選択の結果である

0 コメント
▼2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集 | コリス
http://coliss.com/articles/build-websites/operation/work/3115.html
"2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。"

[Repo] 2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集

0 コメント
▼2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集 | コリス
http://coliss.com/articles/build-websites/operation/work/3115.html
"2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。"

2008年12月25日木曜日

[Browser] IE 6とお付き合いをする5つの方法

0 コメント
こんなに嫌われているのにね。

▼IE 6とお付き合いをする5つの方法 - builder by ZDNet Japan
http://builder.japan.zdnet.com/news/story/0,3800079086,20385564,00.htm
"Internet Explorer 6さんとお付き合いするのは難しいと、多くの方から聞きしました。それもそのはず、IE 6はやり手のお坊ちゃまです。Windowsという父親のおかげで恵まれた生活を続け、なみいるライバルは近づくことさえできずに、大企業の人たちやお年寄り、パソコン初心者の人たちに一目置かれる存在になりました。"

■参考
▼IE6で閲覧すると。|CSS HappyLife
http://css-happylife.com/log/zakki/000736.shtml
"IE6を使って閲覧すると右上に『アナログ』って出るようにしようぜ。"
▼まだIE使ってるの?もったいない‥ - Sabotage
http://d.hatena.ne.jp/Sure_Shot/20081216/1229366364
"実装した。"

あと、Firefox等で作りこんで、最後にIEで見て愕然とするデザイナの写真をどこかで見たんだけど。

2008年12月22日月曜日

[CSS] 補足情報などの表示に便利なアコーディオン型ナビゲーション

0 コメント
スッキリしていてgood。

▼[CSS]補足情報などの表示に便利なアコーディオン型ナビゲーション | コリス
"ナビゲーションのラベルの補足テキストなどを表示するのに便利なアコーディオン型のナビゲーションをスクリプト無しで実装するスタイルシートを紹介します"
http://coliss.com/articles/build-websites/operation/css/2914.html

2008年12月15日月曜日

[Design] 海外Webデザイン、2008年の潮流/Web Designer Wall

0 コメント
▼海外Webデザイン、2008年の潮流
http://ascii.jp/elem/000/000/197/197136/?mail
"Webデザインの世界で著名なブログ「Web Design Wall」が年末恒例の「Best of CSS Design 2008」を発表した。同ブログの姉妹サイトである「Best Web Gallery」の中から、CSSレイアウトの優れたWebサイトを全部で50サイト選出。"

▼Web Designer Wall - Design Trends and Tutorials
http://www.webdesignerwall.com/

▼Best Web Gallery - Flash + CSS Gallery
http://bestwebgallery.com/

2008年12月12日金曜日

[Ajax] jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ

0 コメント
▼jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
http://d.hatena.ne.jp/nitoyon/20081211/jquery_fast_css
"ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを5つに絞って紹介します。"

2008年12月11日木曜日

[CSS]クロスブラウザ対応のフリーのナビゲーション集 -Styled Menu | コリス

0 コメント
▼[CSS]クロスブラウザ対応のフリーのナビゲーション集 -Styled Menu | コリス
http://coliss.com/articles/build-websites/operation/css/2607.html
"Styled Menuから、IE6/7, Firefox, Opera, Safari, Chromeに対応した、フリーのナビゲーションを紹介します。"

▼Styled Menu
http://www.styledmenus.com/

▼Styled Css Menus - High Quality Web Based Professional Css Menus: allmenus
http://www.styledmenus.com/search/label/allmenus?max-results=20

▽Multi Colored Styled
http://www.styledmenus.com/2008/12/multi-colored-styled.html
▽Simply Black
http://www.styledmenus.com/2008/12/simply-black.html
▽Rounded Blue Corner
http://www.styledmenus.com/2008/12/rounded-blue-corner.html
▽Silver Larger Menu
http://www.styledmenus.com/2008/12/silver-larger-menu.html
▽Glossy Slide Menu
http://www.styledmenus.com/2008/12/glossy-slide-menu.html
▽OVertical Menu
http://www.styledmenus.com/2008/12/overtical-menu.html
▽BGloss Styled Menu
http://www.styledmenus.com/2008/12/bgloss-styled-menu.html
▽Glossy Styled Menu
http://www.styledmenus.com/2008/12/glossy-styled-menu.html
▽Simple Green Styled
http://www.styledmenus.com/2008/12/simple-green-styled.html
▽Dark Blue Full Length
http://www.styledmenus.com/2008/12/dark-blue-full-length.html

[OSS] RubyベースのRIA開発環境「Appcelerator Titanium」 | エンタープライズ | マイコミジャーナル

0 コメント
Adobeにとって、AIRがあれば安泰、とは世の中甘くはないようです。
でも、Adobeが喉から手が出るほど願っているエンジニア層が、この世界に入ってきている証です。

▼RubyベースのRIA開発環境「Appcelerator Titanium」 | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/news/2008/12/11/052/index.html
"Appcelerator Titaniumは、HTML / CSSやJavaScriptなどのWeb標準技術でアプリケーションを作成する、Rubyベースの開発プラットフォーム。メニューやウィンドウの表示といったOS固有の機能のほか、ファイルの読み書きやSQLite 3データベースへの接続など、Webブラウザ以外のリソースにもアクセス可能な、オンライン / オフライン両用のアプリケーションを開発できる。WebKitやChromium、Gearsなどのオープンソースソフトウェアも、基盤技術として採用されている。"

▼MOONGIFT: » こ、これは凄いぞ…Web/デスクトップ対応アプリケーション開発環境「Titanium」:オープンソースを毎日紹介
http://www.moongift.jp/2008/12/titanium/
"何より実行環境をダウンロードしないで良いというのは大きなアドバンテージになるだろう。さらに2009年の四半期を目標にiPhoneやAndroid向けのアプリケーション開発もできるようにするとのことだ。元々Webで培われてきた技術(Web APIやJSONなど)との親和性の高さも良い。Ruby、JavaScript、HTMLがWebはおろか、デスクトップ環境まで一新することになりそうでわくわくしてくる。"

▼オープンソースのRIAプラットフォーム、Appceleratorが$4.1Mを調達 
http://jp.techcrunch.com/archives/20081209appcelerator-raises-41-million-for-open-source-ria-platform/
"Mountain Viewに本拠を置くスタートアップ、AppceleratorはStorm VenturesがリードしたシリーズAのラウンドで$4.1M(410万ドル)の資金を調達した。この資金は主としてAdobe AIRのライバルとなるオープンソース・プロジェクトのために使用される。このプラットフォームによって、デベロッパーはデスクトップ・アプリと同じようなルック・アンド・フィールで作動するウェブ・アプリケーションが開発できるようになる。"

▼米Appcelerator、「Adobe AIR」対抗オープンソースプラットフォーム「Tiranium」 - SourceForge.JP Magazine
http://sourceforge.jp/magazine/08/12/10/035259

▼Appcelerator Titanium makes building desktop rich applications easy
http://titaniumapp.com/"