http://w.atwiki.jp/designmemo/ design-memo ja 2008-01-08T19:14:41+09:00 1199787281 https://w.atwiki.jp/designmemo/pages/2.html *検索 #search2(title=検索,submit=検索,size=10,ignore=own) *メニュー -[[html]] -[[スタイルシート]] --[[スタイルシート入門>スタイルシート/スタイルシート入門]] -[[JavaScript]] --[[Ext>JavaScript/Ext]] --[[Lightbox2>JavaScript/Lightbox]] --[[IEでpngを表示>JavaScript/IEでpngを表示]] -[[無料素材]] -[[無料ソフト/ウェブサイト作成支援ツール]] -[[無料ソフト/eclipse]] 【[[ページ一覧>http://www29.atwiki.jp/designmemo/list]]】 *更新履歴 &bold(){最終更新：&date()} #recent(10) ---- -[[@wiki how to]] -&link_edit(text=メニュー編集,page=メニュー) 2008-01-08T19:14:41+09:00 1199787281 https://w.atwiki.jp/designmemo/pages/29.html *無料ソフト/eclipse（エクリプス） #ls(無料ソフト/eclipse) **eclipseとは JAVA開発に長けたオープンソース（つまり無料！）の開発環境。 まずはeclipse本体をダウンロードして、eclipseに対応した「プラグイン」というものを 好みに合わせてどんどん追加していくことが出来ます。 [[html]]エディタプラグインをいれるとhtml作成環境のできあがり。 インストールの仕方とかはそのうち～。 参考リンク： -[[eclipse@Wiki>http://www10.atwiki.jp/eclipse/]] 2008-01-08T19:13:54+09:00 1199787234 https://w.atwiki.jp/designmemo/pages/28.html &topicpath(top=トップ) *無料ソフト #ls(無料ソフト) 2008-01-08T19:07:57+09:00 1199786877 https://w.atwiki.jp/designmemo/pages/22.html *無料ソフト/ウェブサイト作成支援ツール #ls(無料ソフト/ウェブサイト作成支援ツール) **htmlが編集しやすいテキストエディタ windows付属の「メモ帳」だと文字コードとか改行コードの不自由さから 文字化けが起こったりして使いにくいので、下にあるようなエディタを入れておくと便利っす。 -[[ez-HTML>http://www.vector.co.jp/magazine/softnews/010725/n0107252.html]] >予約語やコメントの色分け表示で、Perl、C、Java、Delphiなどの言語の編集に対応するMDI形式のテキストエディタ。テキストエディタとしての充実した機能に加え、ソフト名の通り、HTMLの編集に適した機能を数多く備えているのが特徴だ。 -[[K2Editor>http://www.forest.impress.co.jp/lib/offc/document/txteditor/k2editor.html]] >正規表現を用いてテキストの色分け表示ができるフリーのテキストエディター。正規表現を用いることで、HTMLのタグなど複雑なパターンをもつ文字列でも自由に色分け表示できるようになる。文字列の検索や置換にも正規表現を利用できるため、“プレイヤー”“プレーヤー”など、厳密には異なる文字列を同時に検索・置換することも可能だ。 2008-01-08T19:07:23+09:00 1199786843 https://w.atwiki.jp/designmemo/pages/21.html *無料素材 #ls(無料素材) -[[広告戦隊アドレンジャー(http://www.adranger.net/)>http://www.adranger.net/]] 2007-12-10T06:48:23+09:00 1197236903 https://w.atwiki.jp/designmemo/pages/26.html *JavaScript/IEでpngを表示 #navi(JavaScript/IEでpngを表示) 透過png未対応ブラウザ（IE）で透過表現する。 *ダウンロード -[[http://www.isella.com/aod2/js/iepngfix.js]] *参考記事 -[[透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる>http://www.designwalker.com/2006/12/transparent-png2.html]] 　CSS（[[スタイルシート]]）でPNGファイルをバックグラウンド指定してるクラスやIDに以下の一行を追加。 　* html &color(red){&bold(){.iepngfix}} { behavior: expression(IEPNGFIX.fix(this)); } 　（&color(red){&bold(){赤字}}の部分はPNG画像を指定したクラス名、もしくはID名を） 2007-12-10T06:48:06+09:00 1197236886 https://w.atwiki.jp/designmemo/pages/19.html *Ext #ls(Javascript/Ext) &bold(){ダウンロード} -http://extjs.com/download *対応ブラウザ(2007-11現在) -Internet Explorer 6以上 -Firefox 1.5以上 -Safari 2以上 -Opera 9以上 *参考記事 -[[マイコミジャーナル Apolloのサンプルで使われた、美しきJavaScriptフレームワーク「Ext 1.0」>http://journal.mycom.co.jp/articles/2007/04/21/ext/index.html]] >皆さんは、「[[Ext]]」という[[JavaScript]]フレームワークをご存知だろうか。Extは、4月1日にバージョン1.0がリリースされたばかりの新鋭のフレームワークである。 >Extの前身は、「Yahoo! UI Library(YUI)」の拡張版として開発された「yui-ext」というライブラリである。しかし、yui-extでは、リッチなUIを実現できるものの、決してサイズが小さいとは言えないYUIを導入する必要がある。そこで、yui-extの作者であるJack Slocum氏は、YUI以外のライブラリとも併せて使えるようにyui-extを刷新。その成果物をExtという名前で(頭文字の「yui」を外して)リリースした。 >Ext 1.0で対応している外部のフレームワークはPrototype.js(scriptaculousも併せて利用可)、jQuery、そしてYUIである。現在のところExt単体では動作しない。 2007-12-10T06:48:00+09:00 1197236880 https://w.atwiki.jp/designmemo/pages/25.html *Lightbox #navi(Lightbox) 複数の写真をサムネイルから詳細表示するライブラリ。 スライドショーも可。 -[[http://www.huddletogether.com/projects/lightbox2/]] 2007-12-10T06:47:51+09:00 1197236871 https://w.atwiki.jp/designmemo/pages/17.html *html/xhtml #ls(html) 2007-12-10T06:47:44+09:00 1197236864 https://w.atwiki.jp/designmemo/pages/16.html *スタイルシート-CSS（Cascading Style Sheets) #ls(スタイルシート) 2007-12-10T06:47:36+09:00 1197236856